.Registration_registrationFormContent__ncr_H {
  display: flex;
  min-width: var(--columns-full-min-width, 360px);
  padding: var(--component-my-account-content-padding-y, 24px) var(--component-my-account-content-padding-x, 24px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-between-medium, 24px);
  flex: 1 0 0;
  border-radius: var(--general-radius-container, 0);
  background: var(--component-my-account-color-surface, #fff);
}

.Registration_registrationForm__MtQPm {
  display: flex;
  padding-bottom: var(--margin-small, 24px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-between-medium, 24px);
  align-self: stretch;
}

.Registration_registrationForm__MtQPm input[type="email"],
.Registration_registrationForm__MtQPm input[type="password"] {
  max-width: var(--columns-one-fourth-max-width, 480px);
  align-self: stretch;
  padding: var(--spacing-spacing-4, 4px) var(--spacing-spacing-12, 12px);
}

.Registration_registrationForm__MtQPm .Registration_errormsg__e8cNC {
  color: var(--color-system-error-500, #b50000);
  font-family: var(--typography-font-family-body, "Noto Sans");
  font-size: var(--typography-font-size-desktop-body-small, 14px);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.Registration_formsection__OTzj5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-spacing-4, 4px);
  align-self: stretch;
}

.SvgIcons_svgIcon__EEefe {
  display: inline-block;
  vertical-align: -3px;
}

.SvgIcons_svgIconLeftMargin__wYRiJ {
  margin-left: 4px;
}

.SvgIcons_spacer__gExws {
  display: inline-block;
  text-decoration: none;
}

.SvgIcons_xxs__of8Fo {
  width: 12px;
  height: 12px;
}

.SvgIcons_xxs__of8Fo.SvgIcons_after__m1rcG {
  margin-left: -12px;
  transform: translateX(12px);
}

.SvgIcons_xxs__of8Fo.SvgIcons_after__m1rcG + .SvgIcons_spacer__gExws {
  width: 12px;
}

.SvgIcons_xxs__of8Fo.SvgIcons_before__aFhRc {
  margin-right: -12px;
  transform: translateX(-12px);
}

.SvgIcons_spacer__gExws:has(+ .SvgIcons_xxs__of8Fo.SvgIcons_before__aFhRc) {
  width: 12px;
}

.SvgIcons_xs__nUTSo {
  width: 24px;
  height: 24px;
}

@media (min-width: 1200px) {
  .SvgIcons_xs__nUTSo {
    width: 16px;
    height: 16px;
  }
}

.SvgIcons_xs__nUTSo.SvgIcons_after__m1rcG {
  margin-left: -16px;
  transform: translateX(16px);
}

.SvgIcons_xs__nUTSo.SvgIcons_after__m1rcG + .SvgIcons_spacer__gExws {
  width: 16px;
}

.SvgIcons_xs__nUTSo.SvgIcons_before__aFhRc {
  margin-right: -16px;
  transform: translateX(-16px);
}

.SvgIcons_spacer__gExws:has(+ .SvgIcons_xs__nUTSo.SvgIcons_before__aFhRc) {
  width: 16px;
}

.SvgIcons_s__MVJWO {
  width: 20px;
  height: 20px;
}

.SvgIcons_s__MVJWO.SvgIcons_after__m1rcG {
  margin-left: -20px;
  transform: translateX(20px);
}

.SvgIcons_s__MVJWO.SvgIcons_after__m1rcG + .SvgIcons_spacer__gExws {
  width: 20px;
}

.SvgIcons_s__MVJWO.SvgIcons_before__aFhRc {
  margin-right: -20px;
  transform: translateX(-20px);
}

.SvgIcons_spacer__gExws:has(+ .SvgIcons_s__MVJWO.SvgIcons_before__aFhRc) {
  width: 20px;
}

.SvgIcons_sm__Zs_wf {
  width: 24px;
  height: 24px;
}

.SvgIcons_sm__Zs_wf.SvgIcons_after__m1rcG {
  margin-left: -24px;
  transform: translateX(24px);
}

.SvgIcons_sm__Zs_wf.SvgIcons_after__m1rcG + .SvgIcons_spacer__gExws {
  width: 24px;
}

.SvgIcons_sm__Zs_wf.SvgIcons_before__aFhRc {
  margin-right: -24px;
  transform: translateX(-24px);
}

.SvgIcons_spacer__gExws:has(+ .SvgIcons_sm__Zs_wf.SvgIcons_before__aFhRc) {
  width: 24px;
}

.SvgIcons_sm-plus-12__3n1mi {
  width: 24px;
  height: 24px;
}

.SvgIcons_sm-plus-12__3n1mi.SvgIcons_after__m1rcG {
  margin-left: calc(-24px - var(--spacing-spacing-12));
  transform: translateX(calc(24px + var(--spacing-spacing-12)));
}

.SvgIcons_sm-plus-12__3n1mi.SvgIcons_after__m1rcG + .SvgIcons_spacer__gExws {
  width: 24px;
}

.SvgIcons_sm-plus-12__3n1mi.SvgIcons_before__aFhRc {
  margin-right: calc(-24px - var(--spacing-spacing-12));
  transform: translateX(calc(-24px - var(--spacing-spacing-12)));
}

.SvgIcons_spacer__gExws:has(+ .SvgIcons_sm-plus-12__3n1mi.SvgIcons_before__aFhRc) {
  width: 24px;
}

.SvgIcons_md__ZFtG8 {
  width: 32px;
  height: 32px;
}

.SvgIcons_md__ZFtG8.SvgIcons_after__m1rcG {
  margin-left: -32px;
  transform: translateX(32px);
}

.SvgIcons_md__ZFtG8.SvgIcons_after__m1rcG + .SvgIcons_spacer__gExws {
  width: 32px;
}

.SvgIcons_md__ZFtG8.SvgIcons_before__aFhRc {
  margin-right: -32px;
  transform: translateX(-32px);
}

.SvgIcons_spacer__gExws:has(+ .SvgIcons_md__ZFtG8.SvgIcons_before__aFhRc) {
  width: 32px;
}

.SvgIcons_lg__SOrii {
  width: 48px;
  height: 48px;
}

.SvgIcons_lg__SOrii.SvgIcons_after__m1rcG {
  margin-left: -48px;
  transform: translateX(48px);
}

.SvgIcons_lg__SOrii.SvgIcons_after__m1rcG + .SvgIcons_spacer__gExws {
  width: 48px;
}

.SvgIcons_lg__SOrii.SvgIcons_before__aFhRc {
  margin-right: -48px;
  transform: translateX(-48px);
}

.SvgIcons_spacer__gExws:has(+ .SvgIcons_lg__SOrii.SvgIcons_before__aFhRc) {
  width: 48px;
}

.SvgIcons_xl__J7Uwg {
  width: 56px;
  height: 56px;
}

.SvgIcons_xl__J7Uwg.SvgIcons_after__m1rcG {
  margin-left: -56px;
  transform: translateX(56px);
}

.SvgIcons_xl__J7Uwg.SvgIcons_after__m1rcG + .SvgIcons_spacer__gExws {
  width: 56px;
}

.SvgIcons_xl__J7Uwg.SvgIcons_before__aFhRc {
  margin-right: -56px;
  transform: translateX(-56px);
}

.SvgIcons_spacer__gExws:has(+ .SvgIcons_xl__J7Uwg.SvgIcons_before__aFhRc) {
  width: 56px;
}

.SvgIcons_em__CEixX {
  width: 1em;
  height: 1em;
}

.SvgIcons_em__CEixX.SvgIcons_after__m1rcG {
  margin-left: calc(-1em - 0px);
  transform: translateX(calc(1em + 0px));
}

.SvgIcons_em__CEixX.SvgIcons_after__m1rcG + .SvgIcons_spacer__gExws {
  width: 1em;
}

.SvgIcons_em__CEixX.SvgIcons_before__aFhRc {
  margin-right: calc(-1em - 0px);
  transform: translateX(calc(-1em - 0px));
}

.SvgIcons_spacer__gExws:has(+ .SvgIcons_em__CEixX.SvgIcons_before__aFhRc) {
  width: 1em;
}

.SuccessGate_successGateModal__ZXpuZ {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--space-between-medium);
  flex: 1 0 0;
  margin: auto 0;
}

.SuccessGate_successGateModal__ZXpuZ,
.SuccessGate_successGateModal__ZXpuZ .SuccessGate_successGateWrapper__UChbP {
  display: flex;
  min-width: var(--columns-full-min-width);
  padding: var(--component-my-account-content-padding-y) var(--component-my-account-content-padding-x);
  border-radius: var(--general-radius-container);
  background: var(--component-my-account-color-surface);
}

.SuccessGate_successGateModal__ZXpuZ .SuccessGate_successGateWrapper__UChbP {
  flex-direction: column;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}

.SuccessGate_successGateModal__ZXpuZ .SuccessGate_iconWrapper__MB52e {
  display: flex;
  width: 72px;
  height: 72px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: var(--component-my-account-color-surface-cta-color);
  background: color-mix(in srgb, var(--component-my-account-color-surface-cta-color) 12%, transparent);
}

.SuccessGate_successGateModal__ZXpuZ .SuccessGate_successGateTitle__r7sVq {
  color: var(--theme-aux1-surface-text-primary);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  font-size: var(--typography-font-size-header-large);
  margin: 0;
  text-align: center;
}

.SuccessGate_successGateModal__ZXpuZ .SuccessGate_successGateDescription__h0H1W {
  color: var(--theme-aux-1-surface-text-secondary);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-align: center;
  align-self: stretch;
}

.SuccessGate_successGateModal__ZXpuZ .SuccessGate_successGateButton__7dQJF {
  display: flex;
  justify-content: center;
  width: 100%;
}

.SuccessGate_successGateModal__ZXpuZ.SuccessGate_underage___r7p5 .SuccessGate_iconWrapper__MB52e {
  color: var(--component-my-account-color-title);
  background: color-mix(in srgb, var(--component-my-account-color-title) 10%, transparent);
}

.BrandAndThemeContext_brandSelector__FMzdS,
.BrandAndThemeContext_themeSelector__HtEzX {
  background: #fff;
  color: #000;
  padding: 10px;
  border: 4px solid rgba(0, 0, 0, 0);
  -o-border-image: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);
  border-image: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);
  border-image-slice: 1;
}

.BrandAndThemeContext_brandSelector__FMzdS {
  display: flex;
  flex-direction: column;
  align-items: center;
  /*gap: 0.75rem;*/
  gap: 1.2rem;
}

@media screen and (min-width: 48rem) {
  .BrandAndThemeContext_brandSelector__FMzdS {
    position: sticky;
    top: 0;
    z-index: 1000;
  }
}

@media screen and (min-width: 75rem) {
  .BrandAndThemeContext_brandSelector__FMzdS {
    flex-direction: row;
    justify-content: center;
    /*gap: 1rem;*/
    gap: 1.6rem;
  }
}

.BrandAndThemeContext_selectWrap__Zjb9K {
  display: flex;
  flex-direction: column;
  /* gap: 0.5rem; */
  gap: 0.8rem;
}

.BrandAndThemeContext_selectWrap__Zjb9K label {
  line-height: 1.1;
}

@media screen and (min-width: 48rem) {
  .BrandAndThemeContext_selectWrap__Zjb9K {
    flex-direction: row;
  }
}

.BrandAndThemeContext_checkboxWrap__gbFAV {
  display: flex;
  /* gap: 0.5rem; */
  gap: 0.8rem;
}

.BrandAndThemeContext_checkboxWrap__gbFAV label {
  line-height: 1.1;
}

.BrandAndThemeContext_themeSelector__HtEzX {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.BrandAndThemeContext_themeSelector__HtEzX label {
  display: flex;
  flex-direction: row;
  gap: 5px;
}

.Cta_cta__0S19i {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  white-space: nowrap;
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-button);
  line-height: 150%;
  border-radius: var(--component-cta-radius);
}

.Cta_cta__0S19i.Cta_base__q3NY3 {
  border-width: var(--component-cta-size-base-border);
  gap: var(--component-cta-size-base-space-between);
  padding: var(--component-cta-size-base-padding-y) var(--component-cta-size-base-padding-right) var(--component-cta-size-base-padding-y) var(--component-cta-size-base-padding-left);
}

.Cta_cta__0S19i.Cta_base__q3NY3.Cta_link-invert-underline__hVwXi,
.Cta_cta__0S19i.Cta_base__q3NY3.Cta_link__FF5DM {
  padding: var(--component-cta-size-base-padding-y) 0;
}

.Cta_cta__0S19i.Cta_small__gJvcv {
  border-width: var(--component-cta-size-small-border);
  gap: var(--component-cta-size-small-gap);
  font-size: var(--typography-font-size-desktop-body-small);
  padding: var(--component-cta-size-small-padding-y) var(--component-cta-size-small-padding-right) var(--component-cta-size-small-padding-y) var(--component-cta-size-small-padding-left);
}

.Cta_cta__0S19i.Cta_small__gJvcv.Cta_link-invert-underline__hVwXi,
.Cta_cta__0S19i.Cta_small__gJvcv.Cta_link__FF5DM {
  padding: var(--component-cta-size-small-padding-y) 0;
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_filled__SKTvO {
  border: var(--component-cta-size-base-border) solid var(--component-cta-color-brand-fill-enabled-border);
  background: var(--component-cta-color-brand-fill-enabled-bg);
  color: var(--component-cta-color-brand-fill-enabled-text);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_filled__SKTvO svg,
.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_filled__SKTvO svg path {
  color: var(--component-cta-color-brand-fill-enabled-icon);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_filled__SKTvO:focus-visible {
  outline: 2px solid var(--component-cta-color-brand-fill-enabled-border);
  outline-offset: 2px;
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_filled__SKTvO:hover {
  border: var(--component-cta-size-base-border) solid var(--component-cta-color-brand-fill-hover-border);
  background: var(--component-cta-color-brand-fill-hover-bg);
  color: var(--component-cta-color-brand-fill-hover-text);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_filled__SKTvO:hover svg,
.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_filled__SKTvO:hover svg path {
  color: var(--component-cta-color-brand-fill-hover-icon);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_filled__SKTvO:active {
  outline: none;
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_filled__SKTvO:disabled {
  opacity: var(--component-cta-color-brand-fill-disabled-opacity);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_outline__0Jgzo {
  border: var(--component-cta-size-base-border) solid var(--component-cta-color-brand-outline-enabled-border);
  background: var(--component-cta-color-brand-outline-enabled-bg);
  color: var(--component-cta-color-brand-outline-enabled-text);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_outline__0Jgzo svg,
.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_outline__0Jgzo svg path {
  color: var(--component-cta-color-brand-outline-enabled-icon);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_outline__0Jgzo:hover {
  border: var(--component-cta-size-base-border) solid var(--component-cta-color-brand-outline-hover-border);
  background: var(--component-cta-color-brand-outline-hover-bg);
  color: var(--component-cta-color-brand-outline-hover-text);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_outline__0Jgzo:hover svg,
.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_outline__0Jgzo:hover svg path {
  color: var(--component-cta-color-brand-outline-hover-icon);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_outline__0Jgzo:focus-visible {
  outline: 2px solid var(--component-cta-color-brand-outline-enabled-border);
  outline-offset: 2px;
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_outline__0Jgzo:active {
  outline: none;
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_outline__0Jgzo:disabled {
  opacity: var(--component-cta-color-brand-outline-disabled-opacity);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM {
  color: var(--component-cta-color-brand-ghost-enabled-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-decoration-line: underline;
  text-decoration-color: var(--interactiveTheme-button-ghost-link-underline);
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  text-underline-position: from-font;
  text-decoration-thickness: 2px;
  border-radius: var(--component-cta-radius);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM svg.Cta_cta-icon-default__GKAwS {
  color: var(--component-cta-color-brand-ghost-enabled-icon);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM svg.Cta_cta-icon-default__GKAwS path {
  fill: var(--component-cta-color-brand-ghost-enabled-icon);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM:focus,
.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM:hover {
  color: var(--component-cta-color-brand-ghost-pressed-text);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM:focus svg.Cta_cta-icon-default__GKAwS,
.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM:hover svg.Cta_cta-icon-default__GKAwS {
  color: var(--component-cta-color-brand-ghost-hover-icon);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM:focus svg.Cta_cta-icon-default__GKAwS path,
.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM:hover svg.Cta_cta-icon-default__GKAwS path {
  fill: var(--component-cta-color-brand-ghost-hover-icon);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM:active {
  outline: none;
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM:focus {
  outline: none;
  outline-offset: 3px;
  text-decoration-line: underline;
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM:hover {
  text-decoration-line: none;
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM:disabled {
  opacity: var(--component-cta-color-brand-cta-outline-disabled-opacity);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM.Cta_small__gJvcv {
  color: var(--component-cta-color-brand-ghost-enabled-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-decoration-line: underline;
  text-decoration-color: var(--interactiveTheme-button-ghost-link-underline);
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  text-underline-position: from-font;
  text-decoration-thickness: 1px;
  border-radius: var(--component-cta-radius);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM.Cta_small__gJvcv svg.Cta_cta-icon-default__GKAwS {
  color: var(--component-cta-color-brand-ghost-enabled-icon);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM.Cta_small__gJvcv svg.Cta_cta-icon-default__GKAwS path {
  fill: var(--component-cta-color-brand-ghost-enabled-icon);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM.Cta_small__gJvcv:focus,
.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM.Cta_small__gJvcv:hover {
  color: var(--component-cta-color-brand-ghost-pressed-text);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM.Cta_small__gJvcv:focus svg.Cta_cta-icon-default__GKAwS,
.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM.Cta_small__gJvcv:hover svg.Cta_cta-icon-default__GKAwS {
  color: var(--component-cta-color-brand-ghost-hover-icon);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM.Cta_small__gJvcv:focus svg.Cta_cta-icon-default__GKAwS path,
.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM.Cta_small__gJvcv:hover svg.Cta_cta-icon-default__GKAwS path {
  fill: var(--component-cta-color-brand-ghost-hover-icon);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM.Cta_small__gJvcv:active {
  outline: none;
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM.Cta_small__gJvcv:focus {
  outline: none;
  outline-offset: 1px;
  text-decoration-line: underline;
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM.Cta_small__gJvcv:hover {
  text-decoration-line: none;
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM.Cta_small__gJvcv:disabled {
  opacity: var(--component-cta-color-brand-cta-outline-disabled-opacity);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link__FF5DM:focus-visible {
  outline: 2px solid var(--component-cta-color-brand-fill-enabled-border);
  outline-offset: 2px;
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi {
  color: var(--component-cta-color-brand-ghost-enabled-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-decoration-line: none;
  text-decoration-color: var(--interactiveTheme-button-ghost-link-underline);
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  text-underline-position: from-font;
  text-decoration-thickness: 2px;
  border-radius: var(--component-cta-radius);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi svg.Cta_cta-icon-default__GKAwS {
  color: var(--component-cta-color-brand-ghost-enabled-icon);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi svg.Cta_cta-icon-default__GKAwS path {
  fill: var(--component-cta-color-brand-ghost-enabled-icon);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi:focus,
.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi:hover {
  color: var(--component-cta-color-brand-ghost-pressed-text);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi:focus svg.Cta_cta-icon-default__GKAwS,
.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi:hover svg.Cta_cta-icon-default__GKAwS {
  color: var(--component-cta-color-brand-ghost-hover-icon);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi:focus svg.Cta_cta-icon-default__GKAwS path,
.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi:hover svg.Cta_cta-icon-default__GKAwS path {
  fill: var(--component-cta-color-brand-ghost-hover-icon);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi:active {
  outline: none;
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi:focus {
  outline: none;
  outline-offset: 3px;
  text-decoration-line: underline;
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi:disabled {
  opacity: var(--component-cta-color-brand-cta-outline-disabled-opacity);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv {
  color: var(--component-cta-color-brand-ghost-enabled-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-decoration-line: none;
  text-decoration-color: var(--interactiveTheme-button-ghost-link-underline);
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  text-underline-position: from-font;
  text-decoration-thickness: 1px;
  border-radius: var(--component-cta-radius);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv svg.Cta_cta-icon-default__GKAwS {
  color: var(--component-cta-color-brand-ghost-enabled-icon);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv svg.Cta_cta-icon-default__GKAwS path {
  fill: var(--component-cta-color-brand-ghost-enabled-icon);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv:focus,
.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv:hover {
  color: var(--component-cta-color-brand-ghost-pressed-text);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv:focus svg.Cta_cta-icon-default__GKAwS,
.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv:hover svg.Cta_cta-icon-default__GKAwS {
  color: var(--component-cta-color-brand-ghost-hover-icon);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv:focus svg.Cta_cta-icon-default__GKAwS path,
.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv:hover svg.Cta_cta-icon-default__GKAwS path {
  fill: var(--component-cta-color-brand-ghost-hover-icon);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv:active {
  outline: none;
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv:focus {
  outline: none;
  outline-offset: 1px;
  text-decoration-line: underline;
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv:hover {
  text-decoration-line: underline;
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv:disabled {
  opacity: var(--component-cta-color-brand-cta-outline-disabled-opacity);
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi:focus-visible {
  outline: 2px solid var(--component-cta-color-brand-fill-enabled-border);
  outline-offset: 2px;
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi:focus {
  text-decoration-line: none;
}

.Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi:hover {
  text-decoration-line: underline;
}

@media (max-width: 74.9375rem) {
  .Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi:hover {
    text-decoration-line: underline;
  }

  .Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi:focus {
    text-decoration-line: none;
  }

  @supports (-webkit-touch-callout: none) {
    .Cta_cta__0S19i.Cta_brand__l1SCG.Cta_link-invert-underline__hVwXi:hover {
      text-decoration-line: none;
    }
  }
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_filled__SKTvO {
  border: var(--component-cta-size-base-border) solid var(--component-cta-color-inverse-fill-enabled-border);
  background: var(--component-cta-color-inverse-fill-enabled-bg);
  color: var(--component-cta-color-inverse-fill-enabled-text);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_filled__SKTvO svg,
.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_filled__SKTvO svg path {
  color: var(--component-cta-color-inverse-fill-enabled-icon);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_filled__SKTvO:hover {
  border: var(--component-cta-size-base-border) solid var(--component-cta-color-inverse-fill-hover-border);
  background: var(--component-cta-color-inverse-fill-hover-bg);
  color: var(--component-cta-color-inverse-fill-hover-text);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_filled__SKTvO:hover svg,
.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_filled__SKTvO:hover svg path {
  color: var(--component-cta-color-inverse-fill-hover-icon);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_filled__SKTvO:focus-visible {
  outline: 2px solid var(--component-cta-color-inverse-fill-enabled-border);
  outline-offset: 2px;
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_filled__SKTvO:active {
  outline: none;
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_filled__SKTvO:disabled {
  opacity: var(--component-cta-color-inverse-fill-disabled-opacity);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_outline__0Jgzo {
  border: var(--component-cta-size-base-border) solid var(--component-cta-color-inverse-outline-enabled-border);
  background: var(--component-cta-color-inverse-outline-enabled-bg);
  color: var(--component-cta-color-inverse-outline-enabled-text);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_outline__0Jgzo svg,
.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_outline__0Jgzo svg path {
  color: var(--component-cta-color-inverse-outline-enabled-icon);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_outline__0Jgzo:hover {
  border: var(--component-cta-size-base-border) solid var(--component-cta-color-inverse-outline-hover-border);
  background: var(--component-cta-color-inverse-outline-hover-bg);
  color: var(--component-cta-color-inverse-outline-hover-text);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_outline__0Jgzo:hover svg,
.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_outline__0Jgzo:hover svg path {
  color: var(--component-cta-color-inverse-outline-hover-icon);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_outline__0Jgzo:focus {
  outline: 2px solid var(--component-cta-color-inverse-outline-enabled-border);
  outline-offset: 2px;
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_outline__0Jgzo:active {
  outline: none;
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_outline__0Jgzo:disabled {
  opacity: var(--component-cta-color-inverse-outline-disabled-opacity);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM {
  color: var(--component-cta-color-inverse-ghost-enabled-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-decoration-line: underline;
  text-decoration-color: var(--interactiveTheme-button-ghost-inverse-link-underline);
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  text-underline-position: from-font;
  text-decoration-thickness: 2px;
  border-radius: var(--component-cta-radius);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM svg.Cta_cta-icon-default__GKAwS {
  color: var(--component-cta-color-inverse-ghost-enabled-icon);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM svg.Cta_cta-icon-default__GKAwS path {
  fill: var(--component-cta-color-inverse-ghost-enabled-icon);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM:focus,
.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM:hover {
  color: var(--component-cta-color-inverse-ghost-pressed-text);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM:focus svg.Cta_cta-icon-default__GKAwS,
.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM:hover svg.Cta_cta-icon-default__GKAwS {
  color: var(--component-cta-color-inverse-ghost-hover-icon);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM:focus svg.Cta_cta-icon-default__GKAwS path,
.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM:hover svg.Cta_cta-icon-default__GKAwS path {
  fill: var(--component-cta-color-inverse-ghost-hover-icon);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM:active {
  outline: none;
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM:focus {
  outline: none;
  outline-offset: 3px;
  text-decoration-line: underline;
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM:hover {
  text-decoration-line: none;
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM:disabled {
  opacity: var(--component-cta-color-inverse-ghost-disabled-opacity);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM.Cta_small__gJvcv {
  color: var(--component-cta-color-inverse-ghost-enabled-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-decoration-line: underline;
  text-decoration-color: var(--interactiveTheme-button-ghost-inverse-link-underline);
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  text-underline-position: from-font;
  text-decoration-thickness: 1px;
  border-radius: var(--component-cta-radius);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM.Cta_small__gJvcv svg.Cta_cta-icon-default__GKAwS {
  color: var(--component-cta-color-inverse-ghost-enabled-icon);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM.Cta_small__gJvcv svg.Cta_cta-icon-default__GKAwS path {
  fill: var(--component-cta-color-inverse-ghost-enabled-icon);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM.Cta_small__gJvcv:focus,
.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM.Cta_small__gJvcv:hover {
  color: var(--component-cta-color-inverse-ghost-pressed-text);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM.Cta_small__gJvcv:focus svg.Cta_cta-icon-default__GKAwS,
.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM.Cta_small__gJvcv:hover svg.Cta_cta-icon-default__GKAwS {
  color: var(--component-cta-color-inverse-ghost-hover-icon);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM.Cta_small__gJvcv:focus svg.Cta_cta-icon-default__GKAwS path,
.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM.Cta_small__gJvcv:hover svg.Cta_cta-icon-default__GKAwS path {
  fill: var(--component-cta-color-inverse-ghost-hover-icon);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM.Cta_small__gJvcv:active {
  outline: none;
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM.Cta_small__gJvcv:focus {
  outline: none;
  outline-offset: 1px;
  text-decoration-line: underline;
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM.Cta_small__gJvcv:hover {
  text-decoration-line: none;
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM.Cta_small__gJvcv:disabled {
  opacity: var(--component-cta-color-inverse-ghost-disabled-opacity);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link__FF5DM:focus-visible {
  outline: 2px solid var(--component-cta-color-inverse-fill-enabled-border);
  outline-offset: 2px;
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi {
  color: var(--component-cta-color-inverse-ghost-enabled-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-decoration-line: none;
  text-decoration-color: var(--interactiveTheme-button-ghost-inverse-link-underline);
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  text-underline-position: from-font;
  text-decoration-thickness: 2px;
  border-radius: var(--component-cta-radius);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi svg.Cta_cta-icon-default__GKAwS {
  color: var(--component-cta-color-inverse-ghost-enabled-icon);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi svg.Cta_cta-icon-default__GKAwS path {
  fill: var(--component-cta-color-inverse-ghost-enabled-icon);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi:focus,
.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi:hover {
  color: var(--component-cta-color-inverse-ghost-pressed-text);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi:focus svg.Cta_cta-icon-default__GKAwS,
.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi:hover svg.Cta_cta-icon-default__GKAwS {
  color: var(--component-cta-color-inverse-ghost-hover-icon);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi:focus svg.Cta_cta-icon-default__GKAwS path,
.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi:hover svg.Cta_cta-icon-default__GKAwS path {
  fill: var(--component-cta-color-inverse-ghost-hover-icon);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi:active {
  outline: none;
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi:focus {
  outline: none;
  outline-offset: 3px;
  text-decoration-line: underline;
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi:hover {
  text-decoration-line: underline;
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi:disabled {
  opacity: var(--component-cta-color-inverse-ghost-disabled-opacity);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv {
  color: var(--component-cta-color-inverse-ghost-enabled-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-decoration-line: none;
  text-decoration-color: var(--interactiveTheme-button-ghost-inverse-link-underline);
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  text-underline-position: from-font;
  text-decoration-thickness: 1px;
  border-radius: var(--component-cta-radius);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv svg.Cta_cta-icon-default__GKAwS {
  color: var(--component-cta-color-inverse-ghost-enabled-icon);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv svg.Cta_cta-icon-default__GKAwS path {
  fill: var(--component-cta-color-inverse-ghost-enabled-icon);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv:focus,
.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv:hover {
  color: var(--component-cta-color-inverse-ghost-pressed-text);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv:focus svg.Cta_cta-icon-default__GKAwS,
.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv:hover svg.Cta_cta-icon-default__GKAwS {
  color: var(--component-cta-color-inverse-ghost-hover-icon);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv:focus svg.Cta_cta-icon-default__GKAwS path,
.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv:hover svg.Cta_cta-icon-default__GKAwS path {
  fill: var(--component-cta-color-inverse-ghost-hover-icon);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv:active {
  outline: none;
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv:focus {
  outline: none;
  outline-offset: 1px;
  text-decoration-line: underline;
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv:hover {
  text-decoration-line: underline;
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi.Cta_small__gJvcv:disabled {
  opacity: var(--component-cta-color-inverse-ghost-disabled-opacity);
}

.Cta_cta__0S19i.Cta_inverse__Unbot.Cta_link-invert-underline__hVwXi:focus-visible {
  outline: 2px solid var(--component-cta-color-inverse-fill-enabled-border);
  outline-offset: 2px;
}

button.Cta_cta__0S19i {
  background-color: inherit;
  border: none;
}

.SignUp_signupWrapper__cMQxv {
  padding: var(--component-my-account-content-padding-y) var(--component-my-account-padding-x);
  background: var(--component-my-account-color-bg);
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 {
  display: flex;
  max-width: var(--columns-full-max-width);
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: var(--spacing-general-gutter);
  margin: 0 auto;
  flex-wrap: wrap;
}

@media screen and (min-width: 48rem) {
  .SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 {
    flex-wrap: nowrap;
  }
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj {
  display: flex;
  align-items: flex-start;
  min-width: var(--columns-full-min-width);
  padding: var(--component-my-account-content-padding-y) var(--component-my-account-content-padding-x);
  flex-direction: column;
  gap: var(--space-between-medium);
  border-radius: var(--general-radius-container);
  background: var(--component-my-account-color-surface);
}

@media screen and (min-width: 48rem) {
  .SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj {
    flex: 1 0 0;
  }
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_formContentHeader__Y__su,
.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_formFieldsWrapper__aY6Yu {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_headerContent__RLtmG {
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
  gap: 16px var(--spacing-general-title-margin-bottom);
  align-self: stretch;
  flex-wrap: wrap;
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_formContentHeaderTitle__zuT60 {
  min-width: 240px;
  flex: 1 0 0;
  color: var(--component-my-account-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  font-size: var(--typography-font-size-header-large);
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_subHeading__59ByE {
  display: flex;
  gap: 8px;
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_subHeadingDescription__DeL_j {
  color: var(--component-my-account-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_signInLink__PoJhj {
  padding: 0;
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_divider__5D9oX {
  background-color: var(--component-my-account-color-line-break);
  width: 100%;
  margin: 0;
  border: none;
  height: 1px;
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_requiredField__YE5ca {
  color: var(--component-my-account-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_formAnchor__MwF8V {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_oauthSignupInfo__ssLdv {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-radius: var(--general-radius-container-l2);
  background: var(--component-my-account-color-surface-highlight);
  color: var(--component-my-account-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_formFieldsContainer___HDwZ {
  display: flex;
  max-width: var(--columns-one-fourth-max-width);
  padding-bottom: var(--margin-small);
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_profileQuestionWrapper__d1QDG {
  position: relative;
  width: 100%;
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_selectWrapper__G46jL {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  align-self: stretch;
  border-radius: var(--radius-radius-4);
  border: 2px solid var(--component-form-field-color-default-border);
  background: var(--component-search-field-default-bg);
  transition: border-color 0.2s ease-in-out;
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_selectWrapper__G46jL:focus-within {
  border-color: var(--general-color-fill-darkest);
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_selectWrapperError__1mm64 {
  border-color: var(--color-system-error-500);
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_profileQuestionSelect__2s2KC {
  width: 100%;
  min-height: 48px;
  padding: var(--spacing-spacing-4) 44px var(--spacing-spacing-4) var(--spacing-spacing-12);
  border: 0;
  background: rgba(0, 0, 0, 0);
  color: var(--component-search-field-default-search-text);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  color: var(--general-color-text-dark);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 400;
  font-family: var(--typography-font-family-body);
  line-height: 150%;
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_profileQuestionSelect__2s2KC:focus {
  outline: none;
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_profileQuestionSelect__2s2KC:disabled {
  cursor: not-allowed;
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_selectIcon__nS6oF {
  position: absolute;
  right: var(--spacing-spacing-12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--general-color-fill-darkest);
  pointer-events: none;
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_profileQuestionError__Y_clP {
  color: var(--color-system-error-500);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 400;
  font-family: var(--typography-font-family-body);
  line-height: 150%;
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_oauthEmailDisplay__YP2eW {
  display: flex;
  gap: 8px;
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_oauthEmailDisplay__YP2eW .SignUp_oauthEmailDisplayText__CxRnk {
  color: var(--component-my-account-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_newsLetterSubscriptionWrapper__irkzk {
  display: flex;
  padding: var(--spacing-spacing-16);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-spacing-8);
  align-self: stretch;
  border-radius: var(--general-radius-container-l2);
  background: var(--component-my-account-color-surface-highlight);
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_newsLetterSubscriptionWrapper__irkzk .SignUp_newsLetterLabelStyle__Y3ei_ {
  color: var(--component-my-account-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_orOptionLine__h9Vtt {
  display: flex;
  height: 24px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: 100%;
  color: var(--component-my-account-color-title);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_signupButton__2MNI_ {
  width: 100%;
}

@media screen and (min-width: 48rem) {
  .SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_formContentContainer__WLsJj .SignUp_signupButton__2MNI_ {
    width: auto;
  }
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_socialLogins__tP0sD {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  align-self: stretch;
}

.SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_socialButton___LsF0 {
  width: 100%;
}

@media screen and (min-width: 75rem) {
  .SignUp_signupWrapper__cMQxv .SignUp_signupContent__YC270 .SignUp_socialButton___LsF0 {
    max-width: 327px;
  }
}

.SignUp_signupWrapper__cMQxv .SignUp_signUpSidebar__Cs1RY {
  display: flex;
  min-width: var(--columns-one-third-min-width);
  max-width: var(--width-component-my-account-side-bar-max-width);
  padding: var(--padding-small);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--margin-small);
  flex: 1 0 0;
  border-radius: var(--general-radius-container);
  background: var(--component-my-account-color-sidebar-surface);
}

.SignUp_signupWrapper__cMQxv .SignUp_signUpSidebar__Cs1RY .SignUp_signupSidebarTitle__JHmSF {
  color: var(--component-my-account-color-sidebar-text);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  font-size: var(--typography-font-size-header-large);
}

.SignUp_signupWrapper__cMQxv .SignUp_signUpSidebar__Cs1RY .SignUp_signupSidebarDescription__QHJVR {
  color: var(--component-my-account-color-sidebar-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.FormField_formField__MmaGV {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-spacing-4);
  align-self: stretch;
  max-width: var(--columns-one-fourth-max-width);
}

.FormField_fieldLabel__AGmq6 {
  color: var(--component-form-field-color-label);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
  line-height: 150%;
}

.FormField_fieldWrapper___dOUv {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}

.FormField_inlineError__S32Ym {
  color: var(--color-system-error-500);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.FormField_error__XXfqq input {
  border-color: var(--color-system-error-500);
}

.TextInput_inputField__yaokr {
  width: 100%;
  height: 48px;
  padding: var(--spacing-spacing-4) var(--spacing-spacing-12);
  align-self: stretch;
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

@media screen and (max-width: 74.9375rem) {
  html.ios-mobile-input-fix .TextInput_inputField__yaokr {
    font-size: var(--typography-font-size-desktop-body-medium);
  }
}

.TextInput_inputField__yaokr {
  color: var(--general-color-text-dark);
}

.TextInput_inputField__yaokr::-moz-placeholder {
  color: var(--general-color-text-mid);
}

.TextInput_inputField__yaokr::placeholder {
  color: var(--general-color-text-mid);
}

.TextInput_inputField__yaokr {
  border-radius: var(--radius-radius-4);
  border: 2px solid var(--component-form-field-color-default-border);
  background: var(--component-search-field-default-bg);
}

.TextInput_inputField__yaokr:focus {
  outline: none;
  border-color: var(--general-color-border-brand-2);
}

.TextInput_inputField__yaokr:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.TextInput_inputWithLeftIcon__z6Ycf {
  padding-left: calc(var(--spacing-spacing-12) + 24px + var(--spacing-spacing-8));
}

.TextInput_inputWithRightIcon__lB_K_ {
  padding-right: calc(var(--spacing-spacing-12) + 24px + var(--spacing-spacing-8));
}

.TextInput_leftIcon__yAfDp {
  left: var(--spacing-spacing-12);
}

.TextInput_leftIcon__yAfDp,
.TextInput_rightIcon__vt89z {
  position: absolute;
  display: flex;
  align-items: center;
  pointer-events: none;
  z-index: 1;
}

.TextInput_rightIcon__vt89z {
  right: var(--spacing-spacing-12);
}

.TextInput_errorMessage__EplRy {
  color: var(--color-system-error-500);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.DateField_dateFieldContainer__c2Wif {
  position: relative;
  width: 100%;
}

.DateField_hiddenInputField__hg2a5 {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
}

.DateField_inputField__b88Ss {
  width: 100%;
  height: 48px;
  padding: var(--spacing-spacing-4) var(--spacing-spacing-12);
  align-self: stretch;
  border-radius: var(--radius-radius-4);
  border: 2px solid var(--component-form-field-color-default-border);
  background: var(--component-search-field-default-bg);
  color: var(--general-color-text-dark);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.DateField_inputField__b88Ss::-moz-placeholder {
  color: var(--general-color-text-mid);
}

.DateField_inputField__b88Ss::placeholder {
  color: var(--general-color-text-mid);
}

.DateField_inputWithCalendarIcon__hwyTK {
  padding-right: calc(var(--spacing-spacing-12) + 24px + var(--spacing-spacing-8));
}

.DateField_dateFieldWrapper__oMqwz {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.DateField_calendarIconSvg__32Egz {
  margin-left: 0;
}

.DateField_calendarIcon__0RWky {
  position: absolute;
  right: var(--spacing-spacing-12);
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  cursor: pointer;
  z-index: 2;
  pointer-events: auto;
  color: var(--general-color-text-dark);
}

.DateField_calendarIcon__0RWky:hover {
  color: var(--general-color-border-brand-2);
}

.DateField_calendarIcon__0RWky:focus {
  outline: 2px solid var(--general-color-border-brand-2);
  outline-offset: 2px;
  border-radius: 2px;
}

.DateField_calendarIcon__0RWky svg {
  display: block;
}

.DateField_errorMessage__DiJFY {
  color: var(--color-system-error-500);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.PasswordInput_passwordContainer__rq7m5 {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}

.PasswordInput_inputField__hbHqi {
  width: 100%;
  height: 48px;
  padding: var(--spacing-spacing-4) var(--spacing-spacing-12);
  align-self: stretch;
}

.PasswordInput_inputField__hbHqi::-ms-clear,
.PasswordInput_inputField__hbHqi::-ms-reveal {
  display: none;
}

.PasswordInput_inputField__hbHqi {
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

@media screen and (max-width: 74.9375rem) {
  html.ios-mobile-input-fix .PasswordInput_inputField__hbHqi {
    font-size: var(--typography-font-size-desktop-body-medium);
  }
}

.PasswordInput_inputField__hbHqi {
  color: var(--general-color-text-dark);
}

.PasswordInput_inputField__hbHqi::-moz-placeholder {
  color: var(--general-color-text-mid);
}

.PasswordInput_inputField__hbHqi::placeholder {
  color: var(--general-color-text-mid);
}

.PasswordInput_inputField__hbHqi {
  border-radius: var(--radius-radius-4);
  border: 2px solid var(--component-form-field-color-default-border);
  background: var(--component-search-field-default-bg);
}

.PasswordInput_inputField__hbHqi:focus {
  outline: none;
  border-color: var(--general-color-border-brand-2);
}

.PasswordInput_inputField__hbHqi:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.PasswordInput_inputWithLeftIcon__o84mQ {
  padding-left: calc(var(--spacing-spacing-12) + 24px + var(--spacing-spacing-8));
}

.PasswordInput_inputWithRightIcon__eZeFc {
  padding-right: calc(var(--spacing-spacing-12) + 24px + var(--spacing-spacing-8));
}

.PasswordInput_showHidePassword__0CZMb {
  position: absolute;
  right: var(--spacing-spacing-12);
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.PasswordInput_showHidePassword__0CZMb:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.PasswordInput_showHidePassword__0CZMb:focus {
  outline: 2px solid var(--general-color-border-brand-2);
  outline-offset: 2px;
  border-radius: 2px;
}

.PasswordInput_showHideIconSvg__dxnnr {
  margin-left: 0;
}

.PasswordInput_leftIcon__8SZDK {
  position: absolute;
  left: var(--spacing-spacing-12);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 1;
  color: var(--general-color-text-dark);
}

.PasswordInput_leftIconValid__YThwq {
  color: var(--color-system-success-500);
}

.PasswordInput_leftIconInvalid__58FBx {
  color: var(--color-system-error-500);
}

.PasswordValidationRules_validationRulesBox__QvB4M {
  width: 100%;
  padding: var(--spacing-spacing-16);
  background: var(--component-my-account-color-surface-highlight);
  border-radius: var(--general-radius-container-l2);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-spacing-8);
}

.PasswordValidationRules_heading__QBeYO {
  margin: 0;
  color: var(--component-my-account-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
  line-height: 150%;
}

.PasswordValidationRules_rulesList__AJfyX {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-spacing-8);
}

.PasswordValidationRules_ruleItem__96rof {
  display: flex;
  align-items: center;
  gap: var(--spacing-spacing-8);
}

.PasswordValidationRules_emptyRuleItem__ot1Yq {
  gap: 0;
}

.PasswordValidationRules_ruleIcon__lNTOm {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.PasswordValidationRules_checkmarkIcon__lRP8D {
  width: 16px;
  height: 14px;
}

.PasswordValidationRules_checkmarkIconWrapper__6mz3J {
  width: 24px;
  height: 20px;
  color: var(--color-system-success-500);
}

.PasswordValidationRules_xIconWrapper__uJK0Z {
  width: 24px;
  height: 24px;
  color: var(--color-system-error-500);
}

.PasswordValidationRules_dotIconWrapper__t8S3a {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.PasswordValidationRules_dotIcon__VI0Dp {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: var(--general-color-text-dark);
  display: block;
}

.PasswordValidationRules_ruleLabel__X0_CP {
  color: var(--component-my-account-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.NewPasswordWithCriteria_newPasswordWithCriteria__THCJp {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.Checkbox_checkboxContainer__iuFja {
  display: flex;
  align-items: center;
  gap: var(--spacing-spacing-8);
  cursor: pointer;
  color: var(--general-color-text-darkest);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.Checkbox_checkboxContainer__iuFja:has(input:disabled) {
  opacity: 0.6;
  cursor: not-allowed;
}

.Checkbox_checkbox__Q348_ {
  display: flex;
  width: 24px;
  height: 24px;
  padding: 4px 2px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  border: 1px solid var(--component-checkbox-radio-color-brand-fill-enabled-border);
  background: var(--component-checkbox-radio-color-brand-fill-enabled-icon);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  color: currentColor;
  border-radius: 0;
  display: grid;
  place-content: center;
}

.Checkbox_checkbox__Q348_:hover {
  border: 1px solid var(--component-checkbox-radio-color-brand-fill-hover-unselected-border);
}

.Checkbox_checkbox__Q348_:focus {
  outline: 1px solid var(--component-checkbox-radio-color-brand-fill-focus-border);
  outline-offset: 1px;
  border-color: var(--component-checkbox-radio-color-brand-fill-focus-border);
}

.Checkbox_checkbox__Q348_:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.Checkbox_checkbox__Q348_:before {
  content: "";
  width: 14px;
  height: 12px;
  transform: scale(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.45455 9.49254L1.11364 5.73134L0 6.98507L4.45455 12L14 1.25373L12.8864 0L4.45455 9.49254Z' fill='white'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
}

.Checkbox_checkbox__Q348_:checked:before {
  transform: scale(1);
}

.Checkbox_checkbox__Q348_:checked {
  background: var(--component-checkbox-radio-color-brand-fill-hover-selected-bg);
  border-color: var(--component-checkbox-radio-color-brand-fill-hover-selected-bg);
}

.Checkbox_checkboxLabel__2bpeX {
  color: var(--general-color-text-darkest);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.RecaptchaBadge_recaptcha__JP8eF {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 76px;
  margin: 0 auto;
  position: relative;
  overflow: visible;
  min-width: 100%;
  padding: 0 8px;
}

@media screen and (min-width: 20rem) {
  .RecaptchaBadge_recaptcha__JP8eF {
    min-width: unset;
    padding: 0;
  }
}

.RecaptchaBadge_recaptcha__JP8eF .grecaptcha-badge {
  transform-origin: center center !important;
  transition: transform 0.3s ease;
  margin: 0 auto !important;
  display: inline-block !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  width: auto !important;
  transform: scale(0.4) !important;
}

@media screen and (min-width: 20rem) {
  .RecaptchaBadge_recaptcha__JP8eF .grecaptcha-badge {
    transform: scale(1) !important;
  }
}

.RecaptchaBadge_recaptcha__JP8eF .grecaptcha-logo {
  max-width: 100%;
  pointer-events: auto;
}

.MessageBanner_messageBanner__4Ty9A {
  width: 100%;
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  line-height: 150%;
}

.MessageBanner_icon__oi_ul {
  flex-shrink: 0;
  align-self: flex-start;
}

.MessageBanner_message__fRlqS {
  flex: 1;
  font-weight: var(--typography-font-weight-body-bold);
}

.MessageBanner_messageWrapper__qdygQ {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
}

.MessageBanner_subMessage__gwu0j {
  align-self: stretch;
  font-weight: var(--typography-font-weight-body);
}

.MessageBanner_error__6K_Kz {
  background: var(--color-system-error-100);
  color: var(--color-system-error-500);
}

.MessageBanner_success__jFZ5Y {
  background: var(--color-system-success-100);
  color: var(--color-system-success-900);
}

.ExistingUser_container___6736 {
  display: flex;
  padding: var(--component-my-account-content-padding-y) var(--component-my-account-padding-x);
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  background: var(--component-my-account-color-bg);
}

.ExistingUser_existingUserWrapper__oAO2o {
  display: flex;
  width: 100%;
  max-width: var(--columns-half-max-width);
  padding: var(--component-my-account-content-padding-y) var(--component-my-account-content-padding-x);
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-general-gutter);
  margin: 0 auto;
  border-radius: var(--general-radius-container);
  background: var(--component-my-account-color-surface);
}

.ExistingUser_formContentHeader__ue_eP {
  justify-content: flex-end;
  gap: 24px;
}

.ExistingUser_formContentHeader__ue_eP,
.ExistingUser_headerContent__uKIkM {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.ExistingUser_headerContent__uKIkM {
  gap: 8px;
}

.ExistingUser_formContentHeaderTitle__UoZFM {
  min-width: 240px;
  flex: 1 0 0;
  color: var(--component-my-account-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-large);
  font-style: normal;
  font-weight: var(--typography-font-weight-large);
  line-height: 120%;
}

.ExistingUser_divider__Ny_Cv {
  background-color: var(--component-my-account-color-line-break);
  width: 100%;
  margin: 0;
  border: none;
  height: 1px;
}

.ExistingUser_formContent__3LD_A,
.ExistingUser_form__cEh0H {
  display: flex;
  width: 100%;
  max-width: 600px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

.ExistingUser_form__cEh0H {
  align-items: flex-start;
}

.ExistingUser_oauthProviderIcon__cQHQY {
  flex-shrink: 0;
  align-self: center;
}

.ExistingUser_subHeading__Xywoh {
  display: flex;
  gap: 8px;
}

.ExistingUser_formFieldsContainer__QgcZ4 {
  display: flex;
  padding-bottom: var(--margin-small);
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.ExistingUser_oauthEmailDisplay__bTK9d {
  display: flex;
  gap: var(--space-between-medium);
}

.ExistingUser_oauthEmailDisplay__bTK9d .ExistingUser_oauthEmailDisplayText__5Ul1n {
  font-weight: 700;
}

.ExistingUser_oauthEmailDisplay__bTK9d .ExistingUser_oauthEmailDisplayText__5Ul1n,
.ExistingUser_requiredField__lbxZ6 {
  color: var(--component-my-account-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  line-height: 150%;
}

.ExistingUser_requiredField__lbxZ6 {
  font-weight: 400;
}

.ExistingUser_forgotPasswordLink__m6eee {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.ExistingUser_buttonContainer__NaQra {
  display: flex;
  gap: 24px;
}

.PasswordInputField_passwordInputField__0lOkD,
.ResetPassword_resetPasswordContainer__tjIwO {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.ResetPassword_resetPasswordContainer__tjIwO {
  padding: var(--component-my-account-padding-y) var(--component-my-account-padding-x);
  align-items: center;
  gap: 40px;
  align-self: stretch;
  background: var(--component-my-account-color-bg);
}

.ResetPassword_resetPassword__v9_7G {
  width: 100%;
  display: flex;
  max-width: var(--columns-half-max-width);
  padding: var(--component-my-account-content-padding-y) var(--component-my-account-content-padding-x);
  flex-direction: column;
  align-items: center;
  gap: 32px;
  align-self: stretch;
  margin: 0 auto;
  border-radius: var(--general-radius-container);
  border: 1px solid var(--component-my-account-color-border);
  background: var(--component-my-account-color-surface);
}

.ResetPassword_header__rwvg3 {
  justify-content: flex-end;
}

.ResetPassword_headerContent__tSWOL,
.ResetPassword_header__rwvg3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.ResetPassword_headerContent__tSWOL {
  gap: var(--spacing-general-title-margin-bottom);
}

.ResetPassword_title__ja_O8 {
  margin: 0;
  align-self: stretch;
  color: var(--component-my-account-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-large);
  font-style: normal;
  font-weight: var(--typography-font-weight-large);
  line-height: 120%;
}

.ResetPassword_description__ig34a {
  color: var(--component-my-account-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.ResetPassword_divider__Qk3mN {
  width: 100%;
  height: 1px;
  background: var(--component-my-account-color-line-break);
  margin: var(--padding-small) 0;
}

.ResetPassword_content__v_9zK,
.ResetPassword_form__VuhV9 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 32px;
  align-self: stretch;
  margin: 0 auto;
}

@media screen and (min-width: 75rem) {
  .ResetPassword_content__v_9zK,
  .ResetPassword_form__VuhV9 {
    max-width: var(--columns-one-third-max-width);
  }
}

.ResetPassword_requiredIndicatorWrapper__LiFS1 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: var(--general-color-text-dark);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.ResetPassword_errorBannerWrapper__FrNch {
  width: 100%;
  align-self: stretch;
}

.ResetPassword_inputs__1XODa {
  gap: 24px;
}

.ResetPassword_formFields__MXCtj,
.ResetPassword_inputs__1XODa {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.ResetPassword_formFields__MXCtj {
  width: 100%;
  gap: var(--space-between-medium);
}

.ResetPassword_actions__jVbfw {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}

.ResetPassword_successView__mxUSf {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
  width: 100%;
}

.ResetPassword_successMessage__ZQ3rH {
  color: var(--color-system-success-500);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.ResetPassword_loginLink__6HP1z {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 327px;
  width: 100%;
  margin: 0 auto;
}

.ResetPassword_missingParamsView__j8dzf {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
  width: 100%;
}

.ResetPassword_missingParamsMessage__k0xlG {
  color: var(--component-my-account-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.ResetPassword_requestNewPasswordButtonWrapper__0joqg {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 327px;
  width: 100%;
  margin: 0 auto;
}

.ResetPassword_requestNewPasswordButtonWrapper__0joqg a {
  width: 100%;
}

.MyAccount_myAccountContainer__33bAN {
  width: 100%;
  max-width: var(--columns-full-max-width);
  margin: 0 auto;
  padding: var(--component-my-account-padding-y) var(--spacing-spacing-80) var(--spacing-spacing-64);
  background: var(--component-my-account-color-bg);
}

@media screen and (max-width: 74.9375rem) {
  .MyAccount_myAccountContainer__33bAN {
    padding: var(--spacing-spacing-24);
  }
}

.MyAccount_myAccountContainer__33bAN h1 {
  all: unset;
}

.MyAccount_headerBackButton__ufp2Q {
  display: none;
  margin-bottom: var(--spacing-general-title-margin-bottom);
}

@media screen and (max-width: 74.9375rem) {
  .MyAccount_headerBackButton__ufp2Q[data-show-back-button="true"] {
    display: block;
  }
}

@media screen and (min-width: 75rem) {
  .MyAccount_headerBackButton__ufp2Q {
    display: none;
  }

  .MyAccount_myAccountContainer__33bAN[data-edit-mode="true"] .MyAccount_headerBackButton__ufp2Q {
    display: block;
  }
}

.MyAccount_headerTitle__rqkh8 {
  display: block;
}

@media screen and (max-width: 74.9375rem) {
  .MyAccount_headerTitle__rqkh8 {
    color: var(--component-my-account-color-header);
    margin-bottom: var(--spacing-spacing-32);
    font-family: var(--typography-font-family-header);
    font-size: var(--typography-font-size-header-medium);
    font-style: normal;
    font-weight: var(--typography-font-weight-medium);
    line-height: 120%;
  }

  .MyAccount_headerTitle__rqkh8[data-hide-title="true"] {
    display: none;
  }
}

@media screen and (min-width: 75rem) {
  .MyAccount_headerTitle__rqkh8 {
    display: block;
    margin-bottom: var(--space-between-large);
    color: var(--component-my-account-color-header);
    font-family: var(--typography-font-family-header);
    font-size: var(--typography-font-size-header-large);
    font-style: normal;
    font-weight: var(--typography-font-weight-large);
    line-height: 120%;
  }

  .MyAccount_myAccountContainer__33bAN[data-edit-mode="true"] .MyAccount_headerTitle__rqkh8 {
    display: none;
  }
}

.MyAccount_contentWrapper__hWgNx {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-self: stretch;
  border-radius: var(--general-radius-container);
}

@media screen and (min-width: 75rem) {
  .MyAccount_contentWrapper__hWgNx {
    flex-direction: row;
    gap: var(--spacing-general-gutter);
    align-items: flex-start;
  }
}

.MyAccount_sidebar__ylONp {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media screen and (max-width: 74.9375rem) {
  .MyAccount_sidebar__ylONp {
    border-radius: var(--general-radius-container);
    border: none;
    background: rgba(0, 0, 0, 0);
  }

  .MyAccount_sidebar__ylONp[data-hide-mobile-sidebar="true"] {
    display: none;
  }
}

@media screen and (min-width: 75rem) {
  .MyAccount_sidebar__ylONp {
    max-width: 294px;
    min-width: var(--columns-one-fourth-min-width);
    flex-shrink: 0;
    display: flex;
  }

  .MyAccount_myAccountContainer__33bAN[data-edit-mode="true"] .MyAccount_sidebar__ylONp {
    display: none;
  }
}

.MyAccount_sidebarAction__2FDfK {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-bottom: 1px solid var(--component-my-account-color-border);
  background: var(--component-my-account-color-surface);
}

.MyAccount_sidebarNav__I9_YS {
  width: 100%;
}

.MyAccount_sidebarList__W7j3B {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  overflow-x: visible;
}

.MyAccount_sidebarButton__jOulZ {
  width: 100%;
  min-height: 72px;
  padding: var(--padding-small);
  border: none;
  border-bottom: 1px solid var(--component-my-account-color-line-break);
  background: var(--general-color-fill-white);
  color: var(--general-color-text-dark);
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  white-space: normal;
}

.MyAccount_sidebarButton__jOulZ:hover:not([aria-selected="true"]) {
  background: var(--theme-brand-action-hover);
  border-bottom-color: var(--theme-brand-action-hover);
  color: var(--theme-brand-action-inverse);
}

.MyAccount_sidebarButton__jOulZ:hover:not([aria-selected="true"]) .MyAccount_sidebarButtonIcon__RLQTe {
  color: var(--theme-brand-action-inverse);
}

.MyAccount_sidebarButton__jOulZ:focus {
  outline: 2px solid var(--theme-brand-action);
  outline-offset: -2px;
}

.MyAccount_sidebarButton__jOulZ[aria-selected="true"] {
  background: var(--theme-brand-action);
  color: var(--theme-brand-action-inverse);
  border-bottom-color: var(--theme-brand-action);
}

.MyAccount_sidebarButton__jOulZ[aria-selected="true"] .MyAccount_sidebarButtonIcon__RLQTe {
  color: var(--theme-brand-action-inverse);
}

.MyAccount_sidebarButton__jOulZ[aria-selected="true"]:focus {
  outline: 2px solid var(--theme-brand-action-hover);
  outline-offset: 2px;
  opacity: 0.99;
}

.MyAccount_sidebarButton__jOulZ:active:not([aria-selected="true"]) {
  background: var(--theme-brand-action);
  color: var(--theme-brand-action-inverse);
  border-bottom-color: var(--theme-brand-action);
}

.MyAccount_sidebarButton__jOulZ:active:not([aria-selected="true"]) .MyAccount_sidebarButtonIcon__RLQTe {
  color: var(--theme-brand-action-inverse);
}

.MyAccount_sidebarButtonText__dD7by {
  flex: 1 0 0;
  font-family: var(--typography-font-family-body, "Noto Sans");
  font-size: var(--typography-font-size-desktop-body-medium, 16px);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
  line-height: 150%;
}

.MyAccount_sidebarButtonIcon__RLQTe {
  flex-shrink: 0;
}

.MyAccount_externalLinksSection__sLQ5D {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
}

.MyAccount_contentArea__PKYcx {
  width: 100%;
  background: var(--component-my-account-color-surface);
  padding: var(--component-my-account-content-padding-y) var(--component-my-account-content-padding-x);
}

@media screen and (min-width: 75rem) {
  .MyAccount_contentArea__PKYcx {
    border-radius: var(--general-radius-container);
    border: 1px solid var(--component-my-account-color-border);
    margin-top: 0;
  }
}

.MyAccount_tabPanel___XvR4 {
  width: 100%;
}

.MyAccount_staticContent__BbV1Y {
  width: 100%;
  padding: var(--padding-large) 0;
}

.MyAccount_staticTitle__U93Ad {
  margin: 0;
  color: var(--component-my-account-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-medium);
  line-height: 120%;
}

.UpdatePassword_updatePassword__okL30 {
  width: 100%;
  padding: 0;
  gap: 24px;
  margin: 0;
}

.UpdatePassword_header__MMZUU,
.UpdatePassword_updatePassword__okL30 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.UpdatePassword_header__MMZUU {
  justify-content: flex-end;
}

.UpdatePassword_headerContent__CTgsS {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--space-between-large);
  align-self: stretch;
  width: 100%;
  flex-wrap: wrap;
}

.UpdatePassword_headerText__9Q5Vj {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-general-title-margin-bottom);
  flex: 1 0 0;
  min-width: 240px;
}

.UpdatePassword_editIcon__6d2Xd {
  width: 14px;
  height: 14px;
}

.UpdatePassword_title__N9_PN {
  margin: 0;
  align-self: stretch;
  color: var(--component-my-account-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-medium);
  line-height: 120%;
}

.UpdatePassword_description__0VhYI {
  color: var(--component-my-account-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.UpdatePassword_divider__ONAYs {
  width: 100%;
  height: 1px;
  background: var(--component-my-account-color-line-break);
  margin: var(--padding-xxsmall) 0;
}

.UpdatePassword_form__p_8KX {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 32px;
  align-self: stretch;
}

@media screen and (min-width: 75rem) {
  .UpdatePassword_form__p_8KX {
    max-width: var(--columns-one-third-max-width);
  }
}

.UpdatePassword_inputs__2nPNs {
  max-width: var(--columns-one-fourth-max-width);
  padding-bottom: var(--margin-medium);
  justify-content: center;
  gap: 24px;
}

.UpdatePassword_formFields__T5mYu,
.UpdatePassword_inputs__2nPNs {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.UpdatePassword_formFields__T5mYu {
  gap: var(--space-between-medium);
}

.UpdatePassword_actions__2aKpu {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  align-self: stretch;
}

.UpdatePassword_saveButton__ihgmv {
  width: 100%;
  max-width: 327px;
}

@media screen and (min-width: 75rem) {
  .UpdatePassword_saveButton__ihgmv {
    width: auto;
    min-width: 200px;
  }
}

.UpdatePassword_cancelButton__HIMEA {
  width: 100%;
  max-width: 327px;
}

@media screen and (min-width: 75rem) {
  .UpdatePassword_cancelButton__HIMEA {
    width: auto;
  }
}

.UpdatePassword_defaultView__fZHcQ {
  width: 100%;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-spacing-4);
}

.UpdatePassword_errorBanner__37tXi,
.UpdatePassword_successBanner__vceGo {
  width: 100%;
  margin-bottom: 0;
}

.UpdatePassword_readOnlyLabel__LUdIN {
  color: var(--component-search-field-default-search-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
  line-height: 150%;
}

.UpdatePassword_readOnlyValue___NlC9 {
  width: 100%;
  height: 48px;
  padding: var(--spacing-spacing-4, 4px) 0;
  display: flex;
  align-items: center;
}

.UpdatePassword_maskedPassword__zacAg {
  color: var(--general-color-text-mid);
  font-size: var(--typography-font-size-desktop-body-small);
}

.UpdatePassword_maskedPassword__zacAg,
.UpdatePassword_requiredIndicator__z_k5Q {
  font-family: var(--typography-font-family-body);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.UpdatePassword_requiredIndicator__z_k5Q {
  color: var(--component-my-account-color-body);
  font-size: var(--typography-font-size-desktop-body-medium);
}

.PersonalInformation_personalInformation__Y8F73 {
  width: 100%;
  display: flex;
  padding: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-general-gutter);
  align-self: stretch;
  margin: 0;
}

.PersonalInformation_header__HQeNm {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  align-self: stretch;
}

.PersonalInformation_headerContent__QMWwy {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--space-between-large);
  align-self: stretch;
  width: 100%;
  flex-wrap: wrap;
}

.PersonalInformation_headerText__WzRRk {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-general-title-margin-bottom);
  flex: 1 0 0;
  min-width: 240px;
}

.PersonalInformation_title__3Dg98 {
  margin: 0;
  align-self: stretch;
  color: var(--component-my-account-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  font-size: var(--typography-font-size-header-medium);
}

.PersonalInformation_description__W0XZD {
  max-width: var(--typography-copy-max-width);
  color: var(--component-my-account-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.PersonalInformation_editButton__IgeuJ {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.PersonalInformation_editIcon__3N3Jh {
  width: 14px;
  height: 14px;
}

.PersonalInformation_divider__fggIV {
  width: 100%;
  height: 1px;
  background: var(--component-my-account-color-line-break);
  margin: var(--padding-xxsmall) 0;
}

.PersonalInformation_defaultView__FXRDg {
  width: 100%;
}

.PersonalInformation_defaultViewTwoColumn__bcnfi,
.PersonalInformation_defaultView__FXRDg {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-general-gutter);
}

.PersonalInformation_readOnlyRow__enQsX {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.PersonalInformation_readOnlyLabel___m2h8 {
  color: var(--component-search-field-default-search-text);
  font-weight: 700;
}

.PersonalInformation_readOnlyLabel___m2h8,
.PersonalInformation_readOnlyValue__4Ve3Z {
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  line-height: 150%;
}

.PersonalInformation_readOnlyValue__4Ve3Z {
  width: 100%;
  min-height: 48px;
  padding: var(--spacing-spacing-4) 0;
  display: flex;
  align-items: center;
  color: var(--general-color-text-mid);
  font-weight: 400;
}

.PersonalInformation_requiredIndicator__jalC4 {
  color: var(--component-my-account-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.PersonalInformation_form__H3V2U {
  align-items: stretch;
}

.PersonalInformation_form__H3V2U,
.PersonalInformation_inputs__taH7C {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-general-gutter);
  align-self: stretch;
}

.PersonalInformation_inputs__taH7C {
  justify-content: flex-start;
  align-items: flex-start;
}

.PersonalInformation_inputsTwoColumn__O5enP {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-general-gutter);
  width: 100%;
}

.PersonalInformation_emailZipGroup__Bfp00 {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
}

.PersonalInformation_questionGroup__3OvyG {
  flex: 1 0 0;
}

.PersonalInformation_questionFieldControl__dn3nL,
.PersonalInformation_questionGroup__3OvyG {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.PersonalInformation_selectWrapper__e2O4v {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 100%;
  height: 48px;
  border-radius: var(--radius-radius-4);
  border: 2px solid var(--component-form-field-color-default-border);
  background: var(--component-search-field-dropdown-bg-default);
  transition: border-color 0.2s ease-in-out;
}

.PersonalInformation_selectWrapper__e2O4v:focus-within {
  border-color: var(--general-color-border-brand-2);
}

.PersonalInformation_selectWrapperErrorHighlight__j5lIA {
  border-radius: var(--radius-radius-4);
  border: 2px solid var(--color-system-error-500);
  background: var(--component-search-field-dropdown-bg-default);
}

.PersonalInformation_questionSelect__KW_D2 {
  width: 100%;
  height: 100%;
  padding: var(--spacing-spacing-4) 44px var(--spacing-spacing-4) var(--spacing-spacing-12);
  border: 0;
  background: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  color: var(--component-search-field-default-search-text);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 400;
  font-family: var(--typography-font-family-body);
  line-height: 150%;
}

.PersonalInformation_questionSelect__KW_D2:disabled {
  cursor: not-allowed;
}

.PersonalInformation_questionSelect__KW_D2:focus {
  outline: none;
}

.PersonalInformation_selectIcon__8dyhd {
  position: absolute;
  right: var(--spacing-spacing-12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--general-color-fill-darkest);
  pointer-events: none;
}

.PersonalInformation_fieldErrorText__YWN4g {
  color: var(--color-system-error-500);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 400;
  font-family: var(--typography-font-family-body);
  line-height: 150%;
}

@media screen and (min-width: 75rem) {
  .PersonalInformation_defaultViewTwoColumn__bcnfi {
    flex-direction: row;
    gap: var(--spacing-spacing-32);
  }

  .PersonalInformation_inputsTwoColumn__O5enP {
    display: grid;
    grid-template-columns:
      minmax(0, var(--columns-one-fourth-max-width))
      minmax(0, var(--columns-one-fourth-max-width));
    gap: var(--spacing-spacing-32);
    row-gap: 24px;
  }

  .PersonalInformation_emailZipGroup__Bfp00,
  .PersonalInformation_questionGroup__3OvyG {
    max-width: var(--columns-one-fourth-max-width);
  }

  .PersonalInformation_emailField__RZbPG {
    grid-column: 1;
    grid-row: 1;
  }

  .PersonalInformation_questionGroup__3OvyG {
    grid-column: 2;
    grid-row: 1;
  }

  .PersonalInformation_zipField__pMkw2 {
    grid-column: 1;
    grid-row: 2;
  }
}

.PersonalInformation_actions__6qs1m {
  display: flex;
  gap: var(--spacing-general-gutter);
  flex-wrap: wrap;
  align-self: stretch;
}

.PersonalInformation_errorBanner__4sPVN,
.PersonalInformation_successBanner__SRL6f {
  width: 100%;
  margin-bottom: 0;
}

.LeavePageConfirmationDialog_modalOverlay__W4Fg_ {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--component-dialog-color-smokescreen);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  padding: 0 var(--padding-small);
}

.LeavePageConfirmationDialog_modalContent__eLzmq {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  outline: none;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 480px;
  min-width: 320px;
}

.LeavePageConfirmationDialog_dialog__DQqP6 {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--component-dialog-content-padding-y) var(--component-dialog-content-padding-x);
  gap: 24px;
  background: var(--component-dialog-color-surface);
  border-radius: var(--general-radius-dialog);
}

.LeavePageConfirmationDialog_description__w8zDt {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-general-title-margin-bottom);
  align-items: flex-start;
  width: 100%;
}

.LeavePageConfirmationDialog_title__1ZsVh {
  margin: 0;
  color: var(--component-dialog-color-title);
  white-space: pre-wrap;
  font-size: var(--typography-font-size-desktop-body-large);
  font-weight: var(--typography-font-weight-body-bold);
}

.LeavePageConfirmationDialog_body__Hnypj,
.LeavePageConfirmationDialog_title__1ZsVh {
  text-align: center;
  width: 100%;
  font-family: var(--typography-font-family-body);
  font-style: normal;
  line-height: 150%;
}

.LeavePageConfirmationDialog_body__Hnypj {
  color: #000;
  font-size: var(--typography-font-size-desktop-body-medium);
  font-weight: var(--typography-font-weight-body);
}

.LeavePageConfirmationDialog_ctas__xzDII {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  width: 100%;
}

.LeavePageConfirmationDialog_keepEditingButton__MKUcU,
.LeavePageConfirmationDialog_leaveButton__1plKk {
  width: 100%;
}

.LeavePageConfirmationDialog_visuallyHidden__z1jHg {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.EmailSubscription_emailSubscriptionContainer__Jqj4u {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-spacing-16);
}

.EmailSubscription_emailSubscriptionContainer__Jqj4u .EmailSubscription_emailSubscriptionSectionContainer__Qpopd {
  display: flex;
  flex-direction: column;
}

.EmailSubscription_emailSubscriptionContainer__Jqj4u .EmailSubscription_emailSubscriptionSectionContainer__Qpopd .EmailSubscription_emailSubscriptionSectionWrapper__ZJUdc {
  display: flex;
  gap: var(--spacing-general-title-margin-bottom);
  flex-direction: column;
}

.EmailSubscription_emailSubscriptionContainer__Jqj4u
  .EmailSubscription_emailSubscriptionSectionContainer__Qpopd
  .EmailSubscription_emailSubscriptionSectionWrapper__ZJUdc
  .EmailSubscription_emailSubscriptionTitle__rhPq5 {
  color: var(--component-my-account-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  font-size: var(--typography-font-size-header-large);
  font-weight: var(--typography-font-weight-large);
}

.EmailSubscription_emailSubscriptionContainer__Jqj4u
  .EmailSubscription_emailSubscriptionSectionContainer__Qpopd
  .EmailSubscription_emailSubscriptionSectionWrapper__ZJUdc
  .EmailSubscription_emailSubscriptionSectionDescription__EQZvw {
  color: var(--component-my-account-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  font-weight: var(--typography-font-weight-body);
}

.EmailSubscription_divider__3u4z_ {
  width: 100%;
  height: 1px;
  background: var(--component-my-account-color-line-break);
  margin: var(--padding-small) 0;
}

.EmailSubscription_emailSubscriptionWrapper__fP12z {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-spacing-24);
  align-items: flex-start;
}

.EmailSubscription_emailSubscriptionWrapper__fP12z .EmailSubscription_emailSubscriptionDescription__Sol9c {
  color: var(--component-my-account-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  font-weight: var(--typography-font-weight-body);
}

.Login_loginContainer__MLL8r {
  padding: var(--component-my-account-padding-y) var(--component-my-account-padding-x);
  gap: 40px;
  background: var(--component-my-account-color-bg);
}

.Login_loginContainer__MLL8r,
.Login_login__wSg1N {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
}

.Login_login__wSg1N {
  max-width: var(--columns-half-max-width);
  padding: var(--component-my-account-content-padding-y) var(--component-my-account-content-padding-x);
  gap: 32px;
  margin: 0 auto;
  border-radius: var(--general-radius-container);
  border: 1px solid var(--component-my-account-color-border);
  background: var(--component-my-account-color-surface);
}

.Login_header__F22QW {
  justify-content: flex-end;
}

.Login_headerContent__Fbyes,
.Login_header__F22QW {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.Login_headerContent__Fbyes {
  gap: var(--spacing-general-title-margin-bottom);
}

.Login_title__fzzvZ {
  margin: 0;
  align-self: stretch;
  color: var(--component-my-account-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-large);
  font-style: normal;
  font-weight: var(--typography-font-weight-large);
  line-height: 120%;
}

.Login_subheading__Ct1BL {
  color: var(--component-my-account-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.Login_descriptionAndSignupLink__Hkr0Y {
  display: flex;
  align-items: center;
  gap: var(--spacing-spacing-12);
  align-self: stretch;
  flex-direction: column;
}

@media screen and (min-width: 20rem) {
  .Login_descriptionAndSignupLink__Hkr0Y {
    flex-direction: row;
  }
}

.Login_divider__LJ3UO {
  width: 100%;
  height: 1px;
  background: var(--component-my-account-color-line-break);
  margin: var(--padding-small) 0;
}

.Login_content__UK4_w,
.Login_form__Gdmaq {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 32px;
  align-self: stretch;
  margin: 0 auto;
  min-width: 0;
}

@media screen and (min-width: 20rem) {
  .Login_content__UK4_w,
  .Login_form__Gdmaq {
    min-width: unset;
  }
}

@media screen and (min-width: 75rem) {
  .Login_content__UK4_w,
  .Login_form__Gdmaq {
    max-width: var(--columns-one-third-max-width);
  }
}

.Login_requiredIndicator__C7A9d {
  color: var(--component-my-account-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.Login_inputs__Er8ba {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.Login_formFields__Z9Ykv {
  flex-direction: column;
}

.Login_checkboxAndForgotPassword__VBGof,
.Login_formFields__Z9Ykv {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: var(--space-between-medium);
  align-self: stretch;
}

.Login_checkboxAndForgotPassword__VBGof {
  flex-wrap: wrap;
}

@media screen and (min-width: 20rem) {
  .Login_checkboxAndForgotPassword__VBGof {
    flex-wrap: nowrap;
  }
}

.Login_forgotPassword__OJjnY a {
  word-break: break-all;
}

@media screen and (min-width: 20rem) {
  .Login_forgotPassword__OJjnY {
    margin-left: auto;
    flex-shrink: 0;
  }
}

.Login_forgotPassword__OJjnY,
.Login_signupLink__c5FJk {
  padding: 0 !important;
}

.Login_loginButton__RWIpL {
  max-width: 327px;
  width: 100%;
  margin: 0 auto;
}

.Login_orOptions__WbwF0 {
  display: flex;
  height: 24px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}

.Login_orText__s7Du_ {
  color: var(--component-my-account-color-title);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.Login_socialLogins__3HD_8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  align-self: stretch;
}

.Login_socialButton___Vbwk {
  width: 100%;
}

.Login_socialButton___Vbwk .Login_socialIcon__8BMLe {
  flex-shrink: 0;
}

@media screen and (min-width: 75rem) {
  .Login_socialButton___Vbwk {
    max-width: 327px;
  }
}

.ForgotPassword_forgotPasswordContainer__5HPWQ {
  width: 100%;
  display: flex;
  padding: var(--component-my-account-padding-y) var(--component-my-account-padding-x);
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-spacing-40);
  align-self: stretch;
  background: var(--component-my-account-color-bg);
}

.ForgotPassword_forgotPassword__IZKB9 {
  width: 100%;
  display: flex;
  max-width: var(--columns-half-max-width);
  padding: var(--component-my-account-content-padding-y) var(--component-my-account-content-padding-x);
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-spacing-32);
  align-self: stretch;
  margin: 0 auto;
  border-radius: var(--general-radius-container);
  border: 1px solid var(--component-my-account-color-border);
  background: var(--component-my-account-color-surface);
}

.ForgotPassword_header__rtE0R {
  justify-content: flex-end;
}

.ForgotPassword_headerContent__kDWYl,
.ForgotPassword_header__rtE0R {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.ForgotPassword_headerContent__kDWYl {
  gap: var(--spacing-general-title-margin-bottom);
}

.ForgotPassword_title__RZzjY {
  margin: 0;
  align-self: stretch;
  color: var(--component-my-account-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-large);
  font-style: normal;
  font-weight: var(--typography-font-weight-large);
  line-height: 120%;
}

.ForgotPassword_notAMemberDescription__Nfv4i {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: var(--component-my-account-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.ForgotPassword_signupLink__UI9LH {
  padding: 0 !important;
}

.ForgotPassword_description__PZ8O_ {
  color: var(--component-my-account-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.ForgotPassword_divider__NhMxp {
  width: 100%;
  height: 1px;
  background: var(--component-my-account-color-line-break);
  margin: var(--padding-small) 0;
}

.ForgotPassword_content__nZaMo,
.ForgotPassword_form__cegaf {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--spacing-spacing-32);
  align-self: stretch;
  margin: 0 auto;
  max-width: var(--columns-one-third-max-width);
}

.ForgotPassword_requiredIndicatorWrapper_____zA {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.ForgotPassword_requiredIndicator__TrTbf {
  color: var(--component-my-account-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.ForgotPassword_errorBannerWrapper__LlZza {
  width: 100%;
  align-self: stretch;
}

.ForgotPassword_successMessage__uu_Cx {
  color: var(--component-my-account-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
  width: 100%;
}

.ForgotPassword_inputs__4Rkz_ {
  gap: 24px;
}

.ForgotPassword_formFields__zfBlj,
.ForgotPassword_inputs__4Rkz_ {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.ForgotPassword_formFields__zfBlj {
  width: 100%;
  gap: var(--space-between-medium);
}

.ForgotPassword_actions__pJ67F {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 24px;
  align-self: stretch;
  flex-wrap: wrap;
}

.ForgotPassword_submitButton__J4iwv {
  max-width: 327px;
  width: 100%;
}

@media screen and (min-width: 75rem) {
  .ForgotPassword_submitButton__J4iwv {
    width: auto;
  }
}

.ForgotPassword_cancelButtonWrapper__gqAju {
  max-width: 327px;
  width: 100%;
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 75rem) {
  .ForgotPassword_cancelButtonWrapper__gqAju {
    width: auto;
  }
}

.EmailUnsubscribe_unsubscribeWrapper__m1qYM {
  min-width: var(--screen-dimensions-min-width);
  max-width: var(--screen-dimensions-max-width);
  padding: var(--layout-compact-margin-y) var(--spacing-general-margin-x);
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-spacing-24);
  background: var(--component-my-account-color-bg);
}

.EmailUnsubscribe_unsubscribeWrapper__m1qYM,
.EmailUnsubscribe_unsubscribeWrapper__m1qYM .EmailUnsubscribe_unsubscribeContent__AzwZV {
  display: flex;
  width: 100%;
  justify-content: center;
}

.EmailUnsubscribe_unsubscribeWrapper__m1qYM .EmailUnsubscribe_formContainer__4dcnS {
  box-sizing: border-box;
  border-radius: var(--general-radius-container);
  border: 1px solid var(--component-my-account-color-border);
  background: var(--general-color-surface-white);
}

.EmailUnsubscribe_unsubscribeWrapper__m1qYM .EmailUnsubscribe_formContainer__4dcnS,
.EmailUnsubscribe_unsubscribeWrapper__m1qYM .EmailUnsubscribe_successContainer__S1iaz {
  display: flex;
  min-width: var(--width-component-email-unsubscribe-min-width);
  max-width: var(--width-component-email-unsubscribe-max-width);
  padding: var(--padding-large) var(--width-component-copy-block-no-mobile-padding);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-spacing-24);
}

.EmailUnsubscribe_unsubscribeWrapper__m1qYM .EmailUnsubscribe_successContainer__S1iaz {
  align-self: stretch;
}

.EmailUnsubscribe_unsubscribeWrapper__m1qYM .EmailUnsubscribe_successHeading__a_5Eh {
  color: var(--color-system-success-500);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  margin: 0;
  text-align: center;
  align-self: stretch;
  font-size: var(--typography-font-size-header-xsmall);
  font-weight: var(--typography-font-weight-xsmall);
}

.EmailUnsubscribe_unsubscribeWrapper__m1qYM .EmailUnsubscribe_successSubHeading__t_GaE {
  color: var(--color-system-success-500);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
  text-align: center;
  align-self: stretch;
  font-weight: var(--typography-font-weight-body);
}

.EmailUnsubscribe_unsubscribeWrapper__m1qYM .EmailUnsubscribe_header__4GICF {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-spacing-16);
  width: 100%;
}

.EmailUnsubscribe_unsubscribeWrapper__m1qYM .EmailUnsubscribe_header__4GICF .EmailUnsubscribe_title__CUuEm {
  color: var(--theme-aux-1-surface-text-primary);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin: 0;
  align-self: stretch;
  text-align: center;
  font-size: var(--typography-font-size-header-large);
  font-weight: var(--typography-font-weight-large);
}

.EmailUnsubscribe_unsubscribeWrapper__m1qYM .EmailUnsubscribe_header__4GICF .EmailUnsubscribe_subheading__sbnxb {
  color: var(--theme-aux-1-surface-text-secondary);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
  align-self: stretch;
  text-align: center;
  font-weight: var(--typography-font-weight-body);
}

.EmailUnsubscribe_unsubscribeWrapper__m1qYM .EmailUnsubscribe_errorBannerWrapper__maXLV {
  width: 100%;
}

.EmailUnsubscribe_unsubscribeWrapper__m1qYM .EmailUnsubscribe_requiredIndicatorWrapper__vOw5n {
  display: flex;
  align-items: center;
  align-self: flex-start;
}

.EmailUnsubscribe_unsubscribeWrapper__m1qYM .EmailUnsubscribe_requiredIndicatorWrapper__vOw5n .EmailUnsubscribe_requiredIndicator__mipi0 {
  color: var(--general-color-text-dark);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-align: right;
  font-weight: var(--typography-font-weight-body);
}

.EmailUnsubscribe_unsubscribeWrapper__m1qYM .EmailUnsubscribe_form__lZLcL {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-spacing-24);
  width: 100%;
}

.EmailUnsubscribe_unsubscribeWrapper__m1qYM .EmailUnsubscribe_form__lZLcL .EmailUnsubscribe_formField___kpCD {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-spacing-4);
}

.EmailUnsubscribe_unsubscribeWrapper__m1qYM .EmailUnsubscribe_form__lZLcL .EmailUnsubscribe_submitButton__WRDuf {
  color: var(--component-cta-color-brand-fill-enabled-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  padding: var(--component-cta-size-base-padding-y) var(--padding-small);
  justify-content: center;
  align-items: center;
  gap: var(--component-cta-size-base-space-between);
  border-radius: var(--component-cta-radius);
  border: var(--component-cta-size-base-border) solid var(--component-cta-color-brand-fill-enabled-border);
  background: var(--component-cta-color-brand-fill-enabled-bg);
  align-self: center;
  text-align: center;
  font-weight: var(--typography-font-weight-button);
}

@media (max-width: 47.9375rem) {
  .EmailUnsubscribe_unsubscribeWrapper__m1qYM .EmailUnsubscribe_header__4GICF,
  .EmailUnsubscribe_unsubscribeWrapper__m1qYM .EmailUnsubscribe_successContainer__S1iaz {
    width: 100%;
  }
}

@media (min-width: 48rem) {
  .EmailUnsubscribe_unsubscribeWrapper__m1qYM .EmailUnsubscribe_header__4GICF,
  .EmailUnsubscribe_unsubscribeWrapper__m1qYM .EmailUnsubscribe_successContainer__S1iaz {
    max-width: calc(var(--width-component-email-unsubscribe-max-width) - var(--width-component-copy-block-no-mobile-padding) * 2);
  }
}

@media print {
  .EmailUnsubscribe_unsubscribeWrapper__m1qYM {
    display: none;
  }
}

.PearCommerceProduct_pearWidgetContainer__iPRHZ {
  width: 100%;
  max-width: 850px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: var(--component-content-grid-margin-y) var(--component-content-grid-margin-x);
  gap: var(--space-between-large);
}

.PearCommerceProduct_pearWidgetContainer__iPRHZ:empty {
  min-height: 500px;
}

.PearCommerceProduct_productLocatorWidgetContainer__n1IUf {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: var(--component-content-grid-margin-y) var(--spacing-spacing-24) var(--spacing-spacing-24);
  gap: var(--space-between-large);
}

.PearCommerceProduct_productLocatorWidgetContainer__n1IUf:empty {
  min-height: 500px;
}

.BazaarVoiceRating_bazaarVoiceRating--rating_summary__OVAZy {
  min-height: 43px;
  display: flex;
  align-items: center;
}

.OneTrustPlaceholder_consentPlaceholder__A14Xg {
  display: flex;
  padding: var(--padding-small);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  border-radius: var(--general-radius-dialog);
  border: 2px solid var(--general-color-border-brand-1);
  background: var(--component-dialog-color-surface);
  width: 100%;
  box-sizing: border-box;
}

.OneTrustPlaceholder_copyContainer__A1CNi {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-general-title-margin-bottom);
  align-self: stretch;
}

.OneTrustPlaceholder_consentHeading__6yBa2 {
  color: var(--component-dialog-color-title);
  font-size: var(--typography-font-size-desktop-body-large);
  font-weight: var(--typography-font-weight-body-bold);
}

.OneTrustPlaceholder_consentBody__34sff,
.OneTrustPlaceholder_consentHeading__6yBa2 {
  align-self: stretch;
  text-align: center;
  font-family: var(--typography-font-family-body);
  font-style: normal;
  line-height: 150%;
}

.OneTrustPlaceholder_consentBody__34sff {
  color: var(--component-dialog-color-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-weight: var(--typography-font-weight-body);
}

.OneTrustPlaceholder_consentButton__m_yCF {
  white-space: normal;
}

@media screen and (max-width: 47.9375rem) {
  .OneTrustPlaceholder_consentButton__m_yCF {
    flex-wrap: wrap;
  }
}

.OneTrustPlaceholder_consentButton__m_yCF span {
  word-break: break-word;
}

.BazaarVoiceReviewsQuestions_bvWrapper__aPYwW {
  display: flex;
  flex-direction: column;
  padding: var(--component-content-grid-margin-y) var(--component-content-grid-margin-x);
  gap: var(--space-between-large);
}

.BazaarVoiceReviewsQuestions_bvWrapper__aPYwW > * {
  width: 100%;
  max-width: var(--columns-full-max-width);
  margin: 0 auto;
}

.SkipNav_skipnav__Abaxh {
  text-align: center;
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
  line-height: 150%;
}

.SkipNav_skipnav__Abaxh.SkipNav_skipnav--Primary__kRpGo {
  color: var(--component-skip-to-content-theme-primary-text);
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.SkipNav_skipnav__Abaxh.SkipNav_skipnav--Primary__kRpGo:focus {
  clip: auto !important;
  width: auto;
  height: auto;
  display: block;
  overflow: auto;
  top: 1px;
  left: 1px;
  display: inline-flex;
  max-width: 240px;
  padding: var(--padding-xxsmall) var(--padding-small);
  border-radius: var(--component-cta-radius);
  border: var(--component-skip-to-content-theme-border-size) solid var(--component-skip-to-content-theme-primary-border);
  background: var(--component-skip-to-content-theme-primary-bg);
  z-index: 1000;
}

.SkipNav_skipnav__Abaxh.SkipNav_skipnav--Primary__kRpGo:hover {
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-color: var(--component-skip-to-content-theme-primary-link-underline, #fff);
  text-decoration-thickness: 2px;
  text-underline-offset: 23%;
  text-underline-position: from-font;
}

.SkipNav_skipnav__Abaxh.SkipNav_skipnav--Secondary__SvBxE {
  color: var(--component-skip-to-content-theme-secondary-text);
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.SkipNav_skipnav__Abaxh.SkipNav_skipnav--Secondary__SvBxE:focus {
  clip: auto !important;
  width: auto;
  height: auto;
  display: block;
  overflow: auto;
  top: 1px;
  left: 1px;
  display: inline-flex;
  max-width: 240px;
  padding: var(--padding-xxsmall) var(--padding-small);
  border-radius: var(--component-cta-radius);
  border: var(--component-skip-to-content-theme-border-size) solid var(--component-skip-to-content-theme-secondary-border);
  background: var(--component-skip-to-content-theme-secondary-bg);
  z-index: 1000;
}

.SkipNav_skipnav__Abaxh.SkipNav_skipnav--Secondary__SvBxE:hover {
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-color: var(--component-skip-to-content-theme-secondary-link-underline);
  text-decoration-thickness: 2px;
  text-underline-offset: 23%;
  text-underline-position: from-font;
}

.RecipeDetail_RecipeCardWrapper__ZvWvI,
.RecipeDetail_RecipeCard__oLHe9 {
  display: flex;
  flex-direction: column;
}

.RecipeHero_recipeCardWrapper__aUWVW {
  display: flex;
  justify-content: center;
  background: var(--component-hero-recipe-color-bg);
  padding: var(--component-hero-recipe-padding-y) var(--component-hero-recipe-margin-x);
}

.RecipeHero_recipeCard__JjqMH {
  display: flex;
  padding: var(--component-hero-recipe-content-padding-y) var(--component-hero-recipe-content-padding-x);
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: var(--component-hero-recipe-gutter);
  flex-wrap: wrap;
  width: 100%;
  max-width: var(--columns-full-max-width);
}

@media screen and (min-width: 75rem) {
  .RecipeHero_recipeCard__JjqMH {
    gap: var(--component-hero-recipe-gutter);
    flex-wrap: nowrap;
  }
}

.RecipeHero_recipeCardImageWrapper__2J_bN {
  display: flex;
  padding: var(--component-feature-split-image-padding-y) var(--component-feature-split-image-padding-x);
  align-items: flex-start;
  height: auto;
  width: 100%;
}

@media screen and (min-width: 75rem) {
  .RecipeHero_recipeCardImageWrapper__2J_bN {
    min-width: var(--columns-half-min-width);
    flex: 0 0 55%;
    height: 100%;
    aspect-ratio: 16/9;
  }
}

.RecipeHero_recipeCardImage__8ucAV {
  background:
    #d3d3d3 50% / cover no-repeat,
    linear-gradient(0deg, var(--component-hero-recipe-color-image-bg) 0, var(--component-hero-recipe-color-image-bg) 100%),
    #d3d3d3 50% / cover no-repeat;
  background-blend-mode: plus-darker, normal;
  border-radius: var(--component-hero-recipe-image-imageLeft-radius-top-left) var(--component-hero-recipe-image-imageLeft-radius-top-right)
    var(--component-hero-recipe-image-imageLeft-radius-bottom-right) var(--component-hero-recipe-image-imageLeft-radius-bottom-left);
  height: 100%;
}

@media screen and (min-width: 75rem) {
  .RecipeHero_recipeCardImage__8ucAV {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 16/9;
  }
}

.RecipeHero_recipeCardBodyWrapper__N7Vkt {
  display: flex;
  padding: var(--component-hero-recipe-copy-padding-y) var(--component-hero-recipe-copy-padding-x);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--space-between-medium);
  width: 100%;
}

@media screen and (min-width: 75rem) {
  .RecipeHero_recipeCardBodyWrapper__N7Vkt {
    flex: 1 0 35%;
  }
}

.RecipeHero_recipeCardBody__pJ80e,
.RecipeHero_recipeCardHeaderTitleWrapper__qbmSN {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.RecipeHero_recipeCardHeaderTitleWrapper__qbmSN {
  padding-bottom: var(--spacing-general-title-margin-bottom);
  gap: var(--spacing-general-subtitle-margin-top);
}

.RecipeHero_recipeCardHeaderTitle__LHffK {
  color: var(--component-hero-recipe-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-xxlarge);
  font-style: normal;
  font-weight: var(--typography-font-weight-xxlarge);
  line-height: 110%;
  margin: 0;
  word-wrap: break-word;
  white-space: normal;
  word-break: break-word;
}

.RecipeHero_recipeKitchenSinkTagWraper__sBLSr {
  display: flex;
  padding: var(--margin-xsmall) 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--space-between-xxsmall);
}

.RecipeHero_recipeKitchenSinkTag__C_nlb {
  display: flex;
  padding: var(--spacing-spacing-8) var(--spacing-spacing-12);
  justify-content: center;
  align-items: center;
  gap: var(--space-between-xsmall);
  border-radius: var(--component-tag-interactive-radius-top-left) var(--component-tag-interactive-radius-top-right) var(--component-tag-interactive-radius-bottom-right)
    var(--component-tag-interactive-radius-bottom-left);
  border: var(--component-tag-interactive-border) solid var(--component-tag-interactive-color-brand-kitchen-tested-enabled-border);
  background: var(--component-tag-interactive-color-brand-outline-enabled-bg);
  cursor: pointer;
  color: var(--component-tag-interactive-color-brand-kitchen-tested-enabled-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
  line-height: 150%;
}

.RecipeHero_recipeKitchenSinkTag__C_nlb .RecipeHero_recipeKitchenSinkTagIcon__Qj1lW {
  color: var(--component-tag-interactive-color-brand-kitchen-tested-enabled-icon);
}

.RecipeHero_recipeKitchenSinkTag__C_nlb:focus-visible {
  color: var(--component-tag-interactive-color-brand-kitchen-tested-focus-text);
  border-color: var(--component-tag-interactive-color-brand-kitchen-tested-focus-border);
  background: var(--component-tag-interactive-color-brand-outline-enabled-bg);
  outline: 2px solid var(--component-tag-interactive-color-brand-kitchen-tested-focus-border);
  outline-offset: 2px;
}

.RecipeHero_recipeKitchenSinkTag__C_nlb:focus-visible .RecipeHero_recipeKitchenSinkTagIcon__Qj1lW {
  color: var(--component-tag-interactive-color-brand-kitchen-tested-focus-icon);
}

.RecipeHero_recipeKitchenSinkTag__C_nlb:hover {
  color: var(--component-tag-interactive-color-brand-outline-hover-text);
  border-color: var(--component-tag-interactive-color-brand-outline-hover-border);
  background: var(--component-tag-interactive-color-brand-outline-hover-bg);
}

.RecipeHero_recipeKitchenSinkTag__C_nlb:hover .RecipeHero_recipeKitchenSinkTagIcon__Qj1lW {
  color: var(--component-tag-interactive-color-brand-outline-hover-icon);
}

.RecipeHero_recipeKitchenSinkTag__C_nlb:active {
  color: var(--component-tag-interactive-color-brand-outline-pressed-text);
  border-color: var(--component-tag-interactive-color-brand-outline-pressed-border);
  background: var(--component-tag-interactive-color-brand-outline-pressed-bg);
}

.RecipeHero_recipeKitchenSinkTag__C_nlb:active .RecipeHero_recipeKitchenSinkTagIcon__Qj1lW {
  color: var(--component-tag-interactive-color-brand-outline-pressed-icon);
}

.RecipeHero_recipeCardHeaderIngredients__feoAv {
  display: flex;
  padding-top: var(--margin-xsmall);
  align-items: flex-start;
  align-content: flex-start;
  gap: var(--space-between-xsmall);
  align-self: stretch;
  flex-wrap: wrap;
}

.RecipeHero_recipeCardHeaderIngredientsList__FEQsF {
  display: flex;
  gap: var(--spacing-spacing-12);
}

.RecipeHero_RecipeCardHeaderIngredientsListItem__InmPq {
  display: flex;
  gap: var(--space-between-xsmall);
}

.RecipeHero_RecipeCardHeaderIngredientsListItem__InmPq .RecipeHero_RecipeCardHeaderIngredientsListItemNameText__ORjJl {
  flex-direction: column;
  align-items: flex-start;
}

.RecipeHero_recipeCardHeaderIngredientsListItemList__X9spD {
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
}

@media screen and (min-width: 48rem) {
  .RecipeHero_recipeCardHeaderIngredientsListItemList__X9spD {
    display: grid;
    align-items: flex-start;
    grid-auto-flow: column;
    grid-template-rows: repeat(3, auto);
    -moz-column-gap: var(--spacing-spacing-40);
    column-gap: var(--spacing-spacing-40);
  }
}

.RecipeHero_recipeCardHeaderIngredientsListItemName__T68FX {
  display: flex;
  align-items: center;
  gap: var(--space-between-xsmall);
  align-self: stretch;
}

@media screen and (min-width: 48rem) {
  .RecipeHero_recipeCardHeaderIngredientsListItemNameText___yZqj {
    display: flex;
    align-items: center;
    gap: var(--space-between-xxsmall);
  }
}

.RecipeHero_recipeCardHeaderIngredientsListItemNameTextLabel__3wJo2 {
  font-weight: var(--typography-font-weight-body-bold);
}

.RecipeHero_recipeCardHeaderIngredientsListItemNameTextLabel__3wJo2,
.RecipeHero_recipeCardHeaderIngredientsListItemNameTextValue__iI6XJ {
  color: var(--component-hero-recipe-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  line-height: 150%;
}

.RecipeHero_recipeCardHeaderIngredientsListItemNameTextValue__iI6XJ {
  padding-left: var(--space-between-xsmall);
  font-weight: var(--typography-font-weight-body);
}

@media screen and (min-width: 48rem) {
  .RecipeHero_recipeCardHeaderIngredientsListItemNameTextValue__iI6XJ {
    padding-left: 0;
  }
}

.RecipeHero_recipeControlButtons__F_kZT {
  margin-top: var(--margin-xsmall);
}

.RecipeHero_recipeControlButtonsWrapper__cnn0k {
  display: flex;
  align-items: center;
  gap: var(--space-between-medium);
}

.RecipeHero_recipeControlButtonsEnabledItem__b9X_S {
  display: flex;
  padding: var(--component-cta-size-base-padding-y) var(--component-cta-size-base-padding-right) var(--component-cta-size-base-padding-y) var(--component-cta-size-base-padding-left);
  justify-content: center;
  align-items: center;
  gap: var(--component-cta-size-base-space-between);
  border-radius: var(--component-cta-radius);
  border: var(--component-cta-size-base-border) solid var(--component-cta-color-brand-fill-enabled-border);
  background: var(--component-cta-color-brand-fill-enabled-bg);
  color: var(--component-cta-color-brand-fill-enabled-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-button);
  line-height: 150%;
  cursor: pointer;
}

.RecipeHero_recipeControlButtonsEnabledItem__b9X_S:hover {
  border: var(--component-cta-size-base-border) solid var(--component-cta-color-brand-outline-hover-border);
  background: var(--component-cta-color-brand-outline-hover-bg);
}

.RecipeHero_recipeControlButtonsEnabledItem__b9X_S:hover,
.RecipeHero_recipeControlButtonsEnabledItem__b9X_S:hover .RecipeHero_RecipeKitchenSinkTagIcon__u5QCZ {
  color: var(--component-cta-color-brand-outline-hover-text);
}

.RecipeHero_recipeByLine__lRvZr {
  display: flex;
  padding-top: var(--margin-small);
  align-items: center;
  align-content: center;
  gap: 16px var(--spacing-spacing-16);
  align-self: stretch;
  flex-wrap: wrap;
}

.RecipeHero_recipeByLinePublishDateWrapper__V8rA0 {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
}

.RecipeHero_recipeByLinePublishDateWrapper__V8rA0:has(> :nth-child(2)):before {
  content: "|" /"";
  padding: 0 var(--space-between-small);
  color: var(--component-hero-color-general-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.RecipeHero_recipeByLinePublishDateWrapper__V8rA0 .RecipeHero_byWrapper__DKkuX {
  order: -1;
}

.RecipeHero_recipeByLinePublishDateWrapper__V8rA0 .RecipeHero_byText__UUcV6 {
  color: var(--component-hero-color-general-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.RecipeHero_recipeByLinePublishDateWrapper__V8rA0 .RecipeHero_authorNameLink__I7R16 {
  color: var(--component-hero-color-general-text-link);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration-line: underline;
  text-decoration-color: var(--component-hero-color-general-text-link-underline);
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  text-underline-position: from-font;
  text-decoration-thickness: 1px;
  border-radius: var(--component-cta-radius);
}

.RecipeHero_recipeByLinePublishDateWrapper__V8rA0 .RecipeHero_authorNameLink__I7R16 svg.RecipeHero_cta-icon-default__Xa98c {
  color: var(--component-hero-color-general-text-link);
}

.RecipeHero_recipeByLinePublishDateWrapper__V8rA0 .RecipeHero_authorNameLink__I7R16 svg.RecipeHero_cta-icon-default__Xa98c path {
  fill: var(--component-hero-color-general-text-link);
}

.RecipeHero_recipeByLinePublishDateWrapper__V8rA0 .RecipeHero_authorNameLink__I7R16:focus,
.RecipeHero_recipeByLinePublishDateWrapper__V8rA0 .RecipeHero_authorNameLink__I7R16:focus svg.RecipeHero_cta-icon-default__Xa98c,
.RecipeHero_recipeByLinePublishDateWrapper__V8rA0 .RecipeHero_authorNameLink__I7R16:hover,
.RecipeHero_recipeByLinePublishDateWrapper__V8rA0 .RecipeHero_authorNameLink__I7R16:hover svg.RecipeHero_cta-icon-default__Xa98c {
  color: var(--component-hero-color-general-text-link);
}

.RecipeHero_recipeByLinePublishDateWrapper__V8rA0 .RecipeHero_authorNameLink__I7R16:focus svg.RecipeHero_cta-icon-default__Xa98c path,
.RecipeHero_recipeByLinePublishDateWrapper__V8rA0 .RecipeHero_authorNameLink__I7R16:hover svg.RecipeHero_cta-icon-default__Xa98c path {
  fill: var(--component-hero-color-general-text-link);
}

.RecipeHero_recipeByLinePublishDateWrapper__V8rA0 .RecipeHero_authorNameLink__I7R16:active {
  outline: none;
}

.RecipeHero_recipeByLinePublishDateWrapper__V8rA0 .RecipeHero_authorNameLink__I7R16:focus {
  outline: 2px solid var(--component-hero-color-general-text-link);
  outline-offset: 1px;
  text-decoration-line: underline;
}

.RecipeHero_recipeByLinePublishDateWrapper__V8rA0 .RecipeHero_authorNameLink__I7R16:hover {
  text-decoration-line: none;
}

.RecipeHero_recipeByLinePublishDateWrapper__V8rA0 .RecipeHero_authorNameLink__I7R16:disabled {
  opacity: var(--component-cta-color-brand-cta-outline-disabled-opacity);
}

.RecipeHero_recipeByLinePublishDateWrapper__V8rA0 .RecipeHero_authorNameText__OBQeZ,
.RecipeHero_recipeByLinePublishDateWrapper__V8rA0 .RecipeHero_modifiedText__6jpE6 {
  color: var(--component-hero-color-general-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.RecipeHero_recipeCardHeaderIngredientsListItemIcon___O6zm {
  color: var(--component-hero-recipe-color-icon);
}

.RecipeHero_bvReviewsModuleWrapper__Wq3_M {
  min-height: 23px;
}

.RecipeHero_recipeHeroPrint__uF1pc {
  display: none;
  justify-content: center;
  padding: 0;
}

@media print {
  .RecipeHero_recipeHeroPrint__uF1pc {
    display: flex;
  }
}

.RecipeHero_recipeHeroPrintInner__fO0fy {
  max-width: var(--columns-full-max-width);
  padding-bottom: var(--space-between-large);
  border-bottom: 1px solid #000;
}

.RecipeHero_recipeHeroPrintUpper__jmVPw {
  display: flex;
  gap: var(--space-between-medium);
}

.RecipeHero_recipeHeroPrintUpperLeft__agLKY {
  flex-basis: 65%;
  flex-grow: 1;
}

.RecipeHero_recipeHeroPrintUpperRight__HUxVI {
  flex-basis: 35%;
  flex-shrink: 0;
}

.RecipeHero_recipeHeroPrintTitle__E2W5g {
  color: var(--component-hero-recipe-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-display);
  font-style: normal;
  font-weight: var(--typography-font-weight-xxlarge);
  line-height: 110%;
  margin: 0;
  word-wrap: break-word;
  white-space: normal;
  word-break: break-word;
}

.RecipeHero_recipeHeroPrintLower__q8tfu {
  margin-top: var(--space-between-large);
}

.RecipeHero_recipeHeroPrintAttributesList__XIFPY {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-between-small);
  padding-right: var(--space-between-large);
  list-style: none;
}

.RecipeHero_recipeHeroPrintAttributesListItem__E4Ze8 {
  display: flex;
  gap: var(--space-between-xxsmall);
  color: var(--component-hero-recipe-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.RecipeHero_recipeHeroPrintAttributeLabel__L_X7g {
  font-weight: var(--typography-font-weight-body-bold);
}

.Breadcrumb_breadcrumb__C5GAu {
  background: var(--component-breadcrumb-color-bg);
  max-width: var(--columns-full-max-width);
  padding: var(--spacing-spacing-16) var(--spacing-general-margin-x);
  margin: auto;
}

.Breadcrumb_breadcrumbPaddingForHero__rvAlH {
  padding: var(--spacing-spacing-16) 0;
  min-width: auto;
  background: rgba(0, 0, 0, 0);
  margin: 0;
}

.Breadcrumb_breadcrumbList__u4Zl4 {
  display: flex;
  align-items: center;
  gap: var(--spacing-spacing-4);
  flex: 1 0 0;
  flex-wrap: wrap;
  list-style: none;
  color: var(--componentTheme-content-grid-text-link);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.Breadcrumb_breadcrumbListItem__DD_Y9 {
  display: flex;
  align-items: center;
  gap: var(--spacing-spacing-8);
}

.Breadcrumb_breadcrumbLinkWrapper__JnNPI {
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration-line: underline;
  text-decoration-color: var(--theme-link-underline);
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  text-underline-position: from-font;
  text-decoration-thickness: 1px;
  border-radius: var(--component-cta-radius);
}

.Breadcrumb_breadcrumbLinkWrapper__JnNPI,
.Breadcrumb_breadcrumbLinkWrapper__JnNPI svg.Breadcrumb_cta-icon-default__O4lrx {
  color: var(--component-breadcrumb-color-item-enabled-text);
}

.Breadcrumb_breadcrumbLinkWrapper__JnNPI svg.Breadcrumb_cta-icon-default__O4lrx path {
  fill: var(--component-breadcrumb-color-item-enabled-text);
}

.Breadcrumb_breadcrumbLinkWrapper__JnNPI:focus,
.Breadcrumb_breadcrumbLinkWrapper__JnNPI:focus svg.Breadcrumb_cta-icon-default__O4lrx,
.Breadcrumb_breadcrumbLinkWrapper__JnNPI:hover,
.Breadcrumb_breadcrumbLinkWrapper__JnNPI:hover svg.Breadcrumb_cta-icon-default__O4lrx {
  color: var(--component-breadcrumb-color-item-hover-text);
}

.Breadcrumb_breadcrumbLinkWrapper__JnNPI:focus svg.Breadcrumb_cta-icon-default__O4lrx path,
.Breadcrumb_breadcrumbLinkWrapper__JnNPI:hover svg.Breadcrumb_cta-icon-default__O4lrx path {
  fill: var(--component-breadcrumb-color-item-hover-text);
}

.Breadcrumb_breadcrumbLinkWrapper__JnNPI:active {
  outline: none;
}

.Breadcrumb_breadcrumbLinkWrapper__JnNPI:focus {
  outline: 2px solid var(--component-breadcrumb-color-item-hover-text);
  outline-offset: 1px;
  text-decoration-line: underline;
}

.Breadcrumb_breadcrumbLinkWrapper__JnNPI:hover {
  text-decoration-line: none;
}

.Breadcrumb_breadcrumbLinkWrapper__JnNPI:disabled {
  opacity: var(--component-cta-color-brand-cta-outline-disabled-opacity);
}

.Breadcrumb_breadcrumbLinkWrapper__JnNPI {
  font-weight: var(--typography-font-weight-body-bold);
}

.Breadcrumb_breadcrumbActive__Ni6kA {
  color: var(--component-breadcrumb-color-item-pressed-text);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-weight: 400;
  line-height: 150%;
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
  text-decoration: none;
}

.ActionToolbar_actionToolbar__oVMS9 {
  display: flex;
}

.ActionToolbar_vertical__aLZFg.ActionToolbar_actionToolbar__oVMS9 {
  width: var(--width-component-action-bar-width);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--component-action-bar-gap-vertical);
  padding: var(--spacing-spacing-16) 0;
  border-radius: var(--component-action-bar-radius);
  border: var(--component-action-bar-border) solid var(--component-action-bar-color-border);
  background: var(--component-action-bar-color-surface);
  z-index: 9;
}

.ActionToolbar_vertical__aLZFg .ActionToolbar_actionItem__6CvFw {
  width: 100%;
  list-style: none;
}

.ActionToolbar_horizontal__u2frG.ActionToolbar_actionToolbar__oVMS9 {
  align-items: center;
  align-content: flex-start;
  gap: 16px;
  flex-wrap: wrap;
}

.ActionToolbar_horizontal__u2frG .ActionToolbar_actionItem__6CvFw {
  width: -moz-fit-content;
  width: fit-content;
  list-style: none;
}

.ActionButtonCommon_actionButtonBase__wuW1t {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  background: none;
  margin: 0;
  color: inherit;
}

.ActionButtonCommon_actionButton--card__pT4YM {
  width: auto;
}

.ActionButtonCommon_actionButton--vertical__Eh4bk:not(.ActionButtonCommon_actionButtonSubAction__pjfwk) {
  flex-direction: column;
  padding: var(--spacing-spacing-4);
  gap: var(--spacing-spacing-0);
  border-radius: var(--radius-radius-0);
}

.ActionButtonCommon_actionButton--vertical__Eh4bk:not(.ActionButtonCommon_actionButtonSubAction__pjfwk) .ActionButtonCommon_icon___Lz9u {
  color: var(--component-action-bar-color-button-enabled-icon);
}

.ActionButtonCommon_actionButton--vertical__Eh4bk:not(.ActionButtonCommon_actionButtonSubAction__pjfwk),
.ActionButtonCommon_actionButton--vertical__Eh4bk:not(.ActionButtonCommon_actionButtonSubAction__pjfwk) .ActionButtonCommon_label__olCee {
  color: var(--component-action-bar-color-button-enabled-text);
  text-align: center;
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-xsmall);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
  line-height: 120%;
}

.ActionButtonCommon_actionButton--vertical__Eh4bk:not(.ActionButtonCommon_actionButtonSubAction__pjfwk):hover,
.ActionButtonCommon_actionButton--vertical__Eh4bk:not(.ActionButtonCommon_actionButtonSubAction__pjfwk):hover .ActionButtonCommon_label__olCee {
  font-size: var(--typography-font-size-font-size-12);
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 9%;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.ActionButtonCommon_actionButton--vertical__Eh4bk:not(.ActionButtonCommon_actionButtonSubAction__pjfwk):focus {
  border-radius: var(--component-cta-focus-radius);
  outline: 2px solid var(--component-action-bar-color-button-focus-focus-border);
}

.ActionButtonCommon_actionButton--vertical__Eh4bk:not(.ActionButtonCommon_actionButtonSubAction__pjfwk):focus-visible {
  outline-offset: 0;
}

.ActionButtonCommon_actionButton--vertical__Eh4bk:not(.ActionButtonCommon_actionButtonSubAction__pjfwk):active {
  outline: none;
}

.ActionButtonCommon_actionButton--vertical__Eh4bk:not(.ActionButtonCommon_actionButtonSubAction__pjfwk).ActionButtonCommon_active__uYJi_ .ActionButtonCommon_icon___Lz9u {
  color: var(--component-action-bar-color-button-active-icon);
}

.ActionButtonCommon_actionButtonSubAction__pjfwk {
  padding: var(--spacing-spacing-4) var(--spacing-spacing-12);
  align-items: center;
  gap: var(--spacing-spacing-8);
  border-radius: var(--radius-radius-4);
  justify-content: flex-start;
  flex-direction: row;
  word-break: break-word;
  color: var(--component-action-bar-share-menu-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.ActionButtonCommon_actionButtonSubAction__pjfwk svg {
  flex-shrink: 0;
}

.ActionButtonCommon_actionButtonSubAction__pjfwk:focus {
  outline: none;
}

.ActionButtonCommon_actionButtonWrapper--horizontal__dT1Yj {
  display: flex;
  padding: 0 var(--componentTheme-action-bar-cta-padding);
  align-items: flex-start;
  border-radius: var(--component-cta-radius);
  border: 2px solid var(--componentTheme-action-bar-border);
  background: var(--general-color-background-white);
}

.ShareButton_shareButton__6HS7O {
  position: relative;
}

.ShareButton_shareButton__6HS7O.ShareButton_horizontal__Aj6fm {
  display: flex;
  gap: var(--component-cta-size-base-space-between);
}

.ShareButton_shareButtonContainer__sgkea {
  position: relative;
}

.ShareButton_shareButtonContainer__sgkea .ShareButton_dialogOptions__XkudO {
  display: flex;
  flex-direction: column;
  list-style: none;
  justify-content: space-between;
  align-self: stretch;
}

.ShareButton_shareButtonContainer__sgkea .ShareButton_dialogOption__UUsOU {
  min-height: 48px;
  display: flex;
  align-items: center;
  border-radius: var(--component-action-bar-radius);
  background: var(--component-action-bar-share-menu-bg-default);
}

.ShareButton_shareButtonContainer__sgkea .ShareButton_dialogOption__UUsOU:hover {
  background: var(--component-action-bar-share-menu-bg-hover);
}

.ShareButton_shareButtonContainer__sgkea .ShareButton_dialogOption__UUsOU:focus-within {
  outline: 2px solid var(--component-action-bar-share-menu-focus-border);
  border-radius: var(--component-action-bar-radius);
  outline-offset: -2px;
}

.ShareButton_shareButtonContainer__sgkea .ShareButton_shareIcon__lik8L {
  width: 24px;
  height: 19px;
}

.ActionDialog_actionDialog__ix7pV {
  position: absolute;
  z-index: 99;
  width: 199px;
  padding: var(--spacing-spacing-2);
  border-radius: var(--component-action-bar-radius);
  border: 1px solid var(--general-color-border-light);
  background: var(--component-action-bar-share-menu-bg-default);
  box-shadow: 0 var(--component-action-bar-share-menu-y-value) var(--component-action-bar-share-menu-blur) 0 var(--general-drop-shadow-sub-menu-color);
}

.ActionDialog_dialogContent__tLH1P {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: var(--component-action-bar-radius);
}

.ActionDialog_closeButton__8UGr0 {
  display: flex;
  padding: var(--component-cta-size-base-padding-y) 0;
  align-items: center;
  gap: var(--component-cta-size-base-space-between);
  border-radius: var(--component-cta-radius);
  background: none;
  border: none;
}

.ShopButton_shopButton__Hyd56 {
  position: relative;
  color: var(--component-action-bar-color-button-enabled-text);
  text-align: center;
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-xsmall);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
  line-height: 120%;
}

.ShopButton_shopButton__Hyd56.ShopButton_horizontal__MaSQ_ {
  display: flex;
  gap: var(--component-cta-size-base-space-between);
}

.ShopButton_shopButton__Hyd56:not(:disabled) {
  cursor: pointer;
}

.ShopButton_shopButton__Hyd56:hover:not(:disabled) {
  opacity: 0.9;
}

.ShopButton_shopButton__Hyd56:active:not(:disabled) {
  transform: scale(0.98);
}

.ShopButton_shopButton__Hyd56:focus-visible {
  outline: 2px solid var(--component-cta-color-brand-fill-enabled-border);
  outline-offset: 2px;
}

.ShopButton_shopButton__Hyd56:active:focus-visible:not(:disabled) {
  outline-width: 3px;
}

.ShopButton_shopButton__Hyd56:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.ShopButton_shopButtonContainer__yOnr3 {
  position: relative;
}

.EmailButton_icon__UMNt7 {
  fill: var(--component-action-bar-color-button-enabled-icon);
}

.PinButton_icon__RBqvi {
  color: var(--color-system-social-media-pinterest);
}

.FacebookButton_icon__WiMco {
  color: #0866ff;
}

.KeepScreenOnToggle_keepToggleOnButton__GAuck {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.KeepScreenOnToggle_toggleIcon__cV8eo {
  flex-shrink: 0;
  border-radius: var(--radius-radius-rounded);
  color: var(--component-action-bar-color-toggle-inactive-bg);
}

.KeepScreenOnToggle_toggleIcon__cV8eo.KeepScreenOnToggle_checked__3VQ2d {
  color: var(--component-action-bar-color-toggle-active-bg);
  transform: scale(1.1);
}

.RecipeSeo_recipeSeoWrapper__krp6s {
  background-color: var(--color-background);
  color: var(--theme-primary-bg-text-secondary);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.RecipeSeo_recipeSeoWrapper__krp6s .RecipeSeo_recipeSeoItem__KU3RU {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}

.RecipeSeo_recipeSeoWrapper__krp6s .RecipeSeo_recipeSeoItem__KU3RU h2 {
  margin: 0;
  display: flex;
  justify-content: left;
  align-items: center;
  align-self: stretch;
  color: var(--theme-primary-bg-text-primary);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-medium);
  line-height: 120%;
}

.RecipeSeo_recipeSeoWrapper__krp6s .RecipeSeo_recipeSeoItem__KU3RU h3 {
  color: var(--theme-primary-bg-text-primary);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-small);
  font-style: normal;
  font-weight: var(--typography-font-weight-small);
  line-height: normal;
}

.RecipeSeo_recipeSeoWrapper__krp6s .RecipeSeo_recipeSeoItem__KU3RU div {
  color: var(--theme-primary-bg-text-secondary);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

@media (min-width: 48rem) {
  .RecipeSeo_recipeSeoWrapper__krp6s {
    max-width: var(--typography-copy-max-width);
    margin-left: auto;
    margin-right: auto;
  }

  .RecipeSeo_recipeSeoWrapper__krp6s .RecipeSeo_recipeSeoItem__KU3RU {
    gap: 24px;
  }
}

.RecipeTipShot_recipeTipShotImage__f_UdL {
  display: block;
  border-radius: var(--general-radius-image);
  width: 80% !important;
  margin: var(--margin-xsmall) auto;
}

.RecipeFAQ_recipeFAQWrapper__RBkO3 {
  width: 100%;
  margin: 0 auto;
  color: var(--theme-primary-bg-text-secondary);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.RecipeFAQ_recipeFAQWrapper__RBkO3 h2 {
  color: var(--theme-primary-bg-text-primary);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-medium);
  line-height: 120%;
  margin: 0;
}

.RecipeFAQ_recipeFAQWrapper__RBkO3 section {
  border: none;
  box-shadow: none;
  box-sizing: unset;
  width: 100%;
}

.AccordionItem_accordionItem__RR5K5 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--space-between-medium);
  flex: 1 0 0;
  align-items: flex-start;
  padding: var(--component-accordion-padding-y) var(--component-accordion-padding-x);
  border-top: var(--component-accordion-item-border-top) solid var(--component-accordion-color-default-border);
  border-right: var(--component-accordion-item-border-right) solid var(--component-accordion-color-default-border);
  border-bottom: var(--component-accordion-item-border-bottom) solid var(--component-accordion-color-default-border);
  border-left: var(--component-accordion-item-border-left) solid var(--component-accordion-color-default-border);
  border-radius: var(--general-radius-accordion);
  background: var(--component-accordion-color-default-surface);
}

.AccordionItem_accordionItem__RR5K5 h3 {
  width: 100%;
  margin: 0;
  padding: 0;
}

.AccordionItem_accordionItem__RR5K5:has(.AccordionItem_accordionItemToggle__JLly2:hover) {
  border-color: var(--component-accordion-color-hover-border);
}

.AccordionItem_accordionItem__RR5K5:has(.AccordionItem_accordionItemToggle__JLly2:focus):not(.AccordionItem_accordionItem--open__SBxc_) {
  outline: 1px solid var(--component-accordion-color-hover-border);
  outline-offset: 1px;
}

.AccordionItem_accordionItem__RR5K5:has(.AccordionItem_accordionItemToggle__JLly2:active):not(.AccordionItem_accordionItem--open__SBxc_) {
  border-color: var(--component-accordion-color-hover-border);
}

.AccordionItem_accordionItemToggle__JLly2 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  gap: var(--space-between-medium);
  background: inherit;
  border: none;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media (min-width: 20rem) {
  .AccordionItem_accordionItemToggle__JLly2 {
    flex-wrap: nowrap;
  }
}

.AccordionItem_accordionItemToggle__JLly2:focus {
  outline: none;
}

.AccordionItem_headingIcon__dcOuP {
  display: flex;
  width: 64px;
  height: 64px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}

.AccordionItem_headingIcon__dcOuP img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.AccordionItem_leftContainer__0de_h {
  cursor: default;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--space-between-medium);
  flex: 1 0 0;
}

.AccordionItem_toggleHeading__43R1X {
  color: var(--component-accordion-color-default-title);
  margin: 0;
  width: 100%;
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
  line-height: 150%;
}

.AccordionItem_toggleIcon__QrbEK {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  color: var(--component-accordion-color-default-icons);
}

.AccordionItem_contentContainer__7aaJs {
  width: 100%;
  color: var(--component-content-grid-color-title);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.AccordionItem_contentContainer--open__EXxgS {
  display: block;
}

.AccordionItem_contentContainer--closed__WxLR3 {
  display: none;
}

@media (min-width: 20rem) {
  .AccordionItem_contentContainer__7aaJs {
    max-width: calc(100% - 40px - var(--space-between-medium));
  }
}

.Accordion_base__IbqyU {
  width: 100%;
}

.Accordion_container__dA5v0 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.RecipeDescriptionSeoContentSection_recipeDescriptionSeoContentWrapper__WhsJp {
  display: flex;
  width: 100%;
  padding: var(--spacing-general-margin-y) var(--spacing-general-margin-x);
  flex-direction: column;
  align-items: center;
  gap: var(--space-between-xlarge);
  align-self: stretch;
  background: #fff;
}

.RecipeDescriptionSeoContentSection_separator___QVHW {
  width: 100%;
  max-width: var(--columns-full-max-width);
  height: 1px;
  background: var(--theme-primary-bg-border);
  margin: 0;
}

.RecipeDescriptionSeoContentSection_recipeSeoContentWrapper__fkhop {
  display: flex;
  width: 100%;
  max-width: var(--columns-full-max-width);
  margin: 0 auto;
  align-items: flex-start;
  align-content: flex-start;
  align-self: stretch;
  flex-wrap: wrap;
  gap: var(--space-between-medium) 0;
}

.RecipeDescriptionSeoContentSection_leftColumn__vHWxf {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-between-medium);
  flex: 1 0 0;
}

@media screen and (min-width: 20rem) {
  .RecipeDescriptionSeoContentSection_leftColumn__vHWxf {
    flex-direction: row;
  }
}

.RecipeDescriptionSeoContentSection_sectionContent__SEy8J {
  display: flex;
  width: 100%;
  max-width: var(--width-component-recipe-description-max-width);
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
}

@media screen and (min-width: 20rem) {
  .RecipeDescriptionSeoContentSection_seoActionToolbar__pDn3Y {
    position: sticky;
    top: 10px;
  }
}

.RecipeDescription_recipeDescriptionWrapper__ouqXI {
  display: flex;
  width: 100%;
  max-width: var(--columns-full-max-width);
}

.RecipeDescription_recipeDescription__lWkP5 {
  max-width: var(--typography-copy-max-width);
  flex-grow: 1;
  color: var(--theme-primary-bg-text-secondary);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  line-height: 1.5;
}

.RecipeDescription_recipeDescription__lWkP5.rte p {
  margin-top: 0;
  font-size: var(--typography-font-size-desktop-body-large);
  line-height: 1.5;
}

.RecipeHeader_recipeHeader__N8P0m {
  background: var(--component-recipe-header-color-bg);
}

.RecipeHeader_recipeHeaderSurface__ol0St {
  width: 100%;
  max-width: var(--columns-full-max-width);
  margin: 0 auto;
  padding: var(--component-recipe-header-padding-y) var(--component-recipe-header-padding-x);
  background: var(--component-recipe-header-color-bg);
}

.RecipeHeader_content__GHpfT {
  display: flex;
  width: 100%;
  margin: 0 auto;
  max-width: var(--columns-full-max-width);
  padding: var(--component-recipe-header-content-padding-y) var(--component-recipe-header-content-padding-x);
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-between-medium) var(--padding-medium);
  align-self: stretch;
  flex-wrap: wrap;
  border-radius: var(--component-recipe-header-content-radius);
  background: var(--component-recipe-header-color-surface);
}

@media (max-width: 47.9375rem) {
  .RecipeHeader_content__GHpfT {
    flex-direction: column-reverse;
  }
}

.RecipeHeader_copyContainer__sJJB_ {
  display: flex;
  width: 100%;
  max-width: var(--columns-full-max-width);
  padding: var(--component-recipe-header-copy-padding-y) var(--component-recipe-header-copy-padding-x);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--spacing-general-copy-margin-bottom);
  flex: 1 0 0;
  border-radius: var(--component-feature-split-copy-radius);
  background: var(--component-recipe-header-color-surface);
}

.RecipeHeader_mediaContainer__Vs8ho {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (min-width: 48rem) {
  .RecipeHeader_mediaContainer__Vs8ho {
    flex: 1 0 0;
  }
}

.RecipeHeader_mediaContainer__Vs8ho iframe,
.RecipeHeader_mediaContainer__Vs8ho img {
  border-radius: var(--general-radius-image);
  aspect-ratio: 16/9;
}

@media (min-width: 20rem) {
  .RecipeHeader_mediaContainer__Vs8ho.RecipeHeader_withoutVideo__eDLh7 {
    min-width: var(--columns-one-third-min-width);
    max-width: var(--columns-one-fourth-max-width);
  }
}

.RecipeHeader_mediaContainer__Vs8ho.RecipeHeader_withVideo__o5GDP {
  width: 100%;
}

@media (min-width: 20rem) {
  .RecipeHeader_mediaContainer__Vs8ho.RecipeHeader_withVideo__o5GDP {
    min-width: var(--columns-half-min-width);
    max-width: var(--columns-one-third-max-width);
  }
}

.RecipeHeader_headerCopy__zt3kL {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  max-width: var(--typography-copy-max-width);
}

.RecipeHeader_headerCopy__zt3kL .RecipeHeader_title__RVVyY {
  padding-bottom: var(--spacing-general-title-margin-bottom);
  gap: var(--spacing-general-subtitle-margin-top);
  color: var(--component-recipe-header-color-title);
  margin: 0;
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-xxlarge);
  font-style: normal;
  font-weight: var(--typography-font-weight-xxlarge);
  line-height: 110%;
}

.RecipeHeader_bvRating__AJ_sq:empty {
  min-height: 0;
}

.RecipeHeader_statsContainer__kg5uQ {
  padding-top: var(--margin-small);
  align-self: stretch;
}

.RecipeHeader_statsList__1Raqj {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  flex-direction: column;
  gap: var(--space-between-small);
}

@media (min-width: 48rem) {
  .RecipeHeader_statsList__1Raqj {
    flex-direction: row;
    gap: var(--space-between-small) var(--space-between-large);
    flex: 1 0 0;
    flex-wrap: wrap;
  }
}

.RecipeHeader_statsList__1Raqj .RecipeHeader_recipeAttributeItem__u8KYU {
  display: flex;
  min-width: 80px;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--space-between-xsmall);
}

.RecipeHeader_statsList__1Raqj .RecipeHeader_recipeAttributeItem__u8KYU .RecipeHeader_attributeTextGroup__J3P4B {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: var(--space-between-xxsmall);
  color: var(--component-recipe-header-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
}

@media (min-width: 48rem) {
  .RecipeHeader_statsList__1Raqj .RecipeHeader_recipeAttributeItem__u8KYU .RecipeHeader_attributeTextGroup__J3P4B {
    align-items: flex-start;
    flex-direction: column;
  }
}

.RecipeHeader_statsList__1Raqj .RecipeHeader_recipeAttributeItem__u8KYU .RecipeHeader_attributeLabel__KWpcN {
  font-weight: var(--typography-font-weight-body-bold);
  line-height: 150%;
}

.RecipeHeader_statsList__1Raqj .RecipeHeader_recipeAttributeItem__u8KYU .RecipeHeader_attributeValue__Fl0RU {
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.EmbeddedVideo_videoSection__mavV0 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--margin-small);
  align-self: stretch;
}

.EmbeddedVideo_videoSectionLandscape__Jkm_x {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  padding: var(--spacing-general-margin-related-y) 0;
  gap: var(--space-between-xsmall);
}

.EmbeddedVideo_videoSectionPortrait__iQLZJ {
  max-width: 325px;
  padding: var(--spacing-general-margin-related-y) 0;
  margin-left: auto;
  margin-right: auto;
}

.EmbeddedVideo_videoSectionPortrait__iQLZJ img {
  aspect-ratio: 9/16;
  -o-object-fit: cover;
  object-fit: cover;
}

.EmbeddedVideo_videoContainer__E3Mpv {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

@media (min-width: 48rem) {
  .EmbeddedVideo_videoContainer__E3Mpv {
    min-height: 270px;
  }
}

.EmbeddedVideo_videoSubContainer__l2vod {
  width: 100%;
  height: 100%;
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
  max-width: var(--width-component-standalone-video-max-width);
}

.EmbeddedVideo_videoSubContainer__l2vod img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
}

.EmbeddedVideo_videoSubContainer__l2vod iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.EmbeddedVideo_videoSectionPortrait__iQLZJ .EmbeddedVideo_videoSubContainer__l2vod {
  aspect-ratio: 9/16;
}

.EmbeddedVideo_videoPlayButton__dDZu7 {
  width: 56px;
  height: 56px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  cursor: pointer;
  z-index: 1000;
  border-radius: 100%;
  border: 2px solid rgba(0, 0, 0, 0);
  background: var(--general-color-fill-white);
}

.EmbeddedVideo_videoPlayButton__dDZu7:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 58%;
  transform: translate3d(-50%, -50%, 0);
  border-style: solid;
  border-width: 14px 0 14px 24.2px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--theme-brand-action);
}

.EmbeddedVideo_videoPlayButton__dDZu7:hover {
  border-color: var(--theme-brand-action);
}

.EmbeddedVideo_videoPlayButton__dDZu7:focus-visible {
  outline: 2px solid var(--component-cta-color-brand-outline-enabled-border);
  outline-offset: -5px;
}

.EmbeddedVideo_inlineVideoContainer__ETjVm {
  height: auto;
  margin: 0 auto;
}

.EmbeddedVideo_inlineVideoContainer__ETjVm,
.EmbeddedVideo_videoLinks__Z_WDR {
  display: flex;
  width: 100%;
  max-width: var(--width-component-standalone-video-max-width);
}

.EmbeddedVideo_videoLinks__Z_WDR {
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  align-self: stretch;
  flex-wrap: wrap;
  flex-direction: column;
  padding: var(--component-cta-size-base-padding-y) 0;
  gap: var(--component-cta-size-base-space-between);
  list-style: none;
  margin: 0;
}

@media (min-width: 48rem) {
  .EmbeddedVideo_videoSectionLandscape__Jkm_x .EmbeddedVideo_videoLinks__Z_WDR {
    flex-direction: row;
    gap: var(--margin-small);
  }
}

.EmbeddedVideo_ctaLeftAligned__Zx6dl {
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}

.TiktokEmbed_tikTokEmbedWrapper__O_rpK {
  position: relative;
  width: 100%;
  height: 795px;
}

.TiktokEmbed_iFrameContainerTiktok___jh7E {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.TiktokEmbed_iFrameContainerTiktok___jh7E iframe {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.InstagramEmbed_instagramEmbedWrapper__C_IME {
  position: relative;
  width: 100%;
  height: 795px;
}

.InstagramEmbed_iFrameContainerInstagram__kZ9fg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.InstagramEmbed_iFrameContainerInstagram__kZ9fg iframe {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.RecipeContentTips_recipeTips__dlYfF {
  display: flex;
  padding: var(--padding-xsmall) 0;
  flex-direction: column;
  gap: var(--spacing-general-gutter);
}

.RecipeContentTips_header__cGOpK {
  margin: 0;
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-medium);
  color: var(--theme-primary-bg-text-primary);
}

.RecipeContentTips_recipeTipsList__hZbpD {
  padding-left: 20px;
}

.RecipeContentTips_tipItem__pYmWt {
  color: var(--component-content-grid-color-title);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-weight: var(--typography-font-weight-body);
}

.RecipeContentTips_tipItem__pYmWt + .RecipeContentTips_tipItem__pYmWt {
  /* margin-top: 1rem; */
  margin-top: 1.6rem;
}

.RecipeContentTips_tipItem__pYmWt a {
  color: var(--theme-link-underline);
}

.NutritionFacts_nutritionFacts__0NeXL {
  display: flex;
  flex-direction: column;
  gap: var(--other-nutrition-table-container-padding);
  font-family: var(--typography-font-family-body);
  color: var(--general-color-text-dark);
}

.NutritionFacts_servingSizeDropdown__Zo98f {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  gap: var(--space-between-xsmall);
  flex-wrap: wrap;
}

.NutritionFacts_servingSizeLabel__iy_e4 {
  font-size: var(--typography-font-size-desktop-body-medium);
  font-weight: var(--typography-font-weight-body-bold);
  white-space: nowrap;
}

.NutritionFacts_servingSizeSelect__ZQFKu {
  flex: 1;
  min-width: 160px;
  width: 100%;
  padding: var(--padding-xxsmall) var(--padding-xsmall);
  border-radius: var(--radius-radius-4);
  border: 2px solid var(--component-form-field-color-default-border);
  background: var(--component-search-field-default-bg);
  color: var(--component-form-field-color-descriptive-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
  background-color: var(--general-color-surface-white);
  cursor: pointer;
}

.NutritionFacts_servingSizeSelect__ZQFKu:focus-visible {
  outline: 2px solid var(--general-color-border-darkest);
  outline-offset: 2px;
}

.NutritionFacts_nutritionHeader__4oAQJ {
  display: flex;
  align-items: center;
  gap: var(--space-between-xsmall);
  flex-wrap: wrap;
}

.NutritionFacts_nutritionHeading__0iha_ {
  flex: 1 0 0;
  margin: 0;
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-medium);
  color: var(--theme-primary-bg-text-primary);
  line-height: 120%;
}

.NutritionFacts_nutritionNotAvailable__y4afw {
  width: 100%;
  padding-top: var(--padding-xsmall);
}

.NutritionFacts_nutritionContentContainer__TLGVy {
  display: flex;
  flex-direction: column;
  padding: var(--other-nutrition-table-container-padding);
  border-radius: var(--general-radius-container);
  background: var(--component-recipe-nutrition-color-bg);
  line-height: 150%;
}

.NutritionFacts_summaryCardList__a7XbL {
  display: flex;
  align-items: center;
  align-content: center;
  gap: var(--space-between-small);
  align-self: stretch;
  flex-wrap: wrap;
}

.NutritionFacts_summaryCardItem__AYt3y {
  display: flex;
  min-width: 100px;
  min-height: 100px;
  padding: var(--padding-xsmall);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--space-between-xsmall);
  flex: 1 0 25%;
  border-radius: var(--general-radius-container-l2);
  background: var(--general-color-surface-white);
}

.NutritionFacts_summaryLabel__yoZa5 {
  font-size: var(--typography-font-size-desktop-body-xsmall);
  font-weight: var(--typography-font-weight-body-bold);
}

.NutritionFacts_summaryValue__kU4RP {
  font-size: var(--typography-font-size-desktop-body-xlarge);
}

.NutritionFacts_nutritionAccordion__xzork {
  background: var(--general-color-surface-white);
  border-radius: var(--general-radius-container-l2);
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  transition-property: max-height, overflow, padding, margin-top;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}

.NutritionFacts_nutritionAccordion__xzork.NutritionFacts_expanded___ltiB {
  max-height: none;
  overflow: visible;
  visibility: visible;
  padding: var(--other-nutrition-table-container-padding);
  margin-top: var(--other-nutrition-table-container-padding);
}

@media print {
  .NutritionFacts_nutritionAccordion__xzork {
    max-height: none;
    overflow: visible;
    visibility: visible;
    padding: var(--other-nutrition-table-container-padding);
    margin-top: var(--other-nutrition-table-container-padding);
  }
}

.NutritionTableStandard_nutritionTableContainer__rf3sY {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  font-size: var(--typography-font-size-desktop-body-small);
  width: 100%;
  overflow: auto;
}

.NutritionTableStandard_nutritionServingPc__QKS0S {
  font-size: var(--typography-font-size-desktop-body-medium);
  font-weight: var(--typography-font-weight-body);
}

.NutritionTableStandard_nutritionServingSize__CzsUg {
  font-size: var(--typography-font-size-desktop-body-medium);
  font-weight: var(--typography-font-weight-body-bold);
}

.NutritionTableStandard_nutritionTabs__a0NuG {
  position: relative;
  display: flex;
  background-color: var(--general-color-surface-white);
  border: 2px solid #333;
  border-radius: 50px;
  margin-bottom: var(--margin-xxsmall);
}

@media (min-width: 48rem) {
  .NutritionTableStandard_nutritionTabs__a0NuG {
    margin-bottom: var(--margin-medium);
  }
}

.NutritionTableStandard_nutritionTabs__a0NuG:after {
  content: "";
  position: absolute;
  width: 50%;
  top: 0;
  transition:
    left 0.25s,
    color 0.25s;
  border-radius: 50px;
  color: #333;
  border: 2px solid #333;
  background-color: #333;
  height: 100%;
  z-index: 0;
  left: 50%;
}

.NutritionTableStandard_nutritionTabs__a0NuG.NutritionTableStandard_nutritionTabLeft__NcS1w:after {
  left: 0;
}

.NutritionTableStandard_nutritionTab___atvp {
  display: block;
  background-color: rgba(0, 0, 0, 0);
  font-size: --typography-font-size-desktop-body-small;
  color: #333;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 50px;
  width: 50%;
  padding: var(--padding-xxsmall) var(--padding-small);
  z-index: 1;
}

@media (min-width: 48rem) {
  .NutritionTableStandard_nutritionTab___atvp {
    font-size: --typography-font-size-desktop-body-medium;
  }
}

@media (hover: hover) {
  .NutritionTableStandard_nutritionTab___atvp:not(.NutritionTableStandard_nutritionActiveTab__nKWP3):hover {
    filter: brightness(0.7);
  }
}

.NutritionTableStandard_nutritionTab___atvp:focus-visible {
  outline: none;
}

.NutritionTableStandard_nutritionTab___atvp:focus-visible .NutritionTableStandard_nutritionTabText__WtRKV {
  outline: 2px solid;
  outline-offset: 3px;
}

.NutritionTableStandard_nutritionTabText__WtRKV {
  display: inline-block;
}

.NutritionTableStandard_nutritionActiveTab__nKWP3 {
  display: block;
  color: var(--general-color-surface-white);
}

.NutritionTableStandard_nutritionTabContent__sv7Th {
  display: none;
}

.NutritionTableStandard_nutritionActiveTabContent__JX0Mx {
  display: table;
  width: 100%;
}

.NutritionTableStandard_nutritionTable3Col__bPt93,
.NutritionTableStandard_nutritionTable__JQuZH {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  font-size: var(--typography-font-size-desktop-body-small);
}

.NutritionTableStandard_nutritionTable3Col__bPt93 td,
.NutritionTableStandard_nutritionTable3Col__bPt93 th,
.NutritionTableStandard_nutritionTable__JQuZH td,
.NutritionTableStandard_nutritionTable__JQuZH th {
  position: relative;
  padding: calc(var(--padding-xxsmall) * 0.3) var(--padding-xsmall);
  vertical-align: bottom;
  word-break: break-word;
  vertical-align: middle;
}

.NutritionTableStandard_nutritionTable3Col__bPt93 td:first-child,
.NutritionTableStandard_nutritionTable3Col__bPt93 th:first-child,
.NutritionTableStandard_nutritionTable__JQuZH td:first-child,
.NutritionTableStandard_nutritionTable__JQuZH th:first-child {
  padding-left: 0;
}

.NutritionTableStandard_nutritionTable3Col__bPt93 td:first-child:before,
.NutritionTableStandard_nutritionTable3Col__bPt93 th:first-child:before,
.NutritionTableStandard_nutritionTable__JQuZH td:first-child:before,
.NutritionTableStandard_nutritionTable__JQuZH th:first-child:before {
  content: "";
  position: absolute;
  width: 1px;
  background: var(--general-color-border-mid);
  right: 0;
  top: 0;
  bottom: 0;
}

.NutritionTableStandard_nutritionTable3Col__bPt93 tbody th,
.NutritionTableStandard_nutritionTable__JQuZH tbody th {
  text-align: left;
}

.NutritionTableStandard_nutritionTable3Col__bPt93 .NutritionTableStandard_borderGapTop__aGKU3 td,
.NutritionTableStandard_nutritionTable3Col__bPt93 .NutritionTableStandard_borderGapTop__aGKU3 th,
.NutritionTableStandard_nutritionTable__JQuZH .NutritionTableStandard_borderGapTop__aGKU3 td,
.NutritionTableStandard_nutritionTable__JQuZH .NutritionTableStandard_borderGapTop__aGKU3 th {
  padding-top: var(--padding-xsmall);
}

.NutritionTableStandard_nutritionTable3Col__bPt93 .NutritionTableStandard_borderGapTop__aGKU3 td:before,
.NutritionTableStandard_nutritionTable3Col__bPt93 .NutritionTableStandard_borderGapTop__aGKU3 th:before,
.NutritionTableStandard_nutritionTable__JQuZH .NutritionTableStandard_borderGapTop__aGKU3 td:before,
.NutritionTableStandard_nutritionTable__JQuZH .NutritionTableStandard_borderGapTop__aGKU3 th:before {
  top: var(--padding-xsmall);
  height: auto;
}

.NutritionTableStandard_nutritionTable3Col__bPt93 .NutritionTableStandard_borderGapBottom__4CCIL td,
.NutritionTableStandard_nutritionTable3Col__bPt93 .NutritionTableStandard_borderGapBottom__4CCIL th,
.NutritionTableStandard_nutritionTable__JQuZH .NutritionTableStandard_borderGapBottom__4CCIL td,
.NutritionTableStandard_nutritionTable__JQuZH .NutritionTableStandard_borderGapBottom__4CCIL th {
  padding-bottom: var(--padding-xsmall);
}

.NutritionTableStandard_nutritionTable3Col__bPt93 .NutritionTableStandard_borderGapBottom__4CCIL td:before,
.NutritionTableStandard_nutritionTable3Col__bPt93 .NutritionTableStandard_borderGapBottom__4CCIL th:before,
.NutritionTableStandard_nutritionTable__JQuZH .NutritionTableStandard_borderGapBottom__4CCIL td:before,
.NutritionTableStandard_nutritionTable__JQuZH .NutritionTableStandard_borderGapBottom__4CCIL th:before {
  bottom: var(--padding-xsmall);
  height: auto;
}

.NutritionTableStandard_nutritionTable3Col__bPt93 .NutritionTableStandard_borderGapBoth__E6HF_ td:before,
.NutritionTableStandard_nutritionTable3Col__bPt93 .NutritionTableStandard_borderGapBoth__E6HF_ th:before,
.NutritionTableStandard_nutritionTable__JQuZH .NutritionTableStandard_borderGapBoth__E6HF_ td:before,
.NutritionTableStandard_nutritionTable__JQuZH .NutritionTableStandard_borderGapBoth__E6HF_ th:before {
  top: var(--padding-xsmall);
  bottom: var(--padding-xsmall);
  height: auto;
}

.NutritionTableStandard_nutritionTable3Col__bPt93 .NutritionTableStandard_nutritionTableHeading__l_sEz,
.NutritionTableStandard_nutritionTable__JQuZH .NutritionTableStandard_nutritionTableHeading__l_sEz {
  padding: var(--padding-small) var(--padding-xsmall);
  text-align: left;
  vertical-align: top;
  word-break: normal;
  overflow-wrap: normal;
  white-space: normal;
}

.NutritionTableStandard_nutritionTable3Col__bPt93 .NutritionTableStandard_nutritionTableHeadingLabel__eiDFI,
.NutritionTableStandard_nutritionTable__JQuZH .NutritionTableStandard_nutritionTableHeadingLabel__eiDFI {
  display: block;
  word-break: normal;
  overflow-wrap: normal;
}

.NutritionTableStandard_nutritionTable3Col__bPt93 .NutritionTableStandard_nutritionVAlignTop__gZYXQ,
.NutritionTableStandard_nutritionTable__JQuZH .NutritionTableStandard_nutritionVAlignTop__gZYXQ {
  vertical-align: top;
}

.NutritionTableStandard_nutritionTable3Col__bPt93 th:first-child,
.NutritionTableStandard_nutritionTable__JQuZH th:first-child {
  width: 50%;
}

.NutritionTableStandard_nutritionTable__JQuZH th:last-child,
.NutritionTableStandard_nutritionTable__JQuZH th:nth-child(2) {
  width: 25%;
  min-width: 64px;
}

@media (max-width: 47.9375rem) {
  .NutritionTableStandard_nutritionTableContainer__rf3sY {
    overflow-x: visible;
  }

  .NutritionTableStandard_nutritionTable3Col__bPt93 td,
  .NutritionTableStandard_nutritionTable3Col__bPt93 th,
  .NutritionTableStandard_nutritionTable__JQuZH td,
  .NutritionTableStandard_nutritionTable__JQuZH th {
    padding: calc(var(--padding-xxsmall) * 0.3) var(--padding-xxsmall);
  }

  .NutritionTableStandard_nutritionTable3Col__bPt93 .NutritionTableStandard_nutritionTableHeading__l_sEz,
  .NutritionTableStandard_nutritionTable__JQuZH .NutritionTableStandard_nutritionTableHeading__l_sEz {
    padding: var(--padding-xsmall) var(--padding-xxsmall);
  }

  .NutritionTableStandard_nutritionTable__JQuZH th:first-child {
    width: 48%;
  }

  .NutritionTableStandard_nutritionTable__JQuZH th:last-child,
  .NutritionTableStandard_nutritionTable__JQuZH th:nth-child(2) {
    width: 26%;
    min-width: 0;
  }
}

.NutritionTableStandard_nutritionTable3Col__bPt93 th:last-child,
.NutritionTableStandard_nutritionTable3Col__bPt93 th:nth-child(2),
.NutritionTableStandard_nutritionTable3Col__bPt93 th:nth-child(3) {
  width: 20%;
}

.NutritionTableStandard_nutritionCaloriesAndAmount__KeH0L {
  display: flex;
  align-items: stretch;
  border-top: 4px solid var(--general-color-border-darkest);
  margin-top: var(--space-between-small);
}

.NutritionTableStandard_nutritionCaloriesAmountColumn__BoUBQ,
.NutritionTableStandard_nutritionCaloriesColumn__Nw55R {
  flex: 0 0 50%;
  min-width: 0;
  margin: var(--margin-xsmall) 0;
}

.NutritionTableStandard_nutritionCaloriesAmountColumn__BoUBQ {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: var(--padding-xsmall);
}

.NutritionTableStandard_nutritionCaloriesColumn__Nw55R {
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--general-color-border-mid);
  padding-right: var(--padding-xsmall);
}

.NutritionTableStandard_nutritionCalories__c0XbG {
  font-size: var(--typography-font-size-header-large);
  font-weight: var(--typography-font-weight-large);
  line-height: 1.2;
  display: block;
}

.NutritionTableStandard_nutritionCaloriesEyebrowText__SMqoM {
  display: block;
  margin-bottom: var(--padding-xxsmall);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-weight: var(--typography-font-weight-body);
}

.NutritionTableStandard_nutritionCaloriesAmount__s4mZp {
  font-size: var(--typography-font-size-header-large);
  font-weight: var(--typography-font-weight-large);
  line-height: 1.2;
  display: block;
}

.NutritionTableStandard_nutritionCaloriesAmountSubText__Cdaug {
  font-size: var(--typography-font-size-desktop-body-small);
  font-weight: var(--typography-font-weight-body);
  display: block;
  white-space: nowrap;
}

.NutritionTableStandard_nutritionTableHeading__l_sEz .NutritionTableStandard_nutritionCaloriesAmountSubText__Cdaug {
  font-size: var(--typography-font-size-desktop-body-xsmall);
}

@media (min-width: 48rem) {
  .NutritionTableStandard_nutritionCaloriesEyebrowText__SMqoM,
  .NutritionTableStandard_nutritionTableHeadingLabel__eiDFI {
    white-space: nowrap;
  }
}

@media (max-width: 47.9375rem) {
  .NutritionTableStandard_nutritionCaloriesAmountColumn__BoUBQ,
  .NutritionTableStandard_nutritionCaloriesColumn__Nw55R {
    margin: var(--margin-xxsmall) 0;
  }

  .NutritionTableStandard_nutritionCaloriesAmountSubText__Cdaug {
    white-space: nowrap;
  }

  .NutritionTableStandard_nutritionDailyValue__I8RJr td,
  .NutritionTableStandard_nutritionDailyValue__I8RJr th {
    padding: var(--padding-xsmall) var(--padding-xxsmall);
  }
}

.NutritionTableStandard_nutritionDailyValue__I8RJr td,
.NutritionTableStandard_nutritionDailyValue__I8RJr th {
  padding: var(--padding-xsmall) var(--padding-xxsmall);
  border-top: 2px solid var(--general-color-border-darkest);
  border-bottom: 2px solid var(--general-color-border-darkest);
  font-weight: var(--typography-font-weight-body-bold);
  text-align: right;
}

.NutritionTableStandard_nutritionItemBold__hOAqK {
  font-weight: var(--typography-font-weight-body-bold);
}

.NutritionTableStandard_nutritionSubitem__kVMjP .NutritionTableStandard_nutritionItemBold__hOAqK {
  font-weight: var(--typography-font-weight-body);
}

.NutritionTableStandard_nutritionValueRight__8X5iy {
  float: right;
}

.NutritionTableStandard_nutritionSubitem__kVMjP th:first-child {
  padding-left: var(--padding-xsmall);
}

.NutritionTableStandard_nutritionVitamins__EvQId {
  padding-top: var(--padding-xxsmall);
  border-top: 2px solid var(--general-color-border-darkest);
}

.NutritionTableStandard_nutritionDisclaimer__5ml1Z {
  border-top: 4px solid var(--general-color-border-darkest);
}

.NutritionTableStandard_nutritionDisclaimer__5ml1Z tr:first-child td {
  padding-top: var(--padding-xsmall);
  padding-bottom: var(--padding-xsmall);
}

.NutritionTableStandard_nutritionDisclaimer__5ml1Z td:before {
  display: none;
}

.NutritionTableStandard_nutritionDisclaimerDivider__7uTPo td {
  padding: 0;
  border-top: 2px solid var(--general-color-border-darkest);
  padding-top: var(--padding-xsmall);
}

.NutritionTableStandard_nutritionDisclaimerDivider__7uTPo td:before {
  display: none;
}

.NutritionTableStandard_nutritionDisclaimerTextWrap__F6b2Z {
  font-size: var(--typography-font-size-desktop-body-small);
  display: inline-flex;
  flex-wrap: nowrap;
}

.NutritionTableStandard_nutritionDisclaimerText__7O_Rx {
  margin-left: var(--margin-xxsmall);
}

.NutritionExchanges_exchangesDisclaimerTextWrap__eLLsm {
  font-size: var(--typography-font-size-desktop-body-small);
  display: inline-flex;
  flex-wrap: nowrap;
}

.NutritionExchanges_exchangesDisclaimerText__CWe4_ {
  margin-left: var(--margin-xxsmall);
}

.NutritionExchanges_nutritionOutOfTableSection__RwSuG {
  width: 100%;
  margin-top: var(--margin-xxsmall);
  border-top: 2px solid var(--general-color-border-darkest);
}

.NutritionExchanges_nutritionOutOfTableHeading__f4ynr {
  all: revert;
  display: inline-block;
  font-size: inherit;
  margin: 0;
  padding-top: var(--padding-xsmall);
  padding-bottom: var(--padding-xxsmall);
}

.NutritionExchanges_nutritionOutOfTableContent__IoTwp {
  margin-top: var(--margin-xxsmall);
  margin-bottom: var(--margin-xsmall);
}

.NutritionExchanges_nutritionOutOfTableInlineList__Xj_AY {
  display: inline-flex;
  flex-wrap: wrap;
  font-size: var(--typography-font-size-desktop-body-small);
  list-style: none;
  padding: 0;
  margin: 0;
}

.NutritionExchanges_nutritionOutOfTableInlineList__Xj_AY li {
  padding-right: 0.25em;
  flex-basis: auto;
}

.RecipeIngredients_ingredients__gTDSS {
  display: flex;
  padding: var(--padding-xsmall) 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-between-medium);
  align-self: stretch;
  position: relative;
}

.RecipeIngredients_ingredientsHeader__DA9XS {
  display: flex;
  align-content: center;
  align-items: center;
  align-self: stretch;
  flex-wrap: wrap;
  gap: var(--space-between-small) var(--space-between-xsmall);
  position: sticky;
  z-index: 1;
  top: 32px;
}

.RecipeIngredients_ingredientsHeader__DA9XS:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -32px;
  left: 0;
  right: 0;
  width: 100%;
  height: calc(100% + 48px);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) -13.39%, #fff 23.87%);
}

.RecipeIngredients_ingredientsHeader__DA9XS {
  background: var(--theme-primary-bg-bg);
}

@media screen and (min-width: 75rem) {
  .RecipeIngredients_ingredientsHeader__DA9XS {
    position: static;
    height: 100%;
    gap: 16px var(--space-between-small);
    background: var(--theme-primary-bg-bg);
  }

  .RecipeIngredients_ingredientsHeader__DA9XS:after {
    display: none;
  }
}

@media print {
  .RecipeIngredients_ingredientsHeader__DA9XS {
    position: static;
  }

  .RecipeIngredients_ingredientsHeader__DA9XS:after {
    display: none;
  }
}

.RecipeIngredients_heading__ZQYGu {
  width: 100%;
  flex: 1 0 0;
  color: var(--theme-primary-bg-text-primary);
  margin: 0;
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-medium);
  line-height: 120%;
}

.RecipeIngredients_ingredientGroup__9g5Qo,
.RecipeIngredients_ingredientList__vHtXF {
  display: flex;
  flex-direction: column;
  gap: var(--space-between-medium);
}

.RecipeIngredients_groupTitle__XCsFj {
  margin: 0;
  font-family: var(--typography-font-family-header, "Noto Sans");
  font-size: var(--typography-font-size-header-small);
  font-style: normal;
  font-weight: var(--typography-font-weight-small);
  line-height: normal;
  color: var(--theme-primary-bg-text-primary);
}

.RecipeIngredients_ingredientItem___nRBY {
  display: flex;
  align-items: center;
  gap: var(--space-between-medium);
  list-style: none;
  color: var(--theme-primary-bg-text-primary);
  font-weight: 400;
}

.RecipeIngredients_ingredientItem___nRBY,
.RecipeIngredients_ingredientItem___nRBY a {
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  line-height: 150%;
}

.RecipeIngredients_ingredientItem___nRBY a {
  padding: 0 !important;
  font-weight: 700;
  text-decoration-line: underline;
  text-decoration-color: var(--componentTheme-content-grid-text-link-underline);
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  text-underline-position: from-font;
  text-decoration-thickness: 2px;
  border-radius: var(--component-cta-radius);
}

.RecipeIngredients_ingredientItem___nRBY a,
.RecipeIngredients_ingredientItem___nRBY a svg.RecipeIngredients_cta-icon-default__oJny7 {
  color: var(--theme-primary-interactive-button-ghost-link);
}

.RecipeIngredients_ingredientItem___nRBY a svg.RecipeIngredients_cta-icon-default__oJny7 path {
  fill: var(--theme-primary-interactive-button-ghost-link);
}

.RecipeIngredients_ingredientItem___nRBY a:focus,
.RecipeIngredients_ingredientItem___nRBY a:focus svg.RecipeIngredients_cta-icon-default__oJny7,
.RecipeIngredients_ingredientItem___nRBY a:hover,
.RecipeIngredients_ingredientItem___nRBY a:hover svg.RecipeIngredients_cta-icon-default__oJny7 {
  color: var(--theme-primary-interactive-button-ghost-link);
}

.RecipeIngredients_ingredientItem___nRBY a:focus svg.RecipeIngredients_cta-icon-default__oJny7 path,
.RecipeIngredients_ingredientItem___nRBY a:hover svg.RecipeIngredients_cta-icon-default__oJny7 path {
  fill: var(--theme-primary-interactive-button-ghost-link);
}

.RecipeIngredients_ingredientItem___nRBY a:active {
  outline: none;
}

.RecipeIngredients_ingredientItem___nRBY a:focus {
  outline: 2px solid var(--theme-primary-interactive-button-ghost-link);
  outline-offset: 3px;
  text-decoration-line: underline;
}

.RecipeIngredients_ingredientItem___nRBY a:hover {
  text-decoration-line: none;
}

.RecipeIngredients_ingredientItem___nRBY a:disabled {
  opacity: var(--component-cta-color-brand-cta-outline-disabled-opacity);
}

.RecipeIngredients_ingredientItem___nRBY a {
  text-align: left;
}

.RecipeIngredients_ingredientTableWrapper__1OI9A {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.RecipeIngredients_ingredientTable__YKmi6 {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.RecipeIngredients_ingredientTable__YKmi6 thead {
  border-bottom: 2px solid var(--theme-primary-bg-element-line-separator);
}

.RecipeIngredients_ingredientTable__YKmi6 td,
.RecipeIngredients_ingredientTable__YKmi6 th {
  text-align: left;
  vertical-align: top;
}

.RecipeIngredients_ingredientTable__YKmi6 th {
  color: var(--theme-primary-bg-text-primary);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.RecipeIngredients_ingredientTable__YKmi6 tbody tr th,
.RecipeIngredients_ingredientTable__YKmi6 td {
  color: var(--theme-primary-bg-text-primary);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding: var(--padding-small) var(--padding-small) 0 0;
}

.RecipeIngredients_ingredientTable__YKmi6 td a {
  padding: 0 !important;
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-decoration-line: underline;
  text-decoration-color: var(--componentTheme-content-grid-text-link-underline);
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  text-underline-position: from-font;
  text-decoration-thickness: 2px;
  border-radius: var(--component-cta-radius);
}

.RecipeIngredients_ingredientTable__YKmi6 td a,
.RecipeIngredients_ingredientTable__YKmi6 td a svg.RecipeIngredients_cta-icon-default__oJny7 {
  color: var(--theme-primary-interactive-button-ghost-link);
}

.RecipeIngredients_ingredientTable__YKmi6 td a svg.RecipeIngredients_cta-icon-default__oJny7 path {
  fill: var(--theme-primary-interactive-button-ghost-link);
}

.RecipeIngredients_ingredientTable__YKmi6 td a:focus,
.RecipeIngredients_ingredientTable__YKmi6 td a:focus svg.RecipeIngredients_cta-icon-default__oJny7,
.RecipeIngredients_ingredientTable__YKmi6 td a:hover,
.RecipeIngredients_ingredientTable__YKmi6 td a:hover svg.RecipeIngredients_cta-icon-default__oJny7 {
  color: var(--theme-primary-interactive-button-ghost-link);
}

.RecipeIngredients_ingredientTable__YKmi6 td a:focus svg.RecipeIngredients_cta-icon-default__oJny7 path,
.RecipeIngredients_ingredientTable__YKmi6 td a:hover svg.RecipeIngredients_cta-icon-default__oJny7 path {
  fill: var(--theme-primary-interactive-button-ghost-link);
}

.RecipeIngredients_ingredientTable__YKmi6 td a:active {
  outline: none;
}

.RecipeIngredients_ingredientTable__YKmi6 td a:focus {
  outline: 2px solid var(--theme-primary-interactive-button-ghost-link);
  outline-offset: 3px;
  text-decoration-line: underline;
}

.RecipeIngredients_ingredientTable__YKmi6 td a:hover {
  text-decoration-line: none;
}

.RecipeIngredients_ingredientTable__YKmi6 td a:disabled {
  opacity: var(--component-cta-color-brand-cta-outline-disabled-opacity);
}

.RecipeIngredientInstructionsSection_recipeIngredientInstructionsSectionWrapper__oxUQK {
  display: flex;
  justify-content: center;
  padding: var(--spacing-general-margin-y) var(--spacing-general-margin-x);
  background: var(--theme-primary-bg-bg);
}

@media print {
  .RecipeIngredientInstructionsSection_recipeIngredientInstructionsSectionWrapper__oxUQK {
    padding: var(--space-between-large) 0 0;
  }
}

.RecipeIngredientInstructionsSection_recipeIngredientInstructionsSection__wKkGK {
  display: flex;
  width: 100%;
  max-width: var(--columns-full-max-width);
}

.RecipeIngredientInstructionsSection_recipeCoreGrid__JyVha {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--space-between-medium);
}

@media screen and (min-width: 20rem) {
  .RecipeIngredientInstructionsSection_recipeCoreGrid__JyVha {
    display: grid;
    grid-template-columns: min-content 1fr;
    grid-template-rows: repeat(3, auto);
    grid-template-areas: "actions ingredients" "actions instructions" "nutrition nutrition";
  }
}

@media screen and (min-width: 75rem) {
  .RecipeIngredientInstructionsSection_recipeCoreGrid__JyVha {
    grid-template-columns:
      min-content var(--space-between-medium) 1fr var(--space-between-xlarge)
      2fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "actions gutter-1 ingredients gutter-2 instructions" "actions gutter-1 ingredients gutter-2 nutrition";
    gap: var(--space-between-large) 0;
  }
}

@media print {
  .RecipeIngredientInstructionsSection_recipeCoreGrid__JyVha {
    display: block;
    gap: var(--space-between-large);
  }
}

.RecipeIngredientInstructionsSection_recipeCoreGrid--noIngredients__LYYb5 {
  grid-template-rows: repeat(2, auto);
  grid-template-areas: "actions instructions" "nutrition nutrition";
}

@media screen and (min-width: 75rem) {
  .RecipeIngredientInstructionsSection_recipeCoreGrid--noIngredients__LYYb5 {
    grid-template-columns: min-content var(--space-between-medium) minmax(var(--width-component-recipe-instructions-column-min-width), var(--typography-copy-max-width));
    grid-template-areas: "actions gutter-1 instructions";
  }
}

.RecipeIngredientInstructionsSection_recipeCoreGridActions__N_1na {
  grid-area: actions;
}

.RecipeIngredientInstructionsSection_recipeCoreGridIngredients__G4pMo {
  grid-area: ingredients;
}

@media print {
  .RecipeIngredientInstructionsSection_recipeCoreGridIngredients__G4pMo {
    margin-bottom: var(--space-between-large);
  }
}

.RecipeIngredientInstructionsSection_recipeCoreGridInstructions__qCjyk {
  grid-area: instructions;
}

@media print {
  .RecipeIngredientInstructionsSection_recipeCoreGridInstructions__qCjyk {
    margin-bottom: var(--space-between-large);
  }
}

.RecipeIngredientInstructionsSection_recipeCoreGridNutrition__CjwFq {
  grid-area: nutrition;
}

.RecipeIngredientInstructionsSection_ingredientsInstructionActionToolbar__Z2fe9 {
  position: sticky;
  top: 10px;
  z-index: 10;
}

.RecipeIngredientInstructionsSection_recipeCoreContentLeftColumn___xJ3V,
.RecipeIngredientInstructionsSection_recipeCoreContentRightColumn__327ow {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--space-between-large);
}

.RecipeInstructions_srOnly__X_8MS {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.RecipeInstructions_srOnly__X_8MS:focus {
  clip: auto !important;
  width: auto;
  height: auto;
  display: block;
  overflow: auto;
}

.RecipeInstructions_recipeInstructions__Wo5fc {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: var(--space-between-medium);
  padding: var(--padding-xsmall) 0;
}

.RecipeInstructions_recipeInstructionsHeader__aL_kn {
  display: flex;
  align-content: center;
  align-items: center;
  align-self: stretch;
  flex-wrap: wrap;
  gap: var(--space-between-small) var(--space-between-xsmall);
  position: sticky;
  z-index: 1;
  top: 32px;
}

.RecipeInstructions_recipeInstructionsHeader__aL_kn:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -32px;
  left: 0;
  right: 0;
  width: 100%;
  height: calc(100% + 48px);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) -13.39%, #fff 23.87%);
}

.RecipeInstructions_recipeInstructionsHeader__aL_kn {
  background: var(--theme-primary-bg-bg);
}

@media screen and (min-width: 75rem) {
  .RecipeInstructions_recipeInstructionsHeader__aL_kn {
    position: static;
    height: 100%;
    gap: 16px var(--space-between-small);
    background: var(--theme-primary-bg-bg);
  }

  .RecipeInstructions_recipeInstructionsHeader__aL_kn:after {
    display: none;
  }
}

@media print {
  .RecipeInstructions_recipeInstructionsHeader__aL_kn {
    position: static;
  }

  .RecipeInstructions_recipeInstructionsHeader__aL_kn:after {
    display: none;
  }
}

.RecipeInstructions_recipeInstructionsHeading__kxpfb {
  flex: 1 0 0;
  color: var(--theme-primary-bg-text-primary);
  margin: 0;
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-medium);
  line-height: 120%;
}

.RecipeInstructions_recipeInstructionsList___Uzwa {
  display: flex;
  flex-direction: column;
  /* gap: 1rem; */
  gap: 1.6rem;
  margin: 0;
  padding: 0 0 0 24px;
}

.RecipeInstructions_recipeInstructionsListItem__vM6p_ {
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  color: var(--theme-primary-bg-text-secondary);
}

.RecipeInstructions_recipeInstructionsCardList__7BroH {
  display: flex;
  flex-direction: column;
  list-style: none;
  gap: 24px;
  margin: 0;
  padding: 0;
}

@media print {
  .RecipeInstructions_recipeInstructionsCardList__7BroH {
    list-style: decimal;
    /* gap: 1rem; */
    gap: 1.6rem;
    padding: 0 0 0 24px;
  }
}

.RecipeInstructions_recipeInstructionsCard__D1akl {
  display: flex;
  flex-direction: column;
  gap: var(--space-between-medium);
  padding: var(--padding-small);
  border-radius: var(--general-radius-card);
  border: 1px solid var(--component-recipe-instructions-color-border);
  background: var(--component-recipe-instructions-color-surface);
}

@media print {
  .RecipeInstructions_recipeInstructionsCard__D1akl {
    padding: 0;
    border: none;
    background: none;
  }
}

.RecipeInstructions_recipeInstructionsCardText__n6cQj {
  display: flex;
  flex-direction: column;
  gap: var(--space-between-xsmall);
}

.RecipeInstructions_recipeInstructionsCardHeading__4UbfU {
  color: var(--general-color-text-darkest);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-xsmall);
  font-style: normal;
  font-weight: var(--typography-font-weight-xsmall);
  line-height: normal;
}

@media print {
  .RecipeInstructions_recipeInstructionsCardHeading__4UbfU {
    display: none;
  }
}

.RecipeInstructions_recipeInstructionsCardDescription__7ZqM6 {
  color: var(--general-color-text-darkest);
}

.RecipeInstructions_recipeInstructionsDescriptionList__pKy5h {
  display: flex;
  flex-direction: column;
  gap: var(--space-between-xsmall);
  margin: 0;
  padding-left: 24px;
  color: var(--general-color-text-darkest);
}

.RecipeInstructions_recipeInstructionsCardImageContainer__DI_Rl img {
  width: 100%;
  border-radius: var(--general-radius-image);
}

@media print {
  .RecipeInstructions_recipeInstructionsCardImageContainer__DI_Rl {
    display: none;
  }
}

.RecipeDownloadTemplate_diagramTemplateDownload__OHS2x {
  display: flex;
  flex-direction: column;
  gap: var(--space-between-large);
}

.RecipeDownloadTemplate_diagramTitle__HtnGu {
  color: var(--theme-primary-bg-text-primary);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  font-size: var(--typography-font-size-header-medium);
}

.RecipeDownloadTemplate_diagramTemplateDownload__OHS2x a > svg:not(:first-of-type) {
  display: none !important;
}

.RecipeBakeSection_wrapper__P5Z_m {
  width: 100%;
  padding-top: var(--spacing-general-gutter);
  padding-bottom: var(--spacing-general-gutter);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
  line-height: 150%;
}

@media (max-width: 47.9375rem) {
  .RecipeBakeSection_wrapper__P5Z_m {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-between-small);
  }
}

.RecipeBakeSection_tableWrapper__kdZuY {
  width: 100%;
  overflow-x: auto;
}

.RecipeBakeSection_richText__mR_6c .naf-recipe-table__notes {
  margin-top: var(--space-between-small);
}

.RecipeBakeSection_richText__mR_6c .naf-recipe-table__table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  border: 1px solid var(--general-color-border-light) !important;
  border-radius: 0 !important;
}

.RecipeBakeSection_richText__mR_6c .naf-recipe-table__table thead th {
  border: 0 !important;
  box-shadow: none !important;
  background-clip: padding-box;
}

.RecipeBakeSection_richText__mR_6c .naf-recipe-table {
  border-radius: 0 !important;
}

.RecipeBakeSection_richText__mR_6c .naf-recipe-table__table thead th:last-child {
  border-top-right-radius: 0 !important;
}

.RecipeBakeSection_richText__mR_6c .naf-recipe-table__table thead th:first-child {
  border-top-left-radius: 0 !important;
}

@media (max-width: 47.9375rem) {
  .RecipeBakeSection_richText__mR_6c .naf-recipe-table__table {
    display: block;
  }

  .RecipeBakeSection_richText__mR_6c .naf-recipe-table__table thead {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .RecipeBakeSection_richText__mR_6c .naf-recipe-table__table tbody,
  .RecipeBakeSection_richText__mR_6c .naf-recipe-table__table tbody tr {
    display: block;
  }

  .RecipeBakeSection_richText__mR_6c .naf-recipe-table__table tbody td {
    display: block;
    position: relative;
  }

  .RecipeBakeSection_richText__mR_6c .naf-recipe-table__table tbody td:before {
    display: block;
    color: var(--general-color-text-dark);
    font-weight: var(--typography-font-weight-body-bold);
  }
}

.Badge_srOnly__bRwIb {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.Badge_srOnly__bRwIb:focus {
  clip: auto !important;
  width: auto;
  height: auto;
  display: block;
  overflow: auto;
}

.Badge_badgeWrapper__DMpye {
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 47.9375rem) {
  .Badge_badgeWrapper__DMpye {
    display: flex;
    min-width: var(--screen-dimensions-min-width);
    max-width: var(--screen-dimensions-max-width);
    padding: var(--padding-large) var(--padding-small) var(--padding-none) var(--spacing-general-container-padding-x);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-between-xlarge);
    align-self: stretch;
    background: var(--theme-primary-bg-bg);
  }
}

@media screen and (min-width: 48rem) {
  .Badge_badgeWrapper__DMpye {
    display: flex;
    min-width: var(--screen-dimensions-min-width);
    max-width: var(--screen-dimensions-max-width);
    padding: var(--padding-large) var(--padding-small) var(--padding-none) var(--spacing-general-container-padding-x);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-between-xlarge);
    align-self: stretch;
    background: var(--theme-primary-bg-bg);
  }
}

@media screen and (min-width: 75rem) {
  .Badge_badgeWrapper__DMpye {
    display: flex;
    min-width: var(--screen-dimensions-min-width);
    max-width: var(--screen-dimensions-max-width);
    padding: var(--spacing-general-margin-y) var(--spacing-general-margin-x) var(--padding-none) var(--spacing-general-margin-x);
    flex-direction: column;
    align-items: center;
    gap: var(--space-between-xlarge);
    align-self: stretch;
    background: var(--theme-primary-bg-bg);
  }
}

.Badge_badgePaddingLayer__Xa24_ {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  padding: 0 var(--layout-base-margin-x) var(--spacing-spacing-8);
}

@media screen and (max-width: 47.9375rem) {
  .Badge_badgePaddingLayer__Xa24_ {
    padding: 0 var(--padding-small) 0 0;
  }
}

@media screen and (min-width: 48rem) {
  .Badge_badgePaddingLayer__Xa24_ {
    padding-right: var(--layout-base-margin-x);
    padding-left: 0;
  }
}

@media screen and (min-width: 75rem) {
  .Badge_badgePaddingLayer__Xa24_ {
    padding: 0;
  }
}

.Badge_badgeSection__jpM8X {
  display: flex;
  width: 100%;
  justify-content: flex-start;
}

.Badge_badge__3y134 {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  width: 100%;
  max-width: var(--columns-full-max-width);
  min-height: 167px;
  overflow: visible;
  border: 0;
  border-radius: var(--radius-radius-rounded);
  background: linear-gradient(90deg, #003573 0, #0053a6 68%, #2f6dac 100%), var(--general-color-background-brand-1);
  color: var(--general-color-text-white);
  text-decoration: none;
}

@media screen and (min-width: 36rem) {
  .Badge_badge__3y134 {
    min-height: 146px;
  }
}

@media screen and (min-width: 48rem) {
  .Badge_badge__3y134 {
    --badge-shell-size: 72px;
    --badge-rail-height: 144px;
    --badge-edge-width: calc(var(--badge-rail-height) * 0.2962962963);
    --badge-edge-overlap: calc((var(--badge-edge-width) * 0.52));
    --badge-rail-start: 0;
    height: 161px;
    min-height: unset;
    grid-template-columns: var(--badge-shell-size) minmax(0, 1fr);
    align-items: center;
    padding-left: var(--padding-small);
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(to right, var(--general-color-surface-darkest) 0, var(--general-color-background-brand-1) 100%);
    background-position: 0;
    background-size: calc(100% - (var(--badge-edge-width) - var(--badge-edge-overlap))) var(--badge-rail-height);
    background-repeat: no-repeat;
    box-shadow: none;
  }

  .Badge_badge__3y134:after {
    content: none;
  }
}

@media screen and (min-width: 75rem) {
  .Badge_badge__3y134 {
    --badge-shell-size: 140px;
    --badge-rail-height: 108px;
    --badge-rail-start: calc(var(--badge-shell-size) / 2);
    --badge-desktop-width: var(--typography-copy-max-width);
    height: 140px;
    min-height: unset;
    width: -moz-fit-content;
    width: fit-content;
    min-width: -moz-min-content;
    min-width: min-content;
    max-width: var(--badge-desktop-width);
    grid-template-columns: var(--badge-shell-size) minmax(0, 1fr);
    align-items: center;
    overflow: visible;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }

  .Badge_badge__3y134:after {
    position: absolute;
    top: 50%;
    left: var(--badge-rail-start);
    z-index: 0;
    width: calc(100% - var(--badge-rail-start));
    height: var(--badge-rail-height);
    border-radius: 0;
    transform: translateY(-50%);
    background: linear-gradient(to right, var(--general-color-surface-darkest) 0, var(--general-color-background-brand-1) 100%);
    content: "";
  }

  .Badge_badge__3y134:before {
    content: none;
  }
}

.Badge_visualRail___inT7 {
  position: relative;
  z-index: 1;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding-left: var(--spacing-spacing-16);
}

@media screen and (min-width: 48rem) {
  .Badge_visualRail___inT7 {
    width: var(--badge-shell-size);
    height: 161px;
    justify-content: center;
    padding-left: 0;
  }
}

@media screen and (min-width: 75rem) {
  .Badge_visualRail___inT7 {
    width: var(--badge-shell-size);
    height: var(--badge-shell-size);
    justify-content: center;
    padding-left: 0;
  }
}

.Badge_content__stoRS {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  justify-content: center;
  min-width: 0;
}

@media screen and (min-width: 48rem) {
  .Badge_content__stoRS {
    align-items: center;
  }
}

@media screen and (min-width: 75rem) {
  .Badge_content__stoRS {
    align-items: center;
  }
}

.Badge_textBlock__Lfdvk {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: var(--spacing-spacing-12);
  padding: var(--spacing-spacing-20) var(--spacing-spacing-20) var(--spacing-spacing-20) var(--spacing-spacing-12);
}

@media screen and (min-width: 48rem) {
  .Badge_textBlock__Lfdvk {
    display: flex;
    padding: var(--padding-small);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--space-between-small);
    flex: 1 0 0;
    align-self: stretch;
  }
}

@media screen and (min-width: 75rem) {
  .Badge_textBlock__Lfdvk {
    flex-direction: row;
    align-items: center;
    gap: var(--space-between-xlarge);
    padding: var(--padding-small);
    align-self: stretch;
  }
}

.Badge_copyGroup__BksGG {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-between-xxsmall);
}

@media screen and (min-width: 75rem) {
  .Badge_copyGroup__BksGG {
    width: auto;
    justify-content: center;
    gap: var(--space-between-xxsmall);
  }

  .Badge_copyGroup__BksGG:first-child {
    flex: 0 0 auto;
  }

  .Badge_copyGroup__BksGG:last-child {
    flex: 0 1 auto;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 0;
    max-width: 325px;
  }

  .Badge_copyGroup__BksGG:last-child .Badge_badge__3y134[data-mobile-height-state="double"] {
    min-height: 178px;
  }

  .Badge_copyGroup__BksGG:last-child .Badge_badge__3y134[data-mobile-height-state="triple"] {
    min-height: 225px;
  }

  .Badge_copyGroup__BksGG:last-child {
    align-items: flex-end;
    margin-left: auto;
    text-align: right;
  }
}

.Badge_contestDetails__nMhzF {
  display: flex;
  flex-wrap: wrap;
}

.Badge_contestDetails__nMhzF .Badge_badge__3y134[data-mobile-height-state="double"] .Badge_visualRail___inT7 {
  min-height: 178px;
}

.Badge_contestDetails__nMhzF .Badge_badge__3y134[data-mobile-height-state="triple"] .Badge_visualRail___inT7 {
  min-height: 225px;
}

.Badge_contestDetails__nMhzF {
  align-items: center;
  gap: 0 var(--space-between-xsmall);
  min-width: 0;
}

@media screen and (min-width: 75rem) {
  .Badge_contestDetails__nMhzF {
    justify-content: flex-end;
  }
}

.Badge_separator__Uso9b {
  display: inline-block;
  /* width: 0.25rem; */
  width: 0.4rem;
  /* height: 0.25rem; */
  height: 0.4rem;
  border-radius: 50%;
  background-color: var(--general-color-text-white);
  flex: 0 0 auto;
}

.Badge_edge__gHOfl {
  position: absolute;
  top: 50%;
  right: -1px;
  z-index: 1;
  display: flex;
  width: min(11vw, 32px);
  height: calc(100% - 24px);
  align-items: stretch;
  justify-content: flex-end;
  transform: translateY(-50%);
  pointer-events: none;
}

@media screen and (min-width: 48rem) {
  .Badge_edge__gHOfl {
    right: calc((var(--badge-edge-width) - var(--badge-edge-overlap)) * -1);
    width: var(--badge-edge-width);
    height: var(--badge-rail-height);
    overflow: visible;
  }
}

@media screen and (min-width: 75rem) {
  .Badge_edge__gHOfl {
    top: 50%;
    right: -32px;
    width: 32px;
    height: var(--badge-rail-height);
    transform: translateY(-50%);
    overflow: visible;
  }
}

.Badge_edgeImage__CSiwg {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: stretch;
}

.Badge_edgeImage__CSiwg div,
.Badge_edgeImage__CSiwg span {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  align-items: stretch;
}

.Badge_edgeImage__CSiwg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
  object-fit: fill;
}

@media screen and (min-width: 48rem) {
  .Badge_edgeImage__CSiwg img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center;
  }
}

.Badge_logoShell__HQl2q {
  position: relative;
  z-index: 2;
  display: flex;
  width: 72px;
  height: 72px;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-radius-rounded);
  background: radial-gradient(circle at 30% 30%, #3d86e6 0, #1257b3 100%);
  flex: 0 0 auto;
}

.Badge_logoShell__HQl2q:after {
  position: absolute;
  inset: 6px;
  border: 2px dotted hsla(0, 0%, 100%, 0.82);
  border-radius: inherit;
  content: "";
}

@media screen and (min-width: 48rem) {
  .Badge_logoShell__HQl2q {
    width: var(--badge-shell-size);
    height: var(--badge-shell-size);
    aspect-ratio: 1/1;
  }

  .Badge_logoShell__HQl2q:after {
    content: none;
  }
}

@media screen and (min-width: 75rem) {
  .Badge_logoShell__HQl2q {
    width: var(--badge-shell-size);
    height: var(--badge-shell-size);
  }

  .Badge_logoShell__HQl2q:after {
    content: none;
  }
}

.Badge_logoRing__ZIJe7 {
  display: none;
}

@media screen and (min-width: 48rem) {
  .Badge_logoRing__ZIJe7 {
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    width: 64px;
    height: 64px;
    transform: translate(-50%, -50%);
    pointer-events: none;
  }
}

@media screen and (min-width: 75rem) {
  .Badge_logoRing__ZIJe7 {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    width: 124px;
    height: 124px;
    transform: translate(-50%, -50%);
    pointer-events: none;
  }
}

.Badge_logo__UYaOC {
  position: relative;
  z-index: 1;
  display: flex;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-radius-rounded);
  overflow: hidden;
}

@media screen and (min-width: 48rem) {
  .Badge_logo__UYaOC {
    width: calc(100% - 16px);
    height: calc(100% - 16px);
  }
}

.Badge_logoImage__i0kAk {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 48rem) {
  .Badge_logoImage__i0kAk {
    width: auto;
    display: flex;
    width: 42px;
    height: 40px;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
  }
}

@media screen and (min-width: 48rem) and (min-width: 48rem) {
  .Badge_logoImage__i0kAk {
    width: auto !important;
  }
}

@media screen and (min-width: 75rem) {
  .Badge_logoImage__i0kAk {
    display: flex;
    width: 82px;
    height: 78px;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
  }
}

@media screen and (min-width: 75rem) and (min-width: 48rem) {
  .Badge_logoImage__i0kAk {
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
  }
}

.Badge_logoImage__i0kAk img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 48rem) {
  .Badge_logoImage__i0kAk img {
    width: 42px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
  }
}

@media screen and (min-width: 75rem) {
  .Badge_logoImage__i0kAk img {
    width: 82px;
    height: 78px;
    -o-object-fit: contain;
    object-fit: contain;
  }
}

.Badge_copy__gj34B {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--space-between-xxsmall);
  min-width: 0;
  color: var(--general-color-text-white);
}

@media screen and (min-width: 48rem) {
  .Badge_copy__gj34B {
    max-width: min(100%, 48rem);
  }
}

@media screen and (min-width: 75rem) {
  .Badge_copy__gj34B {
    max-width: none;
  }
}

.Badge_label__erglc,
.Badge_memberLocation__RPXIt,
.Badge_memberName__6UAN2,
.Badge_text__7xixf,
.Badge_title__2eSrA {
  margin: 0;
  overflow-wrap: anywhere;
}

.Badge_label__erglc {
  font-family: var(--typography-font-family-body);
  color: var(--general-color-text-white);
  /* font-size: 0.75rem; */
  font-size: 1.2rem;
  font-weight: var(--typography-font-weight-body-bold);
  letter-spacing: 0.08em;
  line-height: 1.35;
  text-transform: uppercase;
}

@media screen and (min-width: 48rem) {
  .Badge_label__erglc {
    font-size: var(--typography-font-size-desktop-body-medium);
    font-weight: var(--typography-font-weight-body-bold);
    letter-spacing: 0;
    line-height: 1.5;
    text-transform: none;
  }
}

@media screen and (min-width: 75rem) {
  .Badge_label__erglc {
    font-size: var(--typography-font-size-desktop-body-medium);
    font-weight: var(--typography-font-weight-body-bold);
    letter-spacing: 0;
    line-height: 1.5;
    text-transform: none;
  }
}

.Badge_title__2eSrA {
  color: var(--general-color-text-white);
  font-family: var(--typography-font-family-accent-header);
  font-size: clamp(1.25rem, 4vw, 1.75rem);
  font-weight: var(--typography-font-weight-large);
  line-height: 1.1;
}

@media screen and (min-width: 48rem) {
  .Badge_title__2eSrA {
    max-width: none;
    font-family: var(--typography-font-family-body);
    font-size: var(--typography-font-size-desktop-body-medium);
    font-weight: var(--typography-font-weight-body-bold);
    line-height: 1.5;
  }
}

@media screen and (min-width: 75rem) {
  .Badge_title__2eSrA {
    max-width: none;
    font-family: var(--typography-font-family-body);
    font-size: var(--typography-font-size-desktop-body-medium);
    font-weight: var(--typography-font-weight-body-bold);
    line-height: 1.5;
  }
}

.Badge_memberLocation__RPXIt,
.Badge_text__7xixf {
  font-family: var(--typography-font-family-body);
  color: var(--general-color-text-white);
  /* font-size: 0.875rem; */
  font-size: 1.4rem;
  line-height: 1.4;
}

@media screen and (min-width: 48rem) {
  .Badge_memberLocation__RPXIt,
  .Badge_text__7xixf {
    font-size: var(--typography-font-size-desktop-body-medium);
  }
}

@media screen and (min-width: 75rem) {
  .Badge_memberLocation__RPXIt,
  .Badge_text__7xixf {
    line-height: 1.5;
  }
}

@media screen and (min-width: 48rem) {
  .Badge_text__7xixf {
    display: none;
  }
}

@media screen and (min-width: 75rem) {
  .Badge_text__7xixf {
    display: none;
  }
}

@media screen and (min-width: 48rem) {
  .Badge_memberLocation__RPXIt {
    display: block;
    max-width: 100%;
    font-size: var(--typography-font-size-desktop-body-small);
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media screen and (min-width: 75rem) {
  .Badge_memberLocation__RPXIt {
    display: -webkit-box;
    /* max-width: 16rem; */
    max-width: 25.6rem;
    font-size: var(--typography-font-size-desktop-body-small);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
}

.Badge_memberInfo__ABoma {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: var(--spacing-spacing-8);
  min-width: 0;
}

@media screen and (min-width: 75rem) {
  .Badge_memberInfo__ABoma {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: -moz-fit-content;
    width: fit-content;
    max-width: 325px;
    max-height: calc(4.4rem + var(--space-between-xxsmall) + 1.3125rem);
    margin-top: 0;
    gap: var(--space-between-xxsmall);
  }
}

.Badge_memberName__6UAN2 {
  font-family: var(--typography-font-family-body);
  /* font-size: 1rem; */
  font-size: 1.6rem;
  font-weight: var(--typography-font-weight-body-bold);
  line-height: 1.35;
  color: var(--general-color-text-brand-3);
}

@media screen and (min-width: 48rem) {
  .Badge_memberName__6UAN2 {
    display: block;
    max-width: 100%;
    font-family: var(--typography-font-family-accent-header);
    font-size: var(--typography-font-size-accent-header-large);
    font-weight: 400;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media screen and (min-width: 75rem) {
  .Badge_memberName__6UAN2 {
    display: -webkit-box;
    font-family: var(--typography-font-family-accent-header);
    font-size: var(--typography-font-size-accent-header-large);
    font-weight: 400;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
}

@media screen and (max-width: 47.9375rem) {
  .Badge_badge__3y134 {
    --badge-shell-size: 72px;
    --badge-edge-width: calc(100cqh * 0.2962962963);
    --badge-edge-overlap: calc((var(--badge-edge-width) * 0.5) + 1px);
    container-type: size;
    grid-template-columns: 92px minmax(0, 1fr);
    min-height: 132px;
    max-height: 225px;
    align-items: stretch;
    border-radius: 0;
    background: none;
  }

  .Badge_badge__3y134:after {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 0;
    width: calc(100% - (var(--badge-edge-width) - var(--badge-edge-overlap)));
    height: 100%;
    transform: translateY(-50%);
    background: linear-gradient(to right, var(--general-color-surface-darkest) 0, var(--general-color-background-brand-1) 100%);
    content: "";
  }

  .Badge_badge__3y134[data-mobile-height-state="double"] {
    min-height: 178px;
  }

  .Badge_badge__3y134[data-mobile-height-state="triple"] {
    min-height: 225px;
  }

  .Badge_visualRail___inT7 {
    width: 92px;
    min-height: 132px;
    height: auto;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    padding-left: 0;
  }

  .Badge_badge__3y134[data-mobile-height-state="double"] .Badge_visualRail___inT7 {
    min-height: 178px;
  }

  .Badge_badge__3y134[data-mobile-height-state="triple"] .Badge_visualRail___inT7 {
    min-height: 225px;
  }

  .Badge_content__stoRS {
    align-items: stretch;
  }

  .Badge_textBlock__Lfdvk {
    display: flex;
    flex: 1 0 0;
    align-self: stretch;
    gap: var(--space-between-small);
    justify-content: center;
    padding: var(--padding-small);
  }

  .Badge_copyGroup__BksGG {
    gap: var(--space-between-xxsmall);
  }

  .Badge_copyGroup__BksGG:last-child {
    gap: 0;
  }

  .Badge_memberInfo__ABoma {
    gap: var(--space-between-xxsmall);
    margin-top: 0;
  }

  .Badge_memberName__6UAN2 {
    font-family: var(--typography-font-family-accent-header);
    font-size: var(--typography-font-size-accent-header-large);
    font-weight: 400;
    line-height: 1.1;
  }

  .Badge_memberLocation__RPXIt,
  .Badge_memberName__6UAN2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }

  .Badge_memberLocation__RPXIt {
    font-size: var(--typography-font-size-desktop-body-small);
    font-weight: var(--typography-font-weight-body);
    line-height: 1.5;
  }

  .Badge_contestDetails__nMhzF {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .Badge_separator__Uso9b {
    display: none;
  }

  .Badge_label__erglc,
  .Badge_title__2eSrA {
    font-family: var(--typography-font-family-body);
    font-size: var(--typography-font-size-desktop-body-small);
    font-weight: var(--typography-font-weight-body-bold);
    line-height: 1.5;
    letter-spacing: 0;
    text-transform: none;
  }

  .Badge_title__2eSrA {
    max-width: none;
    order: 2;
  }

  .Badge_label__erglc {
    display: inline;
    order: 1;
  }

  .Badge_text__7xixf {
    display: none;
  }

  .Badge_logoShell__HQl2q {
    width: var(--badge-shell-size);
    height: var(--badge-shell-size);
  }

  .Badge_logoShell__HQl2q:after {
    content: none;
  }

  .Badge_logoRing__ZIJe7 {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    width: 64px;
    height: 64px;
    transform: translate(-50%, -50%);
    pointer-events: none;
  }

  .Badge_logo__UYaOC {
    width: calc(100% - 16px);
    height: calc(100% - 16px);
  }

  .Badge_logoImage__i0kAk {
    display: flex;
    width: 42px;
    height: 40px;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
  }

  .Badge_logoImage__i0kAk img {
    width: 42px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .Badge_edge__gHOfl {
    right: calc((var(--badge-edge-width) - var(--badge-edge-overlap)) * -1);
    width: var(--badge-edge-width);
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    overflow: visible;
  }

  .Badge_edge__gHOfl:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    width: 1px;
    content: "";
  }

  .Badge_edgeImage__CSiwg img {
    -o-object-fit: fill;
    object-fit: fill;
  }
}

.ProductDescription_productDescriptionWrapper__1r6TH {
  display: flex;
  max-width: var(--columns-half-max-width);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-between-medium);
}

.ProductDescription_productDescriptionHeading__hPJEC {
  margin: 0;
  color: var(--component-pdp-product-content-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-medium);
  line-height: 120%;
}

.ProductDescription_productDescriptionContent__Q1rrO {
  color: var(--component-pdp-product-content-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.ProductDescription_productDescriptionContent__Q1rrO.rte p {
  margin-top: 0;
  font-size: var(--typography-font-size-desktop-body-large);
  line-height: 1.5;
}

.ProductDetails_productDetailsWrapper__9epZ8 {
  display: flex;
  max-width: var(--columns-half-max-width);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-between-medium);
}

.ProductDetails_productDetailsHeading__NGpMg {
  margin: 0;
  color: var(--component-pdp-product-content-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-medium);
  line-height: 1.2;
}

.ProductDetails_productDetailsGrid__WBQEU {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-spacing-8);
  margin: 0;
  padding: 0;
  width: 100%;
}

.ProductDetails_productDetailsRow__2Cl2F {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-spacing-8);
  line-height: 1.5;
  color: var(--component-pdp-product-content-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
}

.ProductDetails_productDetailsLabel__IooaR {
  font-weight: var(--typography-font-weight-body-bold);
  white-space: nowrap;
}

.ProductDetails_productDetailsValue__AiTP7 {
  font-weight: var(--typography-font-weight-body);
  margin: 0;
}

.PrepInstructions_prepInstructionsWrapper__uG_Xy {
  display: flex;
  max-width: var(--columns-half-max-width);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-between-medium);
  align-self: stretch;
}

.PrepInstructions_prepInstructionsHeading__bh_nS {
  padding: 0;
  margin: 0;
  color: var(--component-pdp-product-content-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-medium);
  line-height: 120%;
}

.PrepInstructions_prepInstructionsContent__jPVF2 {
  color: var(--component-pdp-product-content-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.ProductConsumerStatements_productConsumerStatementsHeading__HusAI {
  padding: 0;
  margin: 0 0 var(--space-between-medium);
  color: var(--component-pdp-product-content-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-medium);
  line-height: 120%;
}

.ProductConsumerStatements_productConsumerStatementsList__e_buw {
  display: flex;
  flex-direction: column;
  gap: var(--space-between-medium);
  list-style: none;
}

.ProductConsumerStatements_productConsumerStatementsItem__S3COC {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-between-small);
}

@media (min-width: 20rem) {
  .ProductConsumerStatements_productConsumerStatementsItem__S3COC {
    flex-wrap: nowrap;
  }
}

.ProductConsumerStatements_productConsumerStatementsIcon__g8Az0 {
  flex-shrink: 0;
  color: var(--component-pdp-product-content-color-icon);
}

.ProductConsumerStatements_productConsumerStatementsText__FEgQ5 {
  padding-top: 0.2em;
}

.ProductIngredients_productIngredientsContainer__tIdzm {
  display: flex;
  max-width: var(--columns-half-max-width);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-between-medium);
  align-self: stretch;
}

.ProductIngredients_productIngredientsHeading__dXmln {
  padding: 0;
  margin: 0;
  color: var(--component-pdp-product-content-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-medium);
  line-height: 120%;
}

.ProductIngredients_productIngredientsText__pb9PZ {
  font-weight: var(--typography-font-weight-body);
}

.ProductIngredients_productIngredientsAllergenStatementText__Lv_T9,
.ProductIngredients_productIngredientsText__pb9PZ {
  color: var(--component-pdp-product-content-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  line-height: 150%;
}

.ProductIngredients_productIngredientsAllergenStatementText__Lv_T9 {
  font-weight: var(--typography-font-weight-body-bold);
}

.ProductContentContainer_contentContainer__ls0cO {
  display: flex;
  position: relative;
  width: 100%;
  max-width: var(--columns-full-max-width);
  padding: var(--width-component-pdp-content-background-margin-y) var(--width-component-pdp-content-background-margin-x);
  margin: 0 auto;
  align-items: flex-start;
  gap: var(--space-between-large);
  background: var(--component-pdp-product-content-color-bg);
  z-index: 9;
}

.ProductContentContainer_contentActionToolbar__Y5Jcj {
  display: none;
}

@media (min-width: 48rem) {
  .ProductContentContainer_contentActionToolbar__Y5Jcj {
    display: flex;
    position: sticky;
    top: 10px;
  }
}

.ProductContentContainer_content__61IVH {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: var(--width-component-pdp-content-background-gap);
  flex: 1 0 0;
}

.ProductContentContainer_bottomRow__1f_S8,
.ProductContentContainer_topRow__VQfOL {
  display: flex;
  width: 100%;
  max-width: var(--columns-full-max-width);
  justify-content: center;
  padding: var(--width-component-pdp-content-surface-padding);
  align-content: flex-start;
  gap: var(--width-component-pdp-content-surface-gap);
  align-self: stretch;
  flex-wrap: wrap;
  border-radius: var(--other-pdp-content-radius);
  background: var(--component-pdp-product-content-color-surface);
}

.ProductContentContainer_topRow__VQfOL {
  flex-direction: column;
  align-items: flex-start;
}

@media (min-width: 48rem) {
  .ProductContentContainer_topRow__VQfOL {
    flex-direction: row;
  }
}

.ProductContentContainer_bottomRow__1f_S8 {
  position: relative;
  flex-direction: column;
  align-items: center;
}

.ProductContentContainer_bottomInnerRow__cdWNR {
  width: 100%;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: var(--width-component-pdp-content-surface-gap);
  align-self: stretch;
  flex-wrap: wrap;
  flex-direction: column;
}

@media (min-width: 48rem) {
  .ProductContentContainer_bottomInnerRow__cdWNR {
    flex-direction: row;
  }
}

.ProductContentContainer_leftColumn__qVQqT {
  display: flex;
  max-width: var(--columns-half-max-width);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--width-component-pdp-content-surface-gap);
  flex: 1 0 0;
  width: 100%;
}

@media (min-width: 48rem) {
  .ProductContentContainer_leftColumn__qVQqT {
    min-width: var(--columns-full-min-width);
  }
}

.ProductContentContainer_rightColumn__qRrRX {
  display: flex;
  max-width: var(--columns-half-max-width);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--width-component-pdp-content-surface-gap);
  flex: 1 0 0;
  width: 100%;
}

@media (min-width: 48rem) {
  .ProductContentContainer_rightColumn__qRrRX {
    min-width: var(--columns-half-min-width);
  }
}

.ProductContentContainer_pdpNutritionWrapper__rB1Np {
  width: 100%;
  overflow-x: auto;
}

@media (min-width: 20rem) {
  .ProductContentContainer_pdpNutritionWrapper__rB1Np {
    overflow-x: visible;
  }
}

.ProductContentContainer_pdpNutritionInner__wZLV7 {
  /* min-width: 20rem; */
  min-width: 32rem;
}

.ProductContentContainer_variantDropdown__17PhQ {
  display: flex;
  max-width: var(--columns-one-fourth-max-width);
  margin: 0 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}

.ProductAllergenStatement_productAllergenStatementContainer__skCo5 {
  display: flex;
  max-width: var(--columns-half-max-width);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-general-gutter);
  align-self: stretch;
}

.ProductAllergenStatement_productAllergenStatementHeading__GYSoa {
  padding: 0;
  margin: 0;
  color: var(--component-pdp-product-content-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-medium);
  line-height: 120%;
}

.ProductAllergenStatement_productAllergenStatementTextForNAF__Yo9Yy,
.ProductAllergenStatement_productAllergenStatementText__GbbX8 {
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  line-height: 150%;
}

.ProductAllergenStatement_productAllergenStatementText__GbbX8 {
  color: var(--component-pdp-product-content-color-body);
  font-weight: var(--typography-font-weight-body-bold);
}

.ProductAllergenStatement_productAllergenStatementTextForNAF__Yo9Yy {
  color: var(--component-content-grid-color-body);
  font-weight: var(--typography-font-weight-body);
}

.ProductAllergenStatement_productAllergenStatementList__bZ8bF {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-spacing-16);
  margin: 0;
  padding: 0;
  list-style-position: inside;
}

.ProductDisclaimer_productDisclaimer__oiLxm {
  display: flex;
  max-width: var(--columns-half-max-width);
  padding: var(--padding-small);
  justify-content: center;
  align-items: flex-start;
  gap: var(--space-between-large);
  border-radius: var(--general-radius-base);
  border: 2px solid var(--component-pdp-product-content-color-surface-border);
  background: var(--component-pdp-product-content-color-surface);
}

@media (min-width: 20rem) and (max-width: 47.9375rem) {
  .ProductDisclaimer_productDisclaimer__oiLxm {
    display: flex;
    min-width: var(--columns-half-min-width);
    max-width: var(--columns-half-max-width);
    padding: var(--padding-small);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-between-medium);
    align-self: stretch;
  }
}

@media (min-width: 48rem) and (max-width: 74.9375rem) {
  .ProductDisclaimer_productDisclaimer__oiLxm {
    display: flex;
    min-width: var(--columns-half-min-width);
    max-width: var(--columns-half-max-width);
    padding: var(--padding-small);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-between-medium);
  }
}

.ProductDisclaimer_productDisclaimerText__fQcPC {
  color: var(--component-pdp-product-content-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.K12RegulatoryDocs_k12RegulatoryDocsContainer__maY2F {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-between-medium);
  width: 100%;
}

.K12RegulatoryDocs_k12RegulatoryDocsContent__JOklB {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 828px;
  min-width: 320px;
  width: 100%;
}

.K12RegulatoryDocs_k12RegulatoryDocsHeading__1vW1C {
  padding: 0;
  margin: 0;
  color: var(--component-pdp-product-content-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-medium);
  font-weight: var(--typography-font-weight-medium);
  font-style: normal;
  line-height: 1.2;
  width: 100%;
}

.K12RegulatoryDocs_k12RegulatoryDocsLinkList__JJ9Wl {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-right: var(--spacing-spacing-24);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-spacing-2);
}

.K12RegulatoryDocs_k12RegulatoryDocsItem__of7FK {
  display: flex;
  align-items: center;
}

.K12RegulatoryDocs_k12RegulatoryDocsLink__kUiev {
  display: flex;
  align-items: center;
  gap: var(--component-cta-size-base-space-between);
  padding: var(--component-cta-size-base-padding-y) 0;
  color: var(--component-cta-color-brand-ghost-enabled-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-weight: var(--typography-font-weight-button);
  font-style: normal;
  line-height: 1.5;
  text-decoration: underline;
  text-decoration-color: var(--component-cta-color-brand-ghost-enabled-text);
  text-decoration-thickness: 2px;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

.K12RegulatoryDocs_k12RegulatoryDocsLink__kUiev:hover {
  text-decoration: none;
}

.K12RegulatoryDocs_k12RegulatoryDocsLink__kUiev:focus-visible {
  outline: 2px solid var(--component-cta-color-brand-ghost-enabled-text);
  outline-offset: 2px;
  border-radius: 2px;
}

.ProductRelatedResources_productRelatedResourcesContainer__QVl0n {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-between-medium);
  width: 100%;
}

.ProductRelatedResources_productRelatedResourcesContent__1Iaks {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 828px;
  min-width: 320px;
  width: 100%;
}

.ProductRelatedResources_productRelatedResourcesHeading__c0Tfs {
  padding: 0;
  margin: 0;
  color: var(--component-pdp-product-content-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-medium);
  font-weight: var(--typography-font-weight-medium);
  font-style: normal;
  line-height: 1.2;
  width: 100%;
}

.ProductRelatedResources_productRelatedResourcesLinkList__nCn16 {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-right: var(--spacing-spacing-24);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-spacing-2);
}

.ProductRelatedResources_productRelatedResourcesItem__mHq4B {
  display: flex;
  align-items: center;
}

.ProductRelatedResources_productRelatedResourcesLink__HNGMa {
  display: flex;
  align-items: center;
  gap: var(--component-cta-size-base-space-between);
  padding: var(--component-cta-size-base-padding-y) 0;
  color: var(--component-cta-color-brand-ghost-enabled-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-weight: var(--typography-font-weight-button);
  font-style: normal;
  line-height: 1.5;
  text-decoration: underline;
  text-decoration-color: var(--component-cta-color-brand-ghost-enabled-text);
  text-decoration-thickness: 2px;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

.ProductRelatedResources_productRelatedResourcesLink__HNGMa:hover {
  text-decoration: none;
}

.ProductRelatedResources_productRelatedResourcesLink__HNGMa:focus-visible {
  outline: 2px solid var(--component-cta-color-brand-ghost-enabled-text);
  outline-offset: 2px;
  border-radius: 2px;
}

.ProductHero_productHeroWrapper__iy334 {
  display: flex;
  max-width: var(--spacing-columns-desktop-full-max-width);
  padding: var(--spacing-spacing-32);
  flex-direction: column;
  gap: var(--spacing-spacing-24);
  justify-content: center;
  margin: auto;
}

@media (min-width: 20rem) {
  .ProductHero_productHeroWrapper__iy334 {
    align-items: center;
  }
}

@media (min-width: 75rem) {
  .ProductHero_productHeroWrapper__iy334 {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "image details-top" "image ctas" "image details-bottom";
    align-items: start;
    max-width: var(--columns-full-max-width);
    padding: var(--spacing-spacing-48) var(--spacing-general-margin-x);
    gap: 24px;
  }
}

.ProductHero_productHeroDetails__mwAvk {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--spacing-spacing-16);
  order: 0;
}

@media (min-width: 75rem) {
  .ProductHero_productHeroDetails__mwAvk {
    justify-content: flex-start;
    grid-area: details-top;
  }
}

.ProductHero_productHeroDetailsBottom__tujRz {
  order: 3;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

@media (min-width: 75rem) {
  .ProductHero_productHeroDetailsBottom__tujRz {
    grid-area: details-bottom;
    align-self: stretch;
    justify-content: flex-end;
  }
}

@media (max-width: 74.9375rem) {
  .ProductHero_productHeroBreadcrumbDesktop__XrL1i,
  .ProductHero_productHeroDetailsDesktop__BIU_C {
    display: none;
  }
}

.ProductHero_productHeroTitleWrapper__VK25W {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-spacing-16);
}

@media (min-width: 48rem) and (max-width: 74.9375rem) {
  .ProductHero_productHeroTitleWrapper__VK25W {
    align-items: center;
  }
}

.ProductHero_productHeroMetaDataTagWrapper__pbr5L {
  display: flex;
  align-items: flex-start;
}

@media (min-width: 48rem) and (max-width: 74.9375rem) {
  .ProductHero_productHeroMetaDataTagWrapper__pbr5L {
    align-self: center;
  }
}

.ProductHero_productHeroTitleWrapperPadding__ouS5f {
  padding-top: var(--spacing-spacing-16);
  padding-bottom: var(--spacing-spacing-16);
}

.ProductHero_productHeroTitle__ohekm {
  color: var(--component-hero-product-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-xlarge);
  font-style: normal;
  font-weight: var(--typography-font-weight-xlarge);
  line-height: 110%;
  margin: 0;
  word-break: break-word;
}

@media (min-width: 48rem) and (max-width: 74.9375rem) {
  .ProductHero_productHeroTitle__ohekm {
    text-align: center;
  }
}

.ProductHero_productHeroTitleSup__nH3sV {
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  top: -0.4em;
}

.ProductHero_productHeroInfo__BhbYL {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--space-between-xxsmall) var(--space-between-xsmall);
  color: var(--component-hero-product-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

@media (min-width: 48rem) and (max-width: 74.9375rem) {
  .ProductHero_productHeroInfo__BhbYL {
    justify-content: center;
    width: 100%;
  }
}

.ProductHero_productHeroInfoItem__SHQvh {
  display: flex;
  align-items: center;
  gap: var(--space-between-xxsmall);
}

.ProductHero_productHeroInfoLabel__76TCK,
.ProductHero_productHeroInfoSeparator__qYIoM,
.ProductHero_productHeroInfoValue__K6Pql {
  color: inherit;
  font: inherit;
}

.ProductHero_productHeroInfoSeparator__qYIoM {
  line-height: 1;
}

.ProductHero_productHeroCtaContainer__qqp2v {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-spacing-16);
  justify-content: flex-start;
  order: 2;
  width: 100%;
}

@media (max-width: 74.9375rem) {
  .ProductHero_productHeroCtaContainer__qqp2v {
    justify-content: center;
  }
}

@media (min-width: 48rem) and (max-width: 74.9375rem) {
  .ProductHero_productHeroCtaContainer__qqp2v {
    width: 100%;
  }
}

@media (min-width: 75rem) {
  .ProductHero_productHeroCtaContainer__qqp2v {
    grid-area: ctas;
    width: auto;
  }
}

.ProductHero_productHeroPearWidget__iuafc {
  display: flex;
  padding-bottom: var(--spacing-spacing-12);
  justify-content: center;
  align-items: flex-start;
  gap: var(--spacing-spacing-16);
}

.ProductHero_productHeroThumbnailGrid__Y9_YP {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 16px var(--spacing-spacing-16);
  align-self: stretch;
  flex-wrap: wrap;
  order: 1;
}

.ProductHero_productHeroImageContainer__2oo4V {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  padding: var(--spacing-spacing-24);
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-spacing-24);
  border-radius: var(--component-hero-container-desktop-radius);
  background: var(--component-hero-product-color-image-surface);
  order: 1;
  max-width: 800px;
}

@media (min-width: 48rem) {
  .ProductHero_productHeroImageContainer__2oo4V {
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media (min-width: 75rem) {
  .ProductHero_productHeroImageContainer__2oo4V {
    grid-area: image;
  }
}

@media (max-width: 75rem) {
  .ProductHero_productHeroImageContainer__2oo4V {
    order: 1;
  }
}

.ProductHero_productHeroImageContainer__2oo4V.ProductHero_singleImage__r_Fsb {
  min-width: var(--width-component-hero-product-image-min-width);
  padding: var(--spacing-spacing-24) var(--width-component-hero-product-image-padding);
  border-radius: var(--component-hero-container-mobile-radius);
  flex: 1 0 0;
}

.ProductHero_productHeroImage__EhPUv {
  aspect-ratio: 1/1;
  align-items: center;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: min(256px, 100%);
  max-height: min(256px, 100%);
  order: 0;
}

@media (min-width: 48rem) {
  .ProductHero_productHeroImage__EhPUv {
    max-width: min(400px, 100%);
    max-height: min(400px, 100%);
  }
}

@media (min-width: 75rem) {
  .ProductHero_productHeroImage__EhPUv {
    max-height: min(480px, 100%);
    max-width: min(480px, 100%);
    order: 1;
  }
}

.ProductHero_productHeroThumbnailList__HPd5k {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px var(--spacing-spacing-16);
  margin: 0;
  padding: 0;
}

@media (min-width: 48rem) {
  .ProductHero_productHeroThumbnailList__HPd5k {
    flex-wrap: nowrap;
  }
}

.ProductHero_productHeroThumbnailListItem__IvKkE {
  max-height: 64px;
  max-width: 64px;
}

.ProductHero_productHeroThumbnailListItem__IvKkE :focus-visible {
  border-radius: 8px;
  outline: 2px solid var(--general-color-border-brand-2);
}

.ProductHero_productHeroThumbnailButton__M8FAc {
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
}

.ProductHero_productHeroThumbnail__vId5u {
  aspect-ratio: 1/1;
  min-height: 64px;
  min-width: 64px;
  flex: 1 0 0;
  display: flex;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--component-hero-product-color-image-border);
  gap: 10px;
}

.ProductHero_activeThumbnail__4vkih {
  border-radius: 8px;
  border: 2px solid var(--general-color-border-brand-2);
}

.ProductHero_productHeroSpacer__1WC0N {
  display: flex;
  height: 64px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}

.ProductHero_pearWidgetContainer__RnDQ8 {
  align-self: stretch;
}

@media (min-width: 75rem) {
  .ProductHero_pearWidgetContainer__RnDQ8 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
  }
}

.ProductHero_actionToolBarContainer__e_kqw {
  order: 4;
  display: flex;
  padding-top: var(--margin-xsmall);
}

@media (max-width: 74.9375rem) {
  .ProductHero_actionToolBarContainer__e_kqw {
    justify-content: center;
    align-items: center;
  }

  .ProductHero_centerAlignActionToolbar__rwgt7 {
    justify-content: center;
  }
}

.ProductHero_productHeroDecorWrapper__A82hI {
  max-width: var(--spacing-columns-desktop-full-max-width);
  margin: auto;
}

.ProductHeroDecor_decorWrapper__40sm2 {
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: end;
}

.ProductHeroDecor_decorColor__RBQ9l.ProductHeroDecor_decorStyleBettyCrocker__sBBXB,
.ProductHeroDecor_decorColor__RBQ9l.ProductHeroDecor_decorStylePillsbury__nSrwT {
  height: 100%;
  width: 100%;
}

.ProductHeroDecor_decorColor__RBQ9l.ProductHeroDecor_decorStyleBettyCrocker__sBBXB path,
.ProductHeroDecor_decorColor__RBQ9l.ProductHeroDecor_decorStylePillsbury__nSrwT path {
  fill: var(--component-hero-product-color-decor);
}

@media (min-width: 47.9375rem) {
  .ProductHeroDecor_decorColor__RBQ9l.ProductHeroDecor_decorStyleBettyCrocker__sBBXB path,
  .ProductHeroDecor_decorColor__RBQ9l.ProductHeroDecor_decorStylePillsbury__nSrwT path {
    fill: var(--component-hero-product-color-decor);
  }
}

.ProductHeroDecor_decorMarginAdjustment__QryPS {
  margin-bottom: -1px !important;
}

.Card_card__2A_PB {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
}

.Card_card_Center__8xH2U .Card_card__2A_PB {
  align-items: center;
  align-self: center;
}

.Card_card__2A_PB {
  padding: var(--component-cards-base-card-padding-y) var(--component-cards-base-card-padding-x);
  flex-direction: column;
  position: relative;
  isolation: isolate;
  height: 100%;
  border-radius: var(--general-radius-card);
  border: var(--component-cards-base-card-border-width) solid var(--component-cards-base-color-on-surface-border);
  background: var(--component-cards-base-color-on-surface-surface);
}

.Card_card__2A_PB.Card_nonInteractive__RpdL7 {
  border: none;
}

.Card_threePackCardsCard__lJFO5 {
  padding: 0;
}

.Card_cardContent__TJRa9 {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  align-self: stretch;
}

.Card_cardLabelWrapper__Wep1s {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.Card_card_Center__8xH2U .Card_cardLabelWrapper__Wep1s {
  align-items: center;
  align-self: center;
}

.Card_cardLabelWrapper__Wep1s {
  position: absolute;
  top: 0;
  left: 0;
  padding: var(--component-cards-base-card-label-margin) 0 0 var(--component-cards-base-card-label-margin);
  gap: 8px;
  background: var(--component-tag-static-color-fill-bg);
}

.Card_cardLabel__12GG9 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-spacing-4);
  padding: var(--spacing-spacing-4) var(--spacing-spacing-8);
  border-radius: var(--component-tag-static-radius-top-left) var(--component-tag-static-radius-top-right) var(--component-tag-static-radius-bottom-right) var(--component-tag-static-radius-bottom-left);
  background: var(--component-tag-static-color-fill-A-bg);
  color: var(--component-tag-static-color-fill-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.Card_cardLabel__12GG9.Card_cardLabel--fill__xtWhz {
  border-style: solid;
  border-width: 0;
}

.Card_cardLabel__12GG9.Card_cardLabel--outline__3gAdO {
  border-style: solid;
  border-width: var(--component-tag-static-border-width);
}

.Card_cardLabel__12GG9.Card_cardLabel--colorA__wTjEW.Card_cardLabel--fill__xtWhz {
  background: var(--component-tag-static-color-fill-A-bg);
  border-color: var(--component-tag-static-color-fill-A-border);
  color: var(--component-tag-static-color-fill-A-text);
}

.Card_cardLabel__12GG9.Card_cardLabel--colorA__wTjEW.Card_cardLabel--outline__3gAdO {
  background: var(--component-tag-static-color-outline-A-bg);
  border-color: var(--component-tag-static-color-outline-A-border);
  color: var(--component-tag-static-color-outline-A-text);
}

.Card_cardLabel__12GG9.Card_cardLabel--colorB__4LyvB.Card_cardLabel--fill__xtWhz {
  background: var(--component-tag-static-color-fill-B-bg);
  border-color: var(--component-tag-static-color-fill-B-border);
  color: var(--component-tag-static-color-fill-B-text);
}

.Card_cardLabel__12GG9.Card_cardLabel--colorB__4LyvB.Card_cardLabel--outline__3gAdO {
  background: var(--component-tag-static-color-outline-B-bg);
  border-color: var(--component-tag-static-color-outline-B-border);
  color: var(--component-tag-static-color-outline-B-text);
}

.Card_cardImageWrapper__p3i8M {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.Card_card_Center__8xH2U .Card_cardImageWrapper__p3i8M {
  align-items: center;
  align-self: center;
}

.Card_cardImageWrapper__p3i8M {
  border-radius: var(--general-radius-image);
  overflow: hidden;
  -o-object-fit: contain;
  object-fit: contain;
  min-width: 150px;
}

.Card_cardImageWrapper--whiteBackground__2EaaF {
  background: var(--color-grayscale-white);
}

.Card_cardImage__voZ_h {
  width: 100%;
  margin: 0 auto;
  border-radius: var(--general-radius-image);
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
}

.Card_cardImage__voZ_h img {
  -o-object-fit: contain;
  object-fit: contain;
  height: 100%;
  width: 100%;
}

.Card_cardImage--vertical__U4qsO {
  height: 100%;
  width: 100%;
}

.Card_image--1-1__LxlPd {
  aspect-ratio: 1/1;
}

.Card_image--3-2__tTMXN {
  aspect-ratio: 3/2;
}

.Card_image--16-9__CchGF {
  aspect-ratio: 16/9;
}

.Card_image--9-16__0irD1 {
  aspect-ratio: 9/16;
}

.Card_image--2-1__sgpq3 {
  aspect-ratio: 2/1;
}

.Card_image--4-3__G0WeE {
  aspect-ratio: 4/3;
}

.Card_image--7-10__QIEmA {
  aspect-ratio: 7/10;
}

.Card_cardBody__Ujr2i {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.Card_card_Center__8xH2U .Card_cardBody__Ujr2i {
  align-items: center;
  align-self: center;
}

.Card_cardBody__Ujr2i {
  padding: var(--component-cards-base-copy-padding-y) var(--component-cards-base-copy-padding-x);
}

.Card_cardBody_manageFavorites__VqX5f {
  width: 100%;
  flex: 1 1 auto;
}

.Card_cardBodyCopy__FnZd2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.Card_card_Center__8xH2U .Card_cardBodyCopy__FnZd2 {
  align-items: center;
  align-self: center;
}

.Card_cardBodyCopy_manageFavorites__jWr4x {
  width: 100%;
  flex: 1 1 auto;
  min-height: 100%;
}

.Card_cardBodyEyebrow__Tn_X8 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-self: stretch;
}

.Card_card_Center__8xH2U .Card_cardBodyEyebrow__Tn_X8 {
  align-items: center;
  align-self: center;
}

.Card_cardBodyEyebrow__Tn_X8 {
  padding-bottom: var(--space-between-xsmall);
  gap: var(--space-between-xsmall);
  color: var(--component-cards-base-color-on-surface-title);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.Card_cardBodyTitleWrapper___cOvs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.Card_card_Center__8xH2U .Card_cardBodyTitleWrapper___cOvs {
  align-items: center;
  align-self: center;
}

.Card_cardBodyTitleWrapper___cOvs {
  gap: var(--space-between-xxsmall);
  flex-wrap: wrap;
}

.Card_cardBodyTitleBlock__xZ7_2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.Card_card_Center__8xH2U .Card_cardBodyTitleBlock__xZ7_2 {
  align-items: center;
  align-self: center;
}

.Card_cardBodyTitleBlock__xZ7_2 {
  gap: var(--space-between-xxsmall);
}

.Card_card_Center__8xH2U .Card_cardBodyProductNumber__nNwpY {
  text-align: center;
}

.Card_cardBodyProductNumber__nNwpY {
  color: var(--component-cards-base-color-on-surface-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.Card_cardBodyTitle__K8pMV {
  display: flex;
  justify-content: center;
  align-items: center;
}

.Card_card_Center__8xH2U .Card_cardBodyTitle__K8pMV {
  text-align: center;
}

.Card_cardBodyTitleFullCardLink__Z_NyO,
.Card_cardBodyTitle__K8pMV {
  color: var(--component-cards-base-color-on-surface-title);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-xlarge);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.Card_cardBodyTitleFullCardLink__Z_NyO {
  text-decoration-line: none;
  text-decoration-color: var(--component-cards-base-color-on-surface-title-underline);
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  text-underline-position: from-font;
  text-decoration-thickness: 2px;
  border-radius: var(--component-cta-radius);
}

.Card_cardBodyTitleFullCardLink__Z_NyO svg.Card_cta-icon-default__V7ezr {
  color: var(--component-cards-base-color-on-surface-title);
}

.Card_cardBodyTitleFullCardLink__Z_NyO svg.Card_cta-icon-default__V7ezr path {
  fill: var(--component-cards-base-color-on-surface-title);
}

.Card_cardBodyTitleFullCardLink__Z_NyO:focus,
.Card_cardBodyTitleFullCardLink__Z_NyO:focus svg.Card_cta-icon-default__V7ezr,
.Card_cardBodyTitleFullCardLink__Z_NyO:hover,
.Card_cardBodyTitleFullCardLink__Z_NyO:hover svg.Card_cta-icon-default__V7ezr {
  color: var(--component-cards-base-color-on-surface-title-hover);
}

.Card_cardBodyTitleFullCardLink__Z_NyO:focus svg.Card_cta-icon-default__V7ezr path,
.Card_cardBodyTitleFullCardLink__Z_NyO:hover svg.Card_cta-icon-default__V7ezr path {
  fill: var(--component-cards-base-color-on-surface-title-hover);
}

.Card_cardBodyTitleFullCardLink__Z_NyO:active {
  outline: none;
}

.Card_cardBodyTitleFullCardLink__Z_NyO:focus {
  outline: none;
  outline-offset: 3px;
  text-decoration-line: underline;
}

.Card_cardBodyTitleFullCardLink__Z_NyO:hover {
  text-decoration-line: underline;
}

.Card_cardBodyTitleFullCardLink__Z_NyO:disabled {
  opacity: var(--component-cta-color-brand-cta-outline-disabled-opacity);
}

.Card_cardBodyTitleFullCardLink__Z_NyO:before {
  content: " ";
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.editing-mode .Card_cardBodyTitleFullCardLink__Z_NyO:before {
  content: none;
}

.Card_cardBodyTitleFullCardLink__Z_NyO:focus-visible:before {
  border-radius: var(--general-radius-card-focus);
  box-shadow: 0 0 0 2px var(--component-cards-base-color-on-surface-surface);
  outline: var(--component-cards-base-card-border-width-focus) solid var(--component-cards-base-color-on-surface-border-focus);
  outline-offset: 2px;
}

.Card_cardBodyTitleFullCardLink__Z_NyO:focus:not(:focus-visible) {
  color: var(--component-cards-base-color-on-surface-title);
  text-decoration-line: none;
  outline: none;
}

[data-pagination-focus-active="true"] .Card_cardBodyTitleFullCardLink__Z_NyO:focus:not(:focus-visible) {
  color: var(--component-cards-base-color-on-surface-title-hover);
  text-decoration-line: underline;
}

[data-pagination-focus-active="true"] .Card_cardBodyTitleFullCardLink__Z_NyO:focus:not(:focus-visible):before {
  border-radius: var(--general-radius-card-focus);
  box-shadow: 0 0 0 2px var(--component-cards-base-color-on-surface-surface);
  outline: var(--component-cards-base-card-border-width-focus) solid var(--component-cards-base-color-on-surface-border-focus);
  outline-offset: 2px;
}

.Card_cardBodyRatingsAndKitchenTested__qaCiu {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-self: stretch;
}

.Card_card_Center__8xH2U .Card_cardBodyRatingsAndKitchenTested__qaCiu {
  align-items: center;
  align-self: center;
}

.Card_cardBodyRatingsAndKitchenTested__qaCiu {
  padding-bottom: var(--space-between-xxsmall);
  gap: 0 var(--space-between-small);
  flex-wrap: wrap;
  width: 100%;
}

.Card_cardBodyRatings__NnYnm {
  flex-wrap: wrap;
  gap: var(--space-between-xxsmall);
  color: var(--component-cards-base-color-on-surface-subtitle);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.Card_cardBodyRatings__NnYnm,
.Card_ratingStarsWrapper__eqS2e {
  display: flex;
  align-items: center;
}

.Card_ratingStar__OmoeK {
  height: 14px;
  width: 14px;
}

@media screen and (min-width: 20rem) {
  .Card_ratingStar__OmoeK {
    height: 20px;
    width: 20px;
  }
}

.Card_recipeKitchenTestedTagWraper__h6Poo {
  display: flex;
  align-items: center;
  gap: var(--space-between-xsmall);
}

.Card_recipeKitchenTestedTagIcon__jk0F5 {
  height: 20px;
  width: 20px;
  color: var(--general-color-background-darkest);
}

.Card_recipeKitchenTestedTagText__lfseQ {
  color: var(--component-cards-base-color-on-surface-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.Card_cardBodyFastFacts__JWp8n {
  display: inline-flex;
  flex-wrap: wrap;
}

.Card_card_Center__8xH2U .Card_cardBodyFastFacts__JWp8n {
  text-align: center;
}

.Card_cardBodyFastFacts__JWp8n {
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: var(--space-between-xsmall);
  list-style: none;
  color: var(--component-cards-base-color-on-surface-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.Card_cardBodyFastFacts__JWp8n strong {
  font-weight: var(--typography-font-weight-body-bold);
}

.Card_cardBodyFastFacts__JWp8n li {
  display: flex;
  flex-wrap: wrap;
}

.Card_cardBodyFastFacts__JWp8n li:after {
  content: "|" /"";
  padding: 0 10px;
}

.Card_cardBodyFastFacts__JWp8n li:last-child:after {
  content: none;
}

.Card_cardBodyFastFacts__JWp8n.Card_cardBodyFastFactsColumn__XjDWI li {
  display: block;
}

.Card_cardBodyFastFacts__JWp8n.Card_cardBodyFastFactsColumn__XjDWI li:after {
  content: none;
}

.Card_recipeFastFact__txeGh {
  display: inline;
  white-space: normal;
}

.Card_cardBodyDescription__ZIQZJ {
  word-break: break-word;
  width: 100%;
  overflow: hidden;
}

.Card_card_Center__8xH2U .Card_cardBodyDescription__ZIQZJ {
  text-align: center;
}

.Card_cardBodyDescription__ZIQZJ {
  color: var(--component-cards-base-color-on-surface-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.Card_cardBodyDescription__ZIQZJ a {
  position: relative;
  z-index: 101;
}

.Card_card__2A_PB:focus-within .Card_cardBodyDescription__ZIQZJ {
  overflow: visible;
}

.Card_cardBodySaveCtaWrapper__pw1kN {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.Card_card_Center__8xH2U .Card_cardBodySaveCtaWrapper__pw1kN {
  align-items: center;
  align-self: center;
}

.Card_cardBodySaveCtaWrapper__pw1kN {
  padding: var(--component-cards-base-copy-padding-y) var(--component-cards-base-copy-padding-x);
  justify-content: flex-end;
}

.Card_cardBodyCtaWrapper__1OVwy {
  position: relative;
  z-index: 101;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.Card_card_Center__8xH2U .Card_cardBodyCtaWrapper__1OVwy {
  align-items: center;
  align-self: center;
}

.Card_cardBodyCtaWrapper__1OVwy {
  padding: calc(var(--space-between-xsmall) + var(--component-cta-size-base-padding-y)) 0 var(--component-cta-size-base-padding-y) 0;
  gap: var(--space-between-none) var(--space-between-medium);
}

.Card_cardBodyCtaWrapper_manageFavorites__KI1Mj {
  width: 100%;
  margin-top: auto;
}

.NewsletterSignup_newsletterSignup__eDYsG {
  display: flex;
  padding: var(--component-newsletter-sign-up-margin-y) var(--component-newsletter-sign-up-margin-x);
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: var(--component-newsletter-sign-up-gutter);
  flex-wrap: wrap;
  background: var(--component-newsletter-sign-up-color-bg);
}

.NewsletterSignup_contentWrapper__D8XpC {
  padding: var(--component-newsletter-sign-up-content-padding-y) var(--component-newsletter-sign-up-content-padding-x);
  align-items: center;
  align-content: center;
  gap: var(--component-newsletter-sign-up-gutter);
  flex: 1 0 0;
  flex-wrap: wrap;
  border-radius: var(--component-newsletter-sign-up-content-radius);
  background: var(--component-newsletter-sign-up-color-surface);
}

.NewsletterSignup_contentWrapper__D8XpC,
.NewsletterSignup_copyContainer__ykWDD {
  display: flex;
  min-width: var(--columns-full-min-width);
  max-width: var(--columns-full-max-width);
  justify-content: center;
}

.NewsletterSignup_copyContainer__ykWDD {
  padding: var(--component-newsletter-sign-up-copy-padding-y) var(--component-newsletter-sign-up-copy-padding-x);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-general-copy-margin-bottom);
  flex: 1 0 0;
  border-radius: var(--component-hero-recipe-copy-radius);
}

.NewsletterSignup_copyContainerNoImage__nRoal {
  flex-direction: row;
  align-items: stretch;
  padding: 0;
}

.NewsletterSignup_copy__luF2t {
  display: flex;
  max-width: var(--typography-copy-max-width);
  padding: 0 0 var(--spacing-general-copy-margin-bottom) 0;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.NewsletterSignup_copyNoImage__cfk4w {
  display: flex;
  min-width: var(--columns-half-min-width);
  max-width: var(--columns-full-max-width);
  padding: var(--component-newsletter-sign-up-copy-padding-y) var(--component-newsletter-sign-up-copy-padding-x);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--spacing-general-copy-margin-bottom);
  flex: 1 0 0;
}

.NewsletterSignup_headline__8um51 {
  padding-bottom: var(--spacing-general-title-margin-bottom);
  color: var(--component-newsletter-sign-up-color-title);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-weight: 700;
  line-height: 150%;
  font-size: var(--typography-font-size-header-xlarge);
  font-family: var(--typography-font-family-header);
  line-height: 110%;
}

.NewsletterSignup_description__FAycT,
.NewsletterSignup_headline__8um51 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-general-subtitle-margin-top);
  align-self: stretch;
  font-style: normal;
}

.NewsletterSignup_description__FAycT {
  padding: 0 0 var(--spacing-general-copy-margin-bottom) 0;
  color: var(--component-newsletter-sign-up-color-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-weight: 400;
  font-family: var(--typography-font-family-body);
  line-height: 150%;
}

.NewsletterSignup_formContainer__ti2XJ {
  width: -webkit-fill-available;
}

.NewsletterSignup_formContainerNoImage__P9ho4 {
  display: flex;
  min-width: var(--columns-half-min-width);
  max-width: var(--columns-one-third-max-width);
  padding: var(--padding-small) var(--component-newsletter-sign-up-copy-padding-x);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
}

.NewsletterSignup_form__TgTgf {
  display: flex;
  padding: var(--margin-xsmall) 0;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: var(--spacing-spacing-16);
}

.NewsletterSignup_emailLabel__rI3t2 {
  color: var(--componentTheme-surface-text-primary);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 700;
  font-family: var(--typography-font-family-body);
  line-height: 150%;
}

.NewsletterSignup_emailLabel__rI3t2,
.NewsletterSignup_inputRow__HcYR6 {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-spacing-4);
  align-self: stretch;
}

.NewsletterSignup_inputRow__HcYR6 {
  flex-direction: column;
}

.NewsletterSignup_emailInput__nzo57 {
  display: flex;
  height: 48px;
  padding: var(--spacing-spacing-4) var(--spacing-spacing-12);
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: var(--radius-radius-4);
  border: 2px solid var(--component-form-field-color-default-border);
  background: var(--component-search-field-default-bg);
  transition: border-color 0.2s ease-in-out;
}

.NewsletterSignup_emailInput__nzo57:focus {
  border: 2px solid var(--component-site-header-color-main-bar-mobile-link-link-underline);
  outline: none;
}

.NewsletterSignup_emailInput__nzo57::-moz-placeholder {
  display: flex;
  align-items: center;
  gap: var(--spacing-spacing-8);
  flex: 1 0 0;
  align-self: stretch;
}

.NewsletterSignup_emailInput__nzo57::placeholder {
  display: flex;
  align-items: center;
  gap: var(--spacing-spacing-8);
  flex: 1 0 0;
  align-self: stretch;
}

.NewsletterSignup_selectWrapper__TjLeT {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  border-radius: var(--radius-radius-4);
  border: 2px solid var(--component-form-field-color-default-border);
  background: var(--component-search-field-default-bg);
  transition: border-color 0.2s ease-in-out;
}

.NewsletterSignup_selectWrapper__TjLeT:focus-within {
  border: 2px solid var(--component-site-header-color-main-bar-mobile-link-link-underline);
}

.NewsletterSignup_businessIndustrySelect__mm0G1 {
  width: 100%;
  height: 48px;
  padding: var(--spacing-spacing-4) 44px var(--spacing-spacing-4) var(--spacing-spacing-12);
  border: 0;
  background: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  color: var(--component-search-field-default-search-text);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 400;
  font-family: var(--typography-font-family-body);
  line-height: 150%;
}

.NewsletterSignup_businessIndustrySelect__mm0G1:disabled {
  cursor: not-allowed;
}

.NewsletterSignup_businessIndustrySelect__mm0G1:focus {
  outline: none;
}

.NewsletterSignup_selectIcon__2qMPI {
  position: absolute;
  right: var(--spacing-spacing-12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--general-color-fill-darkest);
  pointer-events: none;
}

.NewsletterSignup_emailInputErrorHighlight__sRe42 {
  border-radius: var(--radius-radius-4);
  border: 2px solid var(--color-system-error-500);
  background: var(--component-search-field-default-bg);
}

.NewsletterSignup_emailInputError__D0JjV {
  color: var(--color-system-error-500);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 400;
  font-family: var(--typography-font-family-body);
  line-height: 150%;
}

.NewsletterSignup_serverErrorContainer__XfKoh {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  padding-top: var(--spacing-spacing-16);
}

@media (max-width: 47.9375rem) {
  .NewsletterSignup_serverErrorContainer__XfKoh {
    padding-top: var(--spacing-spacing-12);
  }
}

.NewsletterSignup_serverErrorMessage__v7rU5 {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  padding: 8px;
  flex: 1 0 0;
  background: var(--color-system-error-100);
}

.NewsletterSignup_serverErrorIcon___vcV5 {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-template-rows: repeat(1, minmax(0, 1fr));
  overflow: clip;
  flex-shrink: 0;
  color: var(--color-system-error-500);
}

.NewsletterSignup_serverErrorContent__J5Tc0 {
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  flex: 1 0 0;
  line-height: 0;
}

.NewsletterSignup_serverErrorContent__J5Tc0,
.NewsletterSignup_serverErrorHeading__2QG7h {
  display: flex;
  justify-content: center;
  color: var(--color-system-error-500);
  font-size: var(--typography-font-size-desktop-body-medium);
}

.NewsletterSignup_serverErrorHeading__2QG7h {
  flex-direction: column;
  align-self: stretch;
  font-family: var(--typography-font-family-body);
  font-weight: var(--typography-font-weight-body-bold);
  line-height: 150%;
}

.NewsletterSignup_serverErrorBody__70jbz {
  flex-direction: column;
  justify-content: center;
  font-weight: var(--typography-font-weight-body);
  color: var(--color-system-error-500);
}

.NewsletterSignup_serverErrorBody__70jbz,
.NewsletterSignup_submitButton__WaSXD {
  display: flex;
  align-self: stretch;
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  line-height: 150%;
}

.NewsletterSignup_submitButton__WaSXD {
  padding-top: var(--margin-xsmall);
  align-items: flex-start;
  align-content: flex-start;
  gap: 8px var(--space-between-xsmall);
  flex-wrap: wrap;
  color: var(--component-cta-color-brand-fill-enabled-text);
  font-style: normal;
  font-weight: 700;
  text-align: center;
}

.NewsletterSignup_legalText__yhz4y {
  display: flex;
  padding: 0 0 var(--spacing-general-copy-margin-bottom) 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-general-subtitle-margin-top);
  align-self: stretch;
}

.NewsletterSignup_successState__vrrM2 {
  margin-top: 24px;
}

.NewsletterSignup_successHeadline__44nBr {
  color: var(--component-newsletter-sign-up-color-title);
  font-size: var(--typography-font-size-desktop-body-large);
  font-weight: 700;
}

.NewsletterSignup_successDescription__n9fsV,
.NewsletterSignup_successHeadline__44nBr {
  margin-bottom: 12px;
  font-family: var(--typography-font-family-body);
  font-style: normal;
  line-height: 150%;
}

.NewsletterSignup_successDescription__n9fsV {
  color: var(--component-newsletter-sign-up-color-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-weight: 400;
  line-height: 1.6;
}

.NewsletterSignup_loginLink__Zg_wp {
  display: flex;
  padding: var(--component-cta-size-base-padding-y) 0;
  align-items: center;
  gap: var(--component-cta-size-base-space-between);
  text-align: start;
  color: var(--component-cta-color-brand-ghost-enabled-text);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 700;
  font-family: var(--typography-font-family-body);
  line-height: 150%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-color: var(--interactiveTheme-button-ghost-link);
  text-decoration-thickness: 2px;
  text-underline-offset: 23%;
  text-underline-position: from-font;
}

.NewsletterSignup_imageWrapper__5ou2j {
  display: flex;
  width: 100%;
  min-width: var(--columns-half-min-width);
  max-width: var(--columns-half-max-width);
  padding: var(--component-newsletter-sign-up-image-padding-y) var(--component-newsletter-sign-up-image-padding-x);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  border-radius: var(--component-hero-recipe-image-imageRight-radius-top-left) var(--component-hero-recipe-image-imageRight-radius-top-right)
    var(--component-hero-recipe-image-imageRight-radius-bottom-right) var(--component-hero-recipe-image-imageRight-radius-bottom-left);
  aspect-ratio: 680/453.33;
}

.NewsletterSignup_imageWrapper__5ou2j img {
  width: inherit;
}

.NewsletterSignup_subscribedMessage__kra6d {
  flex: 1 0 0;
  color: var(--component-newsletter-sign-up-color-title);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  font-family: var(--typography-font-family-header);
  line-height: 120%;
}

@media (min-width: 48rem) and (max-width: 74.9375rem) {
  .NewsletterSignup_inner__9HIzu {
    gap: 32px;
  }
}

@media (max-width: 47.9375rem) {
  .NewsletterSignup_copyContainerNoImage__nRoal {
    flex-direction: column;
  }

  .NewsletterSignup_formContainerNoImage__P9ho4 {
    max-width: none;
    padding: 0;
    width: 100%;
  }

  .NewsletterSignup_inner__9HIzu {
    grid-template-columns: 1fr;
  }

  .NewsletterSignup_imageWrapper__5ou2j {
    order: 2;
  }

  .NewsletterSignup_content___o5WQ {
    order: 1;
  }

  .NewsletterSignup_headline__8um51 {
    color: var(--component-newsletter-sign-up-color-title);
    font-family: var(--typography-font-family-header);
    font-size: var(--typography-font-size-header-xlarge);
    font-style: normal;
    font-weight: var(--typography-font-weight-xlarge);
    line-height: 110%;
  }
}

.NewsletterSignup_requiredField__L_m4B {
  color: var(--component-my-account-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.SocialBar_socialBar__bWlI4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-between-large);
  padding: var(--component-social-bar-margin-y) var(--component-social-bar-margin-x);
  background-color: var(--component-social-bar-color-bg);
}

@media (min-width: 48rem) {
  .SocialBar_socialBar__bWlI4 {
    flex-direction: row;
  }
}

.SocialBar_socialBarHeading__jfDjH {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-large);
  font-style: normal;
  font-weight: var(--typography-font-weight-large);
  line-height: 120%;
  color: var(--general-color-text-dark);
}

.SocialBar_socialBarList__XAbsC {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  gap: var(--spacing-general-buttons-space-between);
  margin: 0;
  padding: 0;
}

.SocialBar_socialBarListItem__tk_aV {
  line-height: 1;
}

.SocialBar_socialBarItem___be7f {
  display: block;
  padding: 4px;
  transition: scale 0.25s;
}

.SocialBar_socialBarItem___be7f:focus-visible {
  outline-offset: 2px;
}

.SocialBar_socialBarItem___be7f:hover {
  scale: 1.2;
}

.SocialBar_socialBarIcon__5KKYJ {
  display: block;
}

.SearchDropDown_dropdownList__apHLg {
  position: absolute;
  top: 100%;
  left: -2px;
  z-index: 3;
  background: var(--component-search-field-dropdown-bg-default);
  border: 1px solid var(--component-search-field-dropdown-border);
  padding-bottom: var(--padding-xsmall);
  display: flex;
  flex-direction: column;
  margin: 0;
  padding-top: 0;
  list-style: none;
}

.SearchDropDown_dropdownList__apHLg:popover-open {
  position: fixed;
  inset: unset;
  margin: 0;
}

.SearchDropDown_dropdownItem__wGiB0 {
  display: block;
  width: 100%;
  background: var(--component-search-field-dropdown-bg-default);
  padding: var(--spacing-spacing-8) var(--spacing-spacing-16) var(--spacing-spacing-8) var(--spacing-spacing-40);
  text-align: left;
  cursor: pointer;
  list-style: none;
}

.SearchDropDown_dropdownItem__wGiB0.SearchDropDown_active__5kZVs,
.SearchDropDown_dropdownItem__wGiB0:hover {
  background: var(--component-search-field-dropdown-bg-hover);
}

.SearchDropDown_dropdownItem__wGiB0:focus-visible {
  outline: 2px solid var(--component-search-field-dropdown-border);
  outline-offset: -2px;
}

.SearchDropDown_dropdownItem__wGiB0:active {
  background: var(--component-search-field-dropdown-bg-pressed);
}

.SearchDropDown_dropdownText__qv0mG {
  color: var(--component-search-field-default-search-text);
  font-weight: var(--typography-font-weight-body);
}

.SearchDropDown_dropdownText__qv0mG,
.SearchDropDown_match__iDSZT {
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  line-height: 150%;
}

.SearchDropDown_match__iDSZT {
  font-weight: var(--typography-font-weight-button);
}

.Header_header__tmQAe {
  display: flex;
  flex-direction: column;
  position: relative;
}

.Header_headerDesktop__X_7hH {
  display: none;
}

@media screen and (min-width: 74.9375rem) {
  .Header_headerDesktop__X_7hH {
    display: flex;
  }
}

.Header_headerMobile__mk69r {
  display: flex;
  width: 100%;
}

@media screen and (min-width: 74.9375rem) {
  .Header_headerMobile__mk69r {
    display: none;
  }
}

.Header_primaryLinksWrapper__c5aaC {
  display: flex;
  flex-direction: column;
}

.Header_headerUtilityBarContainer___01pa {
  background: var(--component-site-header-color-utility-bar-bg);
}

@media print {
  .Header_headerUtilityBarContainer___01pa {
    background: none;
  }
}

.Header_headerUtilityBar__Mc9mp {
  display: flex;
  padding: var(--component-site-header-padding-y) var(--component-site-header-padding-x);
  justify-content: space-between;
  align-items: center;
  position: relative;
  flex: 1 0 0;
  border-radius: var(--general-radius-none);
  border-bottom: 1px solid var(--component-site-header-color-utility-bar-bottom-border);
  width: 100%;
  max-width: var(--screen-dimensions-max-width);
  margin: 0 auto;
}

.Header_headerUtilityBar__Mc9mp .Header_headerUtilityBarLogo__v0B_3 {
  display: flex;
  align-items: center;
  order: 0;
}

@media screen and (max-width: 47.9375rem) {
  .Header_headerUtilityBar__Mc9mp .Header_headerUtilityBarLogo__v0B_3 {
    flex: 1 1 0;
    min-width: 0;
    max-width: var(--component-site-header-main-bar-logo-width-small);
  }
}

.Header_headerUtilityBar__Mc9mp .Header_headerUtilityBarLogo__v0B_3 a {
  display: inline-block;
  flex-shrink: 0;
  width: var(--component-site-header-main-bar-logo-width-small);
  line-height: 0;
  color: var(--general-color-fill-white);
}

@media screen and (max-width: 47.9375rem) {
  .Header_headerUtilityBar__Mc9mp .Header_headerUtilityBarLogo__v0B_3 a {
    width: 100%;
    max-width: 100%;
    flex-shrink: 1;
  }
}

@media screen and (min-width: 48rem) {
  .Header_headerUtilityBar__Mc9mp .Header_headerUtilityBarLogo__v0B_3 a {
    width: var(--component-site-header-main-bar-logo-width-large);
  }
}

.Header_headerUtilityBar__Mc9mp .Header_headerUtilityBarLogo__v0B_3 img,
.Header_headerUtilityBar__Mc9mp .Header_headerUtilityBarLogo__v0B_3 svg {
  width: 100%;
  height: auto;
}

@media print {
  .Header_headerUtilityBar__Mc9mp {
    background: none;
    border: none;
    padding: 0;
  }

  .Header_headerUtilityBar__Mc9mp .Header_headerUtilityBarLogo__v0B_3 {
    filter: grayscale(100%) invert(var(--component-print-image-print-logo-invert));
  }
}

@media screen and (min-width: 74.9375rem) {
  .Header_headerPrimaryLinkBar__MpRiM {
    padding: var(--component-site-header-padding-y) var(--component-site-header-padding-x);
    border-radius: var(--component-site-header-main-bar-radius);
    border-bottom: 1px solid var(--component-site-header-color-main-bar-desktop-bottom-border);
    background: var(--component-site-header-color-main-bar-desktop-bg);
    display: flex;
    justify-content: center;
  }
}

.Header_megaNavDrawer__vHnYw {
  position: absolute;
  right: 0;
  width: 100%;
  top: 100%;
  overflow: visible;
  max-width: var(--columns-full-max-width);
  background: var(--component-site-header-color-mega-menu-menu-bg);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 74.9375rem) {
  .Header_megaNavDrawer__vHnYw {
    max-width: var(--columns-full-max-width);
    position: static;
    transform: none;
    width: auto;
    height: auto;
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    transition: none;
  }
}

.Header_openDrawer__tJhoc .Header_megaNavDrawer__vHnYw {
  transform: rotateY(0);
  transform-origin: right center;
  transition: transform 0.3s ease-in-out;
  z-index: 1000;
}

@media screen and (min-width: 74.9375rem) {
  .Header_openDrawer__tJhoc .Header_megaNavDrawer__vHnYw {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: none;
  }
}

.Header_closedDrawer__M8hyr .Header_megaNavDrawer__vHnYw {
  transform-origin: right center;
  transform: rotateY(90deg);
  transition: transform 0.3s ease-in-out;
  z-index: 9;
}

@media screen and (min-width: 74.9375rem) {
  .Header_closedDrawer__M8hyr .Header_megaNavDrawer__vHnYw {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: none;
  }
}

.Header_headerPrimaryLinkBarList__r2Edm {
  display: flex;
  gap: var(--spacing-spacing-12);
  list-style: none;
  flex-direction: column;
  padding: var(--padding-xsmall) var(--padding-none);
  border-radius: var(--component-site-header-main-bar-radius);
  border-bottom: 1px solid var(--component-site-header-color-main-bar-mobile-bottom-border);
  background: var(--component-site-header-color-main-bar-mobile-bg);
}

@media screen and (min-width: 74.9375rem) {
  .Header_headerPrimaryLinkBarList__r2Edm {
    justify-content: center;
    flex-direction: row;
    gap: var(--component-site-header-main-bar-gap-links);
    border: none;
    background: rgba(0, 0, 0, 0);
    padding: 0;
  }
}

.Header_megaNavToggle__OEvbb {
  background: rgba(0, 0, 0, 0);
  border: none;
  color: var(--component-site-header-color-utility-bar-icon);
}

@media screen and (min-width: 74.9375rem) {
  .Header_megaNavToggle__OEvbb {
    display: none;
  }
}

.Header_headerMenuBarLink__QWbuo {
  display: flex;
  padding: var(--spacing-spacing-8) var(--spacing-spacing-12);
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-spacing-4);
  color: var(--component-site-header-color-main-bar-mobile-link-link-enabled);
  font-size: var(--typography-font-size-header-xsmall);
  font-family: var(--typography-font-family-header);
  font-style: normal;
  font-weight: var(--typography-font-weight-xsmall);
  line-height: normal;
  border: none;
  border-bottom: var(--component-site-header-main-bar-link-bottom-underline-border) solid rgba(0, 0, 0, 0);
  border-radius: var(--component-site-header-mega-menu-menu-item-radius);
  background: rgba(0, 0, 0, 0);
  width: 100%;
}

.Header_headerMenuBarLink__QWbuo:focus-visible {
  outline: var(--component-site-header-main-bar-link-bottom-underline-border) solid var(--component-site-header-color-main-bar-mobile-link-link-underline);
  outline-offset: -2px;
}

.Header_headerMenuBarLink__QWbuo:focus-visible[aria-pressed="true"] {
  border-radius: var(--component-site-header-mega-menu-menu-item-radius);
}

.Header_headerMenuBarLink__QWbuo[aria-pressed="true"] {
  border-bottom: var(--component-site-header-main-bar-link-bottom-underline-border) solid var(--component-site-header-color-main-bar-mobile-link-link-underline);
  border-radius: 0;
}

@media screen and (min-width: 74.9375rem) {
  .Header_headerMenuBarLink__QWbuo {
    justify-content: center;
    padding: var(--spacing-spacing-2);
    color: var(--component-site-header-color-main-bar-desktop-link-link-enabled);
    font-size: var(--typography-font-size-header-xxsmall);
    border-bottom: var(--component-site-header-main-bar-link-bottom-underline-border) solid rgba(0, 0, 0, 0);
  }

  .Header_headerMenuBarLink__QWbuo:hover {
    border-bottom: var(--component-site-header-main-bar-link-bottom-underline-border) solid;
    border-radius: 0;
  }

  .Header_headerMenuBarLink__QWbuo:focus-visible:hover {
    border-radius: var(--component-site-header-mega-menu-menu-item-radius);
  }

  .Header_headerMenuBarLink__QWbuo:focus-visible[aria-pressed="true"] {
    border-radius: 0;
  }

  .Header_headerMenuBarLink__QWbuo:focus-visible {
    outline: var(--component-site-header-main-bar-link-bottom-underline-border) solid var(--component-site-header-color-main-bar-desktop-link-link-underline);
  }

  .Header_headerMenuBarLink__QWbuo[aria-pressed="true"] {
    outline: var(--component-site-header-main-bar-link-bottom-underline-border) solid rgba(0, 0, 0, 0);
  }

  .Header_headerMenuBarLink__QWbuo.Header_isOpenLink__xHSnt,
  .Header_headerMenuBarLink__QWbuo[aria-pressed="true"] {
    border-bottom: var(--component-site-header-main-bar-link-bottom-underline-border) solid;
    border-radius: 0;
  }

  .Header_headerMenuBarLink__QWbuo.Header_isOpenLink__xHSnt svg {
    transform: rotate(0deg);
  }

  .Header_headerMenuBarLink__QWbuo svg {
    transform: rotate(180deg);
    color: var(--component-site-header-color-main-bar-desktop-link-link-dropdown-enabled);
  }
}

.Header_megaMenuContainerWrapper__cef_G {
  display: none;
}

.Header_megaMenuContainerWrapper__cef_G.Header_isOpen___I6kI {
  display: flex;
  margin-top: var(--spacing-spacing-16);
}

@media screen and (min-width: 74.9375rem) {
  .Header_megaMenuContainerWrapper__cef_G.Header_isOpen___I6kI {
    margin-top: 0;
  }
}

.Header_megaMenuContainerWrapper__cef_G.Header_isNavDropDownMenuLink__Fk5C6 {
  margin-top: var(--spacing-spacing-12);
}

@media screen and (min-width: 74.9375rem) {
  .Header_megaMenuContainerWrapper__cef_G.Header_isNavDropDownMenuLink__Fk5C6 {
    margin-top: 0;
  }
}

.Header_megaNavMobileToggle__VFAmv {
  position: absolute;
}

@media screen and (min-width: 74.9375rem) {
  .Header_megaNavMobileToggle__VFAmv {
    display: none;
  }
}

.Header_authWrapper__UkweI {
  display: flex;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: var(--space-between-small);
}

@media screen and (max-width: 74.9375rem) {
  .Header_authWrapper__UkweI {
    order: 2;
    width: auto;
  }
}

@media screen and (min-width: 48rem) and (max-width: 74.9375rem) {
  .Header_authWrapper__UkweI {
    order: 2;
    width: auto;
  }
}

@media screen and (min-width: 75rem) {
  .Header_authWrapper__UkweI {
    order: 3;
    width: auto;
  }
}

.Header_searchBarRightWrapper__Nt7Si {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  max-width: var(--columns-one-third-max-width);
}

@media screen and (min-width: 75rem) {
  .Header_searchBarRightWrapper__Nt7Si {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    justify-content: center;
    max-width: 100%;
    margin-left: 0;
    pointer-events: none;
  }

  .Header_searchBarRightWrapper__Nt7Si > form {
    pointer-events: auto;
  }
}

@media screen and (min-width: 48rem) and (max-width: 74.9375rem) {
  .Header_searchBarRightWrapper__Nt7Si {
    order: 3;
    margin-left: 0;
    width: 100%;
    justify-content: flex-end;
  }

  .Header_searchBarRightWrapper__Nt7Si > form {
    pointer-events: auto;
  }
}

@media screen and (max-width: 74.9375rem) {
  .Header_searchBarRightWrapper__Nt7Si {
    order: 3;
    margin-left: 0;
    justify-content: center;
  }

  .Header_searchBarRightWrapper__Nt7Si > form {
    pointer-events: auto;
  }
}

.Header_searchBarDesktop__Cf_OB {
  display: none;
}

@media screen and (min-width: 75rem) {
  .Header_searchBarDesktop__Cf_OB {
    order: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
  }

  .Header_searchBarDesktop__Cf_OB > form {
    pointer-events: auto;
  }
}

.Header_searchBarMobile__RMiyA {
  order: 3;
  display: flex;
  width: 100%;
  flex: 0 0 100%;
}

.Header_searchBarMobile__RMiyA > form {
  pointer-events: auto;
}

@media screen and (min-width: 48rem) and (max-width: 74.9375rem) {
  .Header_searchBarMobile__RMiyA {
    order: 3;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (min-width: 75rem) {
  .Header_searchBarMobile__RMiyA {
    display: none;
  }
}

.Header_headerUtilityBar__Mc9mp {
  flex-wrap: wrap;
  gap: 12px;
}

.Header_headerUtilityBarLogo__v0B_3 {
  order: 1;
}

.HeaderAccount_accountAuthWrapper__RKeuz,
.HeaderAccount_authWrapperLoggedIn__ddKpC {
  display: flex;
  flex-wrap: nowrap;
  flex-shrink: 0;
}

.HeaderAccount_accountAuthWrapper__RKeuz {
  gap: var(--space-between-small);
  align-items: center;
}

@media (max-width: 47.9375rem) {
  .HeaderAccount_accountAuthWrapper__RKeuz {
    flex-shrink: 1;
  }
}

.HeaderAccount_accountContainer__BVjTh {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-between-small);
}

@media (max-width: 47.9375rem) {
  .HeaderAccount_accountContainer__BVjTh {
    gap: 12px;
  }
}

.HeaderAccount_accountDropdown__60SrS {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 35px;
}

.HeaderAccount_accountButton__bufvA {
  display: flex;
  padding: var(--spacing-spacing-4) var(--spacing-spacing-2);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-spacing-8);
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid var(--component-site-header-color-utility-bar-button-color-2-border);
  border: 1px solid var(--component-site-header-color-utility-bar-button-color-2-border);
  border-bottom: var(--component-site-header-main-bar-link-bottom-underline-border) solid rgba(0, 0, 0, 0);
  border-radius: var(--radius-radius-8);
  color: var(--component-site-header-color-utility-bar-desktop-link-link-enabled);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
  line-height: 150%;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  white-space: nowrap;
}

.HeaderAccount_accountButton__bufvA:hover {
  background-color: var(--component-site-header-color-utility-bar-button-color-2-surface-hover);
  border-color: var(--component-site-header-color-utility-bar-button-color-2-border-hover);
  border-bottom-color: rgba(0, 0, 0, 0);
}

.HeaderAccount_accountButton__bufvA:focus-visible {
  outline: 2px solid var(--theme-brand-action);
  outline-offset: 2px;
}

.HeaderAccount_accountButton__bufvA[aria-expanded="true"]:focus-visible {
  border-bottom-left-radius: var(--radius-radius-8);
  border-bottom-right-radius: var(--radius-radius-8);
}

.HeaderAccount_accountButton__bufvA[aria-expanded="true"] {
  background-color: var(--component-site-header-color-utility-bar-button-color-2-surface-pressed);
  border-bottom-color: var(--component-site-header-color-utility-bar-desktop-link-link-underline);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@media (max-width: 47.9375rem) {
  .HeaderAccount_accountButton__bufvA {
    gap: var(--space-between-xxsmall);
  }
}

.HeaderAccount_accountIcon__5XVMG {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 29.538px;
  height: 29.538px;
}

.HeaderAccount_accountIcon__5XVMG svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: var(--component-site-header-color-utility-bar-desktop-link-link-enabled);
  margin-left: 0;
}

.HeaderAccount_accountLabel__hJgIM {
  display: inline-block;
  flex-shrink: 0;
}

@media (max-width: 47.9375rem) {
  .HeaderAccount_accountLabel__hJgIM {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

.HeaderAccount_caretIcon__ZTSrZ {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  transition: transform 0.2s ease-in-out;
}

.HeaderAccount_caretIcon__ZTSrZ svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: var(--component-site-header-color-utility-bar-desktop-link-link-enabled);
  margin-left: 0;
}

.HeaderAccount_dropdownMenu__vE0p1 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -108px;
  z-index: 1000;
  width: 150px;
  min-width: 120px;
  max-width: 200px;
  padding: var(--spacing-spacing-2);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: var(--component-favorites-radius);
  border: 1px solid var(--general-color-border-light);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
}

.HeaderAccount_dropdownMenu__vE0p1,
.HeaderAccount_menuItem___5Xc7 {
  display: flex;
  background: var(--component-nav-dropdown-menu-lists-menu-bg-default);
}

.HeaderAccount_menuItem___5Xc7 {
  min-height: var(--component-favorites-lists-menu-min-height);
  padding: var(--spacing-spacing-4) var(--spacing-spacing-12);
  align-items: center;
  gap: var(--spacing-spacing-8);
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--radius-radius-4);
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
  width: 100%;
  text-align: left;
}

.HeaderAccount_menuItem___5Xc7:hover {
  background: var(--component-nav-dropdown-menu-lists-menu-bg-hover);
}

.HeaderAccount_menuItem___5Xc7:focus,
.HeaderAccount_menuItem___5Xc7:focus-visible {
  outline: none;
  border: 2px solid var(--component-nav-dropdown-menu-color-button-focus-focus-border);
  border-radius: var(--component-favorites-radius);
  background: var(--component-nav-dropdown-menu-lists-menu-bg-hover);
}

.HeaderAccount_menuItem___5Xc7:active {
  border: 2px solid var(--component-nav-dropdown-menu-color-button-focus-focus-border);
  border-radius: var(--component-favorites-radius);
  background: var(--component-nav-dropdown-menu-lists-menu-bg-hover);
}

.HeaderAccount_menuItemText__6V51w {
  flex: 1 0 0;
  color: var(--component-nav-dropdown-menu-lists-menu-text);
  font-size: var(--typography-font-size-desktop-body-small);
  font-weight: var(--typography-font-weight-body);
}

.HeaderAccount_favouritesButton__sgrMh,
.HeaderAccount_menuItemText__6V51w {
  font-family: var(--typography-font-family-body);
  font-style: normal;
  line-height: 150%;
}

.HeaderAccount_favouritesButton__sgrMh {
  display: flex;
  padding: var(--padding-xxsmall) var(--padding-xsmall);
  align-items: center;
  gap: var(--space-between-xsmall);
  border-radius: var(--radius-radius-rounded);
  border: var(--component-cta-size-base-border) solid var(--component-site-header-color-utility-bar-favorites-button-border);
  background: var(--component-site-header-color-utility-bar-favorites-button-bg);
  color: var(--component-site-header-color-utility-bar-favorites-button-text);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-weight: var(--typography-font-weight-body-bold);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  white-space: nowrap;
}

.HeaderAccount_favouritesButton__sgrMh:focus-visible {
  outline: 2px solid var(--theme-brand-action);
  outline-offset: 2px;
}

@media (max-width: 47.9375rem) {
  .HeaderAccount_favouritesButton__sgrMh {
    padding: 8px 12px;
    gap: 8px;
  }
}

.HeaderAccount_heartIcon__PuPsH {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 19.684px;
  height: 17px;
  aspect-ratio: 22/19;
  color: var(--component-site-header-color-utility-bar-favorites-button-heart-fill);
}

.HeaderAccount_heartIcon__PuPsH svg {
  width: 100%;
  height: 100%;
  display: block;
  margin-left: 0;
}

.HeaderAccount_heartIcon__PuPsH path,
.HeaderAccount_heartIcon__PuPsH svg {
  fill: var(--component-site-header-color-utility-bar-favorites-button-heart-fill);
}

.HeaderAccount_favouritesCount__bwoFg {
  display: inline-block;
  flex-shrink: 0;
  color: var(--component-site-header-color-utility-bar-favorites-button-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
  line-height: 150%;
}

.HeaderAccount_favouritesLabel__8FK4C {
  display: none;
  flex-shrink: 0;
}

@media (max-width: 47.9375rem) {
  .HeaderAccount_favouritesLabel__8FK4C {
    display: inline-block;
    color: var(--component-site-header-color-utility-bar-favorites-button-text);
    font-family: var(--typography-font-family-body);
    font-size: var(--typography-font-size-desktop-body-medium);
    font-style: normal;
    font-weight: var(--typography-font-weight-body-bold);
    line-height: 150%;
  }
}

.HeaderDesktop_megaMenuContainerDesktop___Tmym {
  display: flex;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  background: var(--component-site-header-color-mega-menu-menu-side-bar-bg);
  max-width: var(--columns-full-max-width);
  margin: 0 auto;
  gap: 40px var(--margin-medium);
  z-index: 1001;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
}

.HeaderDesktop_megaMenuSidebar__nDj78 {
  display: flex;
  min-width: var(--columns-full-min-width);
  max-width: var(--width-component-site-header-content-side-bar-max-width);
  align-items: flex-start;
  background: var(--component-site-header-color-mega-menu-menu-side-bar-bg);
}

.HeaderDesktop_megaMenuSidebar__nDj78 .HeaderDesktop_megaMenuSidebarLinks__OfLyo {
  display: flex;
  max-width: var(--width-component-site-header-content-side-bar-max-width);
  padding: var(--padding-medium) var(--padding-small);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-spacing-24);
  width: 100%;
}

.HeaderDesktop_megaMenuSidebar__nDj78 .HeaderDesktop_megaMenuTitle__nDvgV {
  padding: 0 var(--spacing-spacing-16);
  color: var(--component-site-header-color-mega-menu-menu-side-bar-title);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-xlarge);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
  line-height: 150%;
}

.HeaderDesktop_megaMenuSidebar__nDj78 .HeaderDesktop_quickLinkSectionWrapper__POHy_ {
  list-style: none;
  border-radius: var(--component-site-header-mega-menu-menu-item-radius);
}

.HeaderDesktop_megaMenuSidebar__nDj78 .HeaderDesktop_quickLinkSectionTitle__sMJQN {
  color: var(--component-site-header-color-mega-menu-menu-title-enabled-text);
  padding: var(--spacing-spacing-8) var(--spacing-spacing-16);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
  line-height: 150%;
  width: 100%;
}

.HeaderDesktop_megaMenuSidebar__nDj78 .HeaderDesktop_quickLinkSectionList__Cv1oD {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-spacing-4);
}

.HeaderDesktop_megaMenuSectionWrapper__xi9At {
  display: flex;
  min-width: var(--width-component-site-header-content-min-width);
  padding: var(--padding-small);
  align-items: flex-start;
  gap: var(--margin-small);
  flex: 1 0 0;
  background: var(--theme-primary-bg-bg);
}

.HeaderDesktop_megaMenuSectionListGrid__97qU4 {
  padding: 0;
  gap: 40px var(--space-between-large);
  width: 100%;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: auto;
  -moz-column-gap: var(--padding-medium);
  column-gap: var(--padding-medium);
  row-gap: var(--padding-medium);
}

.HeaderDesktop_megaMenuSectionItemWrapper__fiU_A {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-spacing-12);
  min-width: var(--component-site-header-mega-menu-menu-item-min-width-);
  border-left: 3px solid var(--component-site-header-color-mega-menu-menu-left-border-items);
}

.HeaderDesktop_sectionLinkColumn__F_mNX {
  align-items: flex-start;
  list-style: none;
  display: grid;
  grid-auto-flow: column;
  grid-auto-rows: auto;
  -moz-column-gap: var(--padding-medium);
  column-gap: var(--padding-medium);
  grid-template-columns: subgrid;
  grid-column: span 1;
  grid-template-rows: subgrid;
}

.HeaderDesktop_sectionLinkColumnItem__EHUpi {
  min-width: var(--component-site-header-mega-menu-menu-item-min-width-);
  max-width: 300px;
}

.HeaderDesktop_closeButtonWrapper__dTfk6 {
  display: block;
  position: absolute;
  right: 0;
  background: rgba(0, 0, 0, 0);
  border: none;
  top: 0;
}

.HeaderDesktop_closeButtonWrapper__dTfk6 svg {
  color: var(--general-color-fill-darkest);
}

.HeaderDesktop_megaMenuHeaderItem__Vs7wF,
.HeaderDesktop_megaMenuHeaderLink__SFTbW {
  display: inline;
  color: var(--component-site-header-color-mega-menu-menu-title-enabled-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  align-items: end;
  padding: var(--spacing-spacing-8) var(--spacing-spacing-16);
  border-radius: var(--component-site-header-mega-menu-menu-item-radius);
}

.HeaderDesktop_megaMenuHeaderItem__Vs7wF span,
.HeaderDesktop_megaMenuHeaderLink__SFTbW span {
  margin-right: var(--spacing-spacing-12);
}

.HeaderDesktop_megaMenuHeaderItem__Vs7wF svg,
.HeaderDesktop_megaMenuHeaderLink__SFTbW svg {
  color: var(--component-site-header-color-mega-menu-menu-title-enabled-icon);
  vertical-align: middle;
}

.HeaderDesktop_megaMenuHeaderLink__SFTbW {
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-decoration-line: none;
  text-decoration-color: var(--componentTheme-content-grid-text-link-underline);
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  text-underline-position: from-font;
  text-decoration-thickness: 2px;
  border-radius: var(--component-cta-radius);
}

.HeaderDesktop_megaMenuHeaderLink__SFTbW,
.HeaderDesktop_megaMenuHeaderLink__SFTbW svg.HeaderDesktop_cta-icon-default__0F41d {
  color: var(--component-site-header-color-mega-menu-menu-title-enabled-text);
}

.HeaderDesktop_megaMenuHeaderLink__SFTbW svg.HeaderDesktop_cta-icon-default__0F41d path {
  fill: var(--component-site-header-color-mega-menu-menu-title-enabled-text);
}

.HeaderDesktop_megaMenuHeaderLink__SFTbW:focus,
.HeaderDesktop_megaMenuHeaderLink__SFTbW:focus svg.HeaderDesktop_cta-icon-default__0F41d,
.HeaderDesktop_megaMenuHeaderLink__SFTbW:hover,
.HeaderDesktop_megaMenuHeaderLink__SFTbW:hover svg.HeaderDesktop_cta-icon-default__0F41d {
  color: var(--component-site-header-color-mega-menu-menu-title-hover-text);
}

.HeaderDesktop_megaMenuHeaderLink__SFTbW:focus svg.HeaderDesktop_cta-icon-default__0F41d path,
.HeaderDesktop_megaMenuHeaderLink__SFTbW:hover svg.HeaderDesktop_cta-icon-default__0F41d path {
  fill: var(--component-site-header-color-mega-menu-menu-title-hover-text);
}

.HeaderDesktop_megaMenuHeaderLink__SFTbW:active {
  outline: none;
}

.HeaderDesktop_megaMenuHeaderLink__SFTbW:focus {
  outline: 2px solid var(--component-site-header-color-mega-menu-menu-title-hover-text);
  outline-offset: 3px;
  text-decoration-line: underline;
}

.HeaderDesktop_megaMenuHeaderLink__SFTbW:hover {
  text-decoration-line: underline;
}

.HeaderDesktop_megaMenuHeaderLink__SFTbW:disabled {
  opacity: var(--component-cta-color-brand-cta-outline-disabled-opacity);
}

.HeaderDesktop_megaLinkWrapper__bQUx0 {
  display: flex;
  align-items: center;
  gap: var(--spacing-spacing-4);
  border-radius: var(--component-site-header-mega-menu-menu-item-radius);
}

.HeaderDesktop_megaLinkWrapper__bQUx0 .HeaderDesktop_menuLinkStyle__EBqkh {
  text-decoration-line: none;
  text-decoration-color: var(--componentTheme-content-grid-text-link-underline);
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  text-underline-position: from-font;
  text-decoration-thickness: 2px;
  border-radius: var(--component-cta-radius);
}

.HeaderDesktop_megaLinkWrapper__bQUx0 .HeaderDesktop_menuLinkStyle__EBqkh svg.HeaderDesktop_cta-icon-default__0F41d {
  color: var(--component-site-header-color-mega-menu-menu-item-enabled-text);
}

.HeaderDesktop_megaLinkWrapper__bQUx0 .HeaderDesktop_menuLinkStyle__EBqkh svg.HeaderDesktop_cta-icon-default__0F41d path {
  fill: var(--component-site-header-color-mega-menu-menu-item-enabled-text);
}

.HeaderDesktop_megaLinkWrapper__bQUx0:focus .HeaderDesktop_menuLinkStyle__EBqkh,
.HeaderDesktop_megaLinkWrapper__bQUx0:focus .HeaderDesktop_menuLinkStyle__EBqkh svg.HeaderDesktop_cta-icon-default__0F41d,
.HeaderDesktop_megaLinkWrapper__bQUx0:hover .HeaderDesktop_menuLinkStyle__EBqkh,
.HeaderDesktop_megaLinkWrapper__bQUx0:hover .HeaderDesktop_menuLinkStyle__EBqkh svg.HeaderDesktop_cta-icon-default__0F41d {
  color: var(--component-site-header-color-mega-menu-menu-item-hover-text);
}

.HeaderDesktop_megaLinkWrapper__bQUx0:focus .HeaderDesktop_menuLinkStyle__EBqkh svg.HeaderDesktop_cta-icon-default__0F41d path,
.HeaderDesktop_megaLinkWrapper__bQUx0:hover .HeaderDesktop_menuLinkStyle__EBqkh svg.HeaderDesktop_cta-icon-default__0F41d path {
  fill: var(--component-site-header-color-mega-menu-menu-item-hover-text);
}

.HeaderDesktop_megaLinkWrapper__bQUx0:active .HeaderDesktop_menuLinkStyle__EBqkh {
  outline: none;
}

.HeaderDesktop_megaLinkWrapper__bQUx0:focus .HeaderDesktop_menuLinkStyle__EBqkh {
  outline: 2px solid var(--component-site-header-color-mega-menu-menu-item-hover-text);
  outline-offset: 3px;
  text-decoration-line: underline;
}

.HeaderDesktop_megaLinkWrapper__bQUx0:hover .HeaderDesktop_menuLinkStyle__EBqkh {
  text-decoration-line: underline;
}

.HeaderDesktop_megaLinkWrapper__bQUx0:disabled .HeaderDesktop_menuLinkStyle__EBqkh {
  opacity: var(--component-cta-color-brand-cta-outline-disabled-opacity);
}

.HeaderDesktop_megaLinkWrapper__bQUx0 .HeaderDesktop_menuLinkStyle__EBqkh {
  display: flex;
  padding: var(--spacing-spacing-4) var(--spacing-spacing-16);
  gap: var(--spacing-spacing-4);
  color: var(--component-site-header-color-mega-menu-menu-item-enabled-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  width: 100%;
  word-break: break-word;
}

.HeaderDesktop_megaLinkWrapper__bQUx0 .HeaderDesktop_menuLinkStyle__EBqkh svg {
  position: relative;
  top: 0.25em;
  flex-shrink: 0;
}

.HeaderDesktop_megaMenuDropdownContainerDesktop__5K_aW {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 100%;
  width: 200px;
  max-width: 200px;
  padding: var(--spacing-spacing-2);
  border-radius: var(--component-action-bar-radius);
  border: 1px solid var(--general-color-border-light);
  background: var(--component-nav-dropdown-menu-lists-menu-bg-default);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
  transform: translate(0);
  z-index: 9;
}

.HeaderDesktop_megaMenuDropdownContainerDesktop__5K_aW .HeaderDesktop_megaLinkWrapper__bQUx0 {
  display: flex;
  align-items: center;
  padding: var(--spacing-spacing-0);
  justify-content: space-between;
  min-height: 48px;
  border-radius: var(--radius-radius-12);
  background: var(--component-nav-dropdown-menu-lists-menu-bg-default);
  border: 2px solid rgba(0, 0, 0, 0);
}

.HeaderDesktop_megaMenuDropdownContainerDesktop__5K_aW .HeaderDesktop_megaLinkWrapper__bQUx0:hover {
  background: var(--component-action-bar-share-menu-bg-hover);
}

.HeaderDesktop_megaMenuDropdownContainerDesktop__5K_aW .HeaderDesktop_megaLinkWrapper__bQUx0:focus-within {
  outline: 2px solid var(--component-nav-dropdown-menu-color-button-focus-focus-border);
  border-radius: var(--radius-radius-12);
  outline-offset: -2px;
}

.HeaderDesktop_megaMenuDropdownContainerDesktop__5K_aW .HeaderDesktop_megaLinkWrapper__bQUx0 .HeaderDesktop_menuLinkStyle__EBqkh {
  display: flex;
  padding: var(--spacing-spacing-4) var(--spacing-spacing-12);
  gap: var(--spacing-spacing-8);
  border-radius: var(--radius-radius-4);
  flex: 1 0 0;
  color: var(--component-nav-dropdown-menu-lists-menu-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  width: 100%;
  word-break: break-word;
}

.HeaderDesktop_megaMenuDropdownContainerDesktop__5K_aW .HeaderDesktop_megaLinkWrapper__bQUx0 .HeaderDesktop_menuLinkStyle__EBqkh:focus-visible {
  outline: none;
}

.HeaderMobile_megaMenuMobileWrapper__AFZZV {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  position: relative;
  height: auto;
}

.HeaderMobile_megaMenuMobileViewAllTextWrapper__vd7CW {
  min-width: var(--component-site-header-mega-menu-menu-item-min-width-);
  padding: var(--spacing-spacing-8) var(--spacing-spacing-16);
  border-radius: var(--component-site-header-mega-menu-menu-item-radius);
  border: var(--component-site-header-main-bar-link-bottom-underline-border) solid rgba(0, 0, 0, 0);
  color: var(--component-site-header-color-mega-menu-menu-title-enabled-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.HeaderMobile_megaMenuMobileViewAllTextWrapper__vd7CW:focus {
  border: var(--component-site-header-main-bar-link-bottom-underline-border) solid var(--component-site-header-color-main-bar-mobile-link-link-underline);
  outline: none;
}

.HeaderMobile_menuMobileList__KvEqP {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.HeaderMobile_menuMobileList__KvEqP .HeaderMobile_menuMobileItemWrapper__IQTTx {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.HeaderMobile_menuMobileList__KvEqP .HeaderMobile_menuMobileItemLinkWrapper__GNMK_ {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-spacing-8) var(--spacing-spacing-16);
  border: var(--component-site-header-main-bar-link-bottom-underline-border) solid rgba(0, 0, 0, 0);
  border-radius: var(--component-site-header-mega-menu-menu-item-radius);
}

.HeaderMobile_menuMobileList__KvEqP .HeaderMobile_menuMobileItemLinkWrapper__GNMK_:focus {
  border: var(--component-site-header-main-bar-link-bottom-underline-border) solid var(--component-site-header-color-main-bar-mobile-link-link-underline);
  outline: none;
}

.HeaderMobile_menuMobileList__KvEqP .HeaderMobile_menuMobileItemLink__6AR_3 {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-radius: var(--component-site-header-mega-menu-menu-item-radius);
  align-items: center;
  border: var(--component-site-header-main-bar-link-bottom-underline-border) solid rgba(0, 0, 0, 0);
  color: var(--component-site-header-color-mega-menu-menu-title-enabled-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.HeaderMobile_menuMobileList__KvEqP .HeaderMobile_menuMobileItemLink__6AR_3:is(a) {
  padding: var(--spacing-spacing-8) var(--spacing-spacing-16);
}

.HeaderMobile_menuMobileList__KvEqP .HeaderMobile_menuMobileItemLink__6AR_3:is(a):focus {
  border: var(--component-site-header-main-bar-link-bottom-underline-border) solid var(--component-site-header-color-main-bar-mobile-link-link-underline);
  outline: none;
}

.HeaderMobile_menuMobileList__KvEqP .HeaderMobile_menuMobileItemIconButton__sajmi {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}

.HeaderMobile_menuMobileList__KvEqP .HeaderMobile_menuMobileItemIcon__9YV1L {
  color: var(--component-site-header-color-mega-menu-menu-title-enabled-icon);
}

.HeaderMobile_quickLinkSectionWrapperMb__kAqI2 {
  width: var(--columns-full-min-width);
  padding: var(--padding-medium) var(--spacing-spacing-12);
  background: var(--component-site-header-color-mega-menu-menu-side-bar-bg);
  width: 100%;
}

.HeaderMobile_quickLinkSectionWrapperMb__kAqI2 .HeaderMobile_quickLinkSectionTitleMb__z9xEY {
  padding: var(--spacing-spacing-8) var(--spacing-spacing-16);
  border-radius: var(--component-site-header-mega-menu-menu-item-radius);
  color: var(--component-site-header-color-mega-menu-menu-title-enabled-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
  line-height: 150%;
}

.HeaderMobile_quickLinkSectionWrapperMb__kAqI2 .HeaderMobile_quickLinkSectionListMb__yMqCl {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-spacing-4);
}

.HeaderMobile_quickLinkSectionWrapperMb__kAqI2 .HeaderMobile_quickLinkSectionItemMb__0gZH1 {
  padding: var(--spacing-spacing-4) var(--spacing-spacing-16);
  gap: var(--spacing-spacing-4);
  border-radius: var(--component-site-header-mega-menu-menu-item-radius);
  color: var(--component-site-header-color-mega-menu-menu-item-enabled-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.HeaderMobile_menuMobileListDropdown__6_r_e {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-spacing-12);
  width: 100%;
  position: relative;
  height: auto;
}

.HeaderMobile_menuMobileListDropdown__6_r_e .HeaderMobile_menuMobileItemWrapper__IQTTx {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.HeaderMobile_menuMobileListDropdown__6_r_e .HeaderMobile_menuMobileItemLinkWrapper__GNMK_ {
  display: flex;
  min-width: var(--component-site-header-mega-menu-menu-item-min-width-);
  padding-left: var(--spacing-spacing-16);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-spacing-24);
  align-self: stretch;
}

.HeaderMobile_menuMobileListDropdown__6_r_e .HeaderMobile_menuMobileItemLinkWrapper__GNMK_:focus {
  border: var(--component-site-header-main-bar-link-bottom-underline-border) solid var(--component-site-header-color-main-bar-mobile-link-link-underline);
  outline: none;
}

.HeaderMobile_menuMobileListDropdown__6_r_e .HeaderMobile_menuMobileItemLink__6AR_3 {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-radius: var(--component-site-header-mega-menu-menu-item-radius);
  align-items: center;
  border: var(--component-site-header-main-bar-link-bottom-underline-border) solid rgba(0, 0, 0, 0);
  padding: var(--spacing-spacing-8) var(--spacing-spacing-12);
  align-self: stretch;
  color: var(--component-site-header-color-mega-menu-menu-title-enabled-text);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  font-size: var(--typography-font-size-header-xsmall);
  font-weight: var(--typography-font-weight-xsmall);
}

.HeaderMobile_menuMobileListDropdown__6_r_e .HeaderMobile_menuMobileItemLink__6AR_3:focus {
  border: var(--component-site-header-main-bar-link-bottom-underline-border) solid var(--component-site-header-color-main-bar-mobile-link-link-underline);
  outline: none;
}

.HeaderSubMenu_subMenuWrapper__NCcT4 {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  z-index: 10;
  padding: var(--padding-small);
  gap: var(--margin-xsmall);
}

.HeaderSubMenu_backButton__HZXzg {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  padding: var(--spacing-spacing-8) var(--spacing-spacing-12);
  gap: 4px;
  border-radius: var(--component-site-header-mega-menu-menu-item-radius);
  border: var(--component-site-header-main-bar-link-bottom-underline-border) solid rgba(0, 0, 0, 0);
  width: 100%;
}

.HeaderSubMenu_backButton__HZXzg:focus {
  outline: none;
}

.HeaderSubMenu_backButton__HZXzg:focus-visible {
  border: var(--component-site-header-main-bar-link-bottom-underline-border) solid var(--component-site-header-color-main-bar-mobile-link-link-underline);
}

.HeaderSubMenu_backIcon__WrKxI {
  color: var(--component-site-header-color-main-bar-mobile-link-link-dropdown-enabled);
}

.HeaderSubMenu_backText__AvX_h {
  color: var(--component-site-header-color-main-bar-mobile-link-link-enabled);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-xxsmall);
  font-style: normal;
  font-weight: var(--typography-font-weight-xxsmall);
  line-height: normal;
}

.HeaderSubMenu_subMenuItemsWrapper__jDUo1 {
  display: flex;
  flex-direction: column;
  min-width: var(--component-site-header-mega-menu-menu-item-min-width-);
  gap: var(--spacing-spacing-4);
  border: 0 solid var(--general-color-border-brand-1);
  border-radius: var(--component-site-header-mega-menu-menu-item-radius);
  justify-content: space-between;
}

.HeaderSubMenu_subMenuTitle__WiNxk {
  display: inline;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-spacing-8) var(--spacing-spacing-16);
  border: var(--component-site-header-main-bar-link-bottom-underline-border) solid rgba(0, 0, 0, 0);
  border-radius: var(--component-site-header-mega-menu-menu-item-radius);
  color: var(--component-site-header-color-mega-menu-menu-title-enabled-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-decoration-line: none;
  text-decoration-color: var(--component-site-header-color-main-bar-mobile-link-link-underline);
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  text-underline-position: from-font;
  text-decoration-thickness: 2px;
  border-radius: var(--component-cta-radius);
}

.HeaderSubMenu_subMenuTitle__WiNxk svg.HeaderSubMenu_cta-icon-default__ptNh2 {
  color: var(--component-site-header-color-mega-menu-menu-title-enabled-icon);
}

.HeaderSubMenu_subMenuTitle__WiNxk svg.HeaderSubMenu_cta-icon-default__ptNh2 path {
  fill: var(--component-site-header-color-mega-menu-menu-title-enabled-icon);
}

.HeaderSubMenu_subMenuTitle__WiNxk:focus,
.HeaderSubMenu_subMenuTitle__WiNxk:focus svg.HeaderSubMenu_cta-icon-default__ptNh2,
.HeaderSubMenu_subMenuTitle__WiNxk:hover,
.HeaderSubMenu_subMenuTitle__WiNxk:hover svg.HeaderSubMenu_cta-icon-default__ptNh2 {
  color: var(--component-site-header-color-mega-menu-menu-title-enabled-text);
}

.HeaderSubMenu_subMenuTitle__WiNxk:focus svg.HeaderSubMenu_cta-icon-default__ptNh2 path,
.HeaderSubMenu_subMenuTitle__WiNxk:hover svg.HeaderSubMenu_cta-icon-default__ptNh2 path {
  fill: var(--component-site-header-color-mega-menu-menu-title-enabled-text);
}

.HeaderSubMenu_subMenuTitle__WiNxk:active {
  outline: none;
}

.HeaderSubMenu_subMenuTitle__WiNxk:focus {
  outline: 2px solid var(--component-site-header-color-mega-menu-menu-title-enabled-text);
  outline-offset: 3px;
  text-decoration-line: underline;
}

.HeaderSubMenu_subMenuTitle__WiNxk:hover {
  text-decoration-line: underline;
}

.HeaderSubMenu_subMenuTitle__WiNxk:disabled {
  opacity: var(--component-cta-color-brand-cta-outline-disabled-opacity);
}

.HeaderSubMenu_subMenuTitle__WiNxk span {
  margin-right: var(--spacing-spacing-12);
}

.HeaderSubMenu_subMenuTitle__WiNxk svg {
  color: var(--component-site-header-color-mega-menu-menu-title-enabled-icon);
  vertical-align: middle;
}

.HeaderSubMenu_subMenuList__bKLPW {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-spacing-4);
}

.HeaderSubMenu_subMenuItem__vfSlc {
  width: 100%;
  border-radius: var(--component-site-header-mega-menu-menu-item-radius);
}

.HeaderSubMenu_subMenuLink__oLLc4 {
  display: flex;
  gap: var(--spacing-spacing-4);
  width: 100%;
  border: var(--component-site-header-main-bar-link-bottom-underline-border) solid rgba(0, 0, 0, 0);
  border-radius: var(--component-site-header-mega-menu-menu-item-radius);
  padding: var(--spacing-spacing-4) var(--spacing-spacing-16);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration-line: none;
  text-decoration-color: var(--component-site-header-color-main-bar-mobile-link-link-underline);
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  text-underline-position: from-font;
  text-decoration-thickness: 2px;
  border-radius: var(--component-cta-radius);
}

.HeaderSubMenu_subMenuLink__oLLc4,
.HeaderSubMenu_subMenuLink__oLLc4 svg.HeaderSubMenu_cta-icon-default__ptNh2 {
  color: var(--component-site-header-color-mega-menu-menu-item-enabled-text);
}

.HeaderSubMenu_subMenuLink__oLLc4 svg.HeaderSubMenu_cta-icon-default__ptNh2 path {
  fill: var(--component-site-header-color-mega-menu-menu-item-enabled-text);
}

.HeaderSubMenu_subMenuLink__oLLc4:focus,
.HeaderSubMenu_subMenuLink__oLLc4:focus svg.HeaderSubMenu_cta-icon-default__ptNh2,
.HeaderSubMenu_subMenuLink__oLLc4:hover,
.HeaderSubMenu_subMenuLink__oLLc4:hover svg.HeaderSubMenu_cta-icon-default__ptNh2 {
  color: var(--component-site-header-color-mega-menu-menu-item-enabled-text);
}

.HeaderSubMenu_subMenuLink__oLLc4:focus svg.HeaderSubMenu_cta-icon-default__ptNh2 path,
.HeaderSubMenu_subMenuLink__oLLc4:hover svg.HeaderSubMenu_cta-icon-default__ptNh2 path {
  fill: var(--component-site-header-color-mega-menu-menu-item-enabled-text);
}

.HeaderSubMenu_subMenuLink__oLLc4:active {
  outline: none;
}

.HeaderSubMenu_subMenuLink__oLLc4:focus {
  outline: 2px solid var(--component-site-header-color-mega-menu-menu-item-enabled-text);
  outline-offset: 3px;
  text-decoration-line: underline;
}

.HeaderSubMenu_subMenuLink__oLLc4:hover {
  text-decoration-line: underline;
}

.HeaderSubMenu_subMenuLink__oLLc4:disabled {
  opacity: var(--component-cta-color-brand-cta-outline-disabled-opacity);
}

.HeaderSubMenu_subMenuLink__oLLc4 svg {
  position: relative;
  top: 0.25em;
  flex-shrink: 0;
}

.HeaderSubMenu_subMenuLink__oLLc4:focus {
  outline: none;
}

@media (hover: hover) and (pointer: fine) {
  .HeaderSubMenu_subMenuLink__oLLc4:hover {
    border-bottom: rgba(0, 0, 0, 0);
    border-bottom-color: var(--component-site-header-color-main-bar-mobile-link-link-underline);
  }
}

@media (hover: none) {
  .HeaderSubMenu_subMenuLink__oLLc4:hover,
  .HeaderSubMenu_subMenuTitle__WiNxk:hover {
    text-decoration-line: none;
    border-color: rgba(0, 0, 0, 0);
  }
}

.HeaderSubMenu_subMenuLink__oLLc4:focus-visible {
  text-decoration-line: none;
  border: 2px solid var(--component-site-header-color-main-bar-mobile-link-link-underline);
}

@media (hover: none) and (pointer: coarse) {
  .HeaderSubMenu_subMenuLink__oLLc4:focus-visible {
    border-color: rgba(0, 0, 0, 0);
  }
}

.SearchBar_searchBox__VSWOu {
  display: flex;
  align-items: center;
  background: var(--component-search-field-default-bg);
  border-radius: var(--radius-radius-rounded);
  padding-left: var(--spacing-spacing-4);
  width: 100%;
  gap: 2px;
  flex: 1 1 auto;
  position: relative;
  transition: border 0.2s ease;
  border: 2px solid var(--component-search-field-default-border);
}

.SearchBar_searchBox__VSWOu:hover {
  border-color: var(--theme-brand-action-hover);
}

.SearchBar_searchBox__VSWOu:focus-within .SearchBar_searchIconSvg__MJsze path {
  fill: var(--component-search-field-active-icon);
}

.SearchBar_searchBox__VSWOu:focus-within {
  border-color: var(--component-search-field-active-border);
}

.SearchBar_searchBox__VSWOu.SearchBar_dropdownOpen__QAR40 {
  border-radius: var(--radius-radius-rounded) var(--radius-radius-rounded) var(--radius-radius-rounded) 0;
}

@media screen and (min-width: 75rem) {
  .SearchBar_searchBox__VSWOu {
    max-width: var(--columns-one-third-max-width);
    margin-left: auto;
    margin-right: auto;
  }
}

@media print {
  .SearchBar_searchBox__VSWOu {
    display: none;
  }
}

.SearchBar_searchField__OcuU2 {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}

.SearchBar_searchField__OcuU2:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 17px;
  height: 24px;
  pointer-events: none;
  background: linear-gradient(to right, var(--component-search-field-default-bg) 0, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
  opacity: 0;
  transition: opacity 0.3s ease;
  will-change: opacity;
}

@media screen and (min-width: 20rem) {
  .SearchBar_searchField__OcuU2:before {
    left: 38px;
  }
}

.SearchBar_searchField__OcuU2.SearchBar_showFade__0zmv3:before {
  opacity: 1;
}

.SearchBar_keyboardFocus__Jn_ct:focus-within {
  outline: none;
  border-radius: var(--radius-radius-rounded) 0 0 var(--radius-radius-rounded);
  height: 34px;
  box-shadow:
    0 0 0 2px var(--component-cta-color-brand-fill-enabled-border),
    inset 0 0 0 1px var(--component-search-field-default-border);
}

.SearchBar_searchIcon__UK3XZ {
  display: flex;
  width: 24px;
  height: 24px;
  aspect-ratio: 1/1;
  fill: var(--component-search-field-default-bg);
  margin-left: 10px;
}

@media screen and (min-width: 20rem) {
  .SearchBar_searchIcon__UK3XZ {
    display: flex;
  }
}

.SearchBar_searchIconSvg__MJsze path {
  fill: var(--component-search-field-default-icon);
}

.SearchBar_searchIcon__UK3XZ:hover .SearchBar_searchIconSvg__MJsze path {
  fill: var(--component-search-field-hover-icon);
}

.SearchBar_searchInput__7V9on {
  width: 100%;
  flex: 1;
  padding: 10px 10px 10px 4px;
  white-space: nowrap;
  overflow-x: scroll;
  scrollbar-width: none;
  border: none;
  background: rgba(0, 0, 0, 0);
  height: 24px;
  color: var(--general-color-text-mid);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
  font-style: normal;
}

@media screen and (max-width: 74.9375rem) {
  html.ios-mobile-input-fix .SearchBar_searchInput__7V9on {
    font-size: var(--typography-font-size-desktop-body-medium);
  }
}

.SearchBar_searchInput__7V9on:focus {
  outline: none;
  box-shadow: none;
}

.SearchBar_searchInput__7V9on:focus::-moz-placeholder {
  opacity: 0;
}

.SearchBar_searchInput__7V9on:focus::placeholder {
  opacity: 0;
}

.SearchBar_clearIcon__02YfB {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 4px 6px 4px 4px;
  border: 0;
  background: rgba(0, 0, 0, 0);
  padding: 0;
  cursor: pointer;
}

.SearchBar_clearIcon__02YfB:hover .SearchBar_clearIconSvg__qCfJv path {
  fill: var(--component-cta-color-brand-outline-enabled-icon);
}

.SearchBar_clearIcon__02YfB:focus {
  outline: 2px solid var(--component-cta-color-brand-outline-enabled-icon);
  border-radius: var(--radius-radius-rounded);
  outline-offset: 1px;
}

.SearchBar_clearIconSvg__qCfJv {
  margin-left: 0;
}

.SearchBar_clearIconSvg__qCfJv path {
  fill: var(--general-color-fill-mid);
}

.SearchBar_searchBtn__d7Yy0 {
  display: flex;
  padding: var(--component-cta-size-small-padding-y) var(--component-cta-size-small-padding-left);
  justify-content: center;
  align-items: center;
  gap: var(--component-cta-size-small-gap);
  border-radius: var(--component-cta-radius) var(--radius-radius-rounded) var(--radius-radius-rounded) var(--component-cta-radius);
  border: var(--component-cta-size-base-border) solid var(--component-cta-color-brand-fill-enabled-border);
  background: var(--component-cta-color-brand-fill-enabled-bg);
  font-weight: var(--typography-font-weight-button);
  cursor: pointer;
  white-space: nowrap;
  color: var(--component-cta-color-brand-fill-enabled-text);
  margin-left: 5px;
}

.SearchBar_searchBtn__d7Yy0:hover {
  background: var(--component-cta-color-brand-fill-hover-bg);
}

.SearchBar_searchBtn__d7Yy0 {
  font-size: var(--typography-font-size-desktop-body-small);
  line-height: 150%;
  font-family: var(--typography-font-family-body);
}

.SearchBar_keyboardFocusCta__9HuJB:focus-within {
  outline: none;
  border-radius: var(--component-cta-radius) var(--radius-radius-rounded) var(--radius-radius-rounded) var(--component-cta-radius);
  border: 2px solid var(--general-color-border-white);
  box-shadow: 0 0 0 2px var(--component-cta-color-brand-fill-enabled-border);
}

.LanguageSwitch_component_language__CTgb_ {
  display: flex;
  padding: var(--component-site-header-padding-y) var(--component-site-header-padding-x);
  justify-content: flex-end;
  align-items: center;
  gap: 357px;
  flex: 1 0 0;
  background: var(--component-site-header-color-secondary-bar-bg);
}

.LanguageSwitch_language_item__IsOw_ {
  list-style-type: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.LanguageSwitch_language_item__IsOw_ li {
  font-size: var(--typography-font-size-header-xxsmall);
  color: var(--component-site-header-color-secondary-bar-on-bar-enabled-link);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.LanguageSwitch_language_item__IsOw_ li a {
  padding: 4px 20px;
}

.LanguageSwitch_language_item__IsOw_ li:last-child a {
  padding-right: 8px;
}

.LanguageSwitch_language_item__IsOw_ li:not(:last-child):after {
  content: "|";
  color: var(--general-color-border-light);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.MegaFooter_megaFooterWrapper__X02LX {
  width: 100%;
  background: var(--component-site-footer-footer-links-bg);
}

.MegaFooter_megaFooter__Xp2OH {
  display: flex;
  max-width: var(--columns-full-max-width);
  margin: 0 auto;
  padding: var(--component-site-footer-footer-links-padding-y) var(--component-site-footer-footer-links-padding-x);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.MegaFooter_footerLogoWrapper__i9Lq7 {
  display: block;
  max-width: 178px;
}

.MegaFooter_footerLogoWrapper__i9Lq7 img {
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.MegaFooter_megaFooterNav__LQAIw {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 33px 63px;
  flex-wrap: wrap;
  width: 100%;
}

.MegaFooter_megaFooterOptionalContent__MELKW {
  display: flex;
  min-width: var(--columns-one-fourth-min-width);
  max-width: var(--columns-one-fourth-max-width);
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}

.MegaFooter_megaFooterNavContainer__i2p0L {
  display: flex;
  flex-direction: column;
  gap: 74px;
}

@media screen and (min-width: 48rem) {
  .MegaFooter_megaFooterNavContainer__i2p0L {
    flex-direction: row;
    width: 100%;
  }
}

.MegaFooter_newsLetterSection__t8xEW {
  display: flex;
  max-width: var(--columns-one-fourth-max-width);
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}

.MegaFooter_megaFooterSection__XoAFK {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.MegaFooter_megaFooterSection__XoAFK.MegaFooter_sectionsPerRow_3__o242e {
  flex: 1 1 calc((100% - 126px) / 3);
  max-width: calc((100% - 126px) / 3);
}

@media (max-width: 1199px) {
  .MegaFooter_megaFooterSection__XoAFK.MegaFooter_sectionsPerRow_3__o242e {
    flex: 1 1 360px;
    max-width: 360px;
  }
}

.MegaFooter_megaFooterSection__XoAFK.MegaFooter_sectionsPerRow_4__MuQu4 {
  flex: 1 1 calc((100% - 189px) / 4);
  max-width: calc((100% - 189px) / 4);
}

@media (max-width: 1199px) {
  .MegaFooter_megaFooterSection__XoAFK.MegaFooter_sectionsPerRow_4__MuQu4 {
    flex: 1 1 360px;
    max-width: 360px;
  }
}

.MegaFooter_megaFooterSection__XoAFK div[role="heading"] {
  color: var(--component-site-footer-footer-links-column-label);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-xxsmall);
  font-style: normal;
  font-weight: var(--typography-font-weight-xxsmall);
  line-height: normal;
}

.MegaFooter_megaFooterSection__XoAFK ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.MegaFooter_megaFooterSection__XoAFK ul li {
  list-style: none;
}

.MegaFooter_megaFooterSection__XoAFK ul li a {
  display: flex;
  align-items: flex-start;
  gap: var(--component-site-footer-footer-links-gap-icon);
  color: var(--component-site-footer-footer-links-link);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.MegaFooter_megaFooterSection__XoAFK ul li a .MegaFooter_linkText__z8bTU {
  text-decoration: underline;
  text-decoration-color: var(--component-site-footer-footer-links-link-underline);
  text-underline-offset: 3px;
  word-break: break-word;
}

.MegaFooter_megaFooterSection__XoAFK ul li a:hover .MegaFooter_linkText__z8bTU {
  text-decoration: none;
}

.MegaFooter_megaFooterSection__XoAFK ul li a svg {
  position: relative;
  top: 0.1em;
  flex-shrink: 0;
}

.RegionSelector_regionSelectorContainer__dpzUG {
  display: flex;
  min-width: var(--columns-one-fourth-min-width);
  max-width: var(--columns-one-fourth-max-width);
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.RegionSelector_locationIcon__mGTrf {
  color: var(--component-site-footer-footer-links-icons);
}

.RegionSelector_regionSelectorHeadingFooter__DANEf {
  align-self: stretch;
  color: var(--component-site-footer-footer-links-column-label);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-xxsmall);
  font-style: normal;
  font-weight: var(--typography-font-weight-xxsmall);
  line-height: normal;
}

.RegionSelector_regionSelectorCountryFooter__hx0GN {
  border-bottom: 1px solid var(--component-site-footer-footer-links-link-underline);
  color: var(--component-site-footer-footer-links-link);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.RegionSelector_countryLanguageContainer___LBS1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--component-cta-size-small-gap);
}

.RegionSelector_regionSelectorLanguageFooter__FqVmM {
  color: var(--component-site-footer-footer-links-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.RegionSelector_languageSelectorBottomSheetOverlay__YAShb {
  display: flex;
  min-width: var(--screen-dimensions-min-width);
  max-width: var(--screen-dimensions-max-width);
  padding: var(--spacing-general-margin-y) var(--spacing-general-margin-x) 0 var(--spacing-general-margin-x);
  gap: 8px;
  background: var(--theme-primary-bg-bg);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  flex-direction: column;
  overflow: auto;
  scrollbar-width: none;
  animation: RegionSelector_slideDown__pYmCS 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.RegionSelector_languageSelectorBottomSheetOverlay__YAShb.RegionSelector_open__0_BO0 {
  animation: RegionSelector_slideUp__P_vRQ 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.RegionSelector_languageSelectorBottomSheetOverlay__YAShb.RegionSelector_closing__FvAKs {
  animation: RegionSelector_slideDown__pYmCS 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.RegionSelector_languageSelectorBottomSheetOverlay__YAShb.RegionSelector_hidden__uHyLd {
  animation: none;
  display: none;
}

@keyframes RegionSelector_slideUp__P_vRQ {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes RegionSelector_slideDown__pYmCS {
  0% {
    transform: translateY(0);
    opacity: 1;
  }

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

.RegionSelector_languageSelectorSection__VfjnX {
  display: flex;
  max-width: 1200px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-spacing-12);
  width: 100%;
  margin: auto;
  border-radius: var(--general-radius-modal);
  background: var(--component-modal-color-surface);
}

.RegionSelector_close__HLUF4 {
  align-self: flex-end;
}

.RegionSelector_close__HLUF4 :hover {
  cursor: pointer;
}

.RegionSelector_close__HLUF4 {
  background-color: rgba(0, 0, 0, 0);
  border: none;
}

.RegionSelector_bottomSheetHeading__AwLOu {
  color: var(--component-modal-color-title);
  text-align: center;
  margin: auto;
  padding: 10px;
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-xlarge);
  font-style: normal;
  font-weight: var(--typography-font-weight-xlarge);
  line-height: 110%;
}

.RegionSelector_selections__z6gC2 {
  display: flex;
  padding: var(--padding-small);
  flex-direction: column;
  gap: 12px;
  align-self: stretch;
}

.RegionSelector_selector__e93wW {
  padding: var(--spacing-spacing-12) var(--padding-medium);
}

.RegionSelector_locationSelector__kc0Zv {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.RegionSelector_locationSelectorButton__vVyP5 {
  display: flex;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  align-items: flex-start;
  padding: 0;
}

.RegionSelector_selectYourLocation__jYQ1l {
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-xsmall);
  font-style: normal;
  font-weight: var(--typography-font-weight-xsmall);
  line-height: normal;
}

.RegionSelector_button___GOEc {
  display: flex;
}

.RegionSelector_button2__eBM7R {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.RegionSelector_cta__OJRAP {
  display: flex;
  height: 24px;
  padding: var(--component-cta-size-base-padding-y) 0;
  align-items: center;
  gap: var(--component-cta-size-base-space-between);
}

.RegionSelector_callToAction__YRRWH {
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-decoration-line: underline;
  text-decoration-color: var(--interactiveTheme-button-ghost-link);
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 23%;
  text-underline-position: from-font;
  text-decoration-thickness: 2px;
  border-radius: var(--component-cta-radius);
}

.RegionSelector_callToAction__YRRWH,
.RegionSelector_callToAction__YRRWH svg.RegionSelector_cta-icon-default__sfxtB {
  color: var(--component-cta-color-brand-ghost-enabled-text);
}

.RegionSelector_callToAction__YRRWH svg.RegionSelector_cta-icon-default__sfxtB path {
  fill: var(--component-cta-color-brand-ghost-enabled-text);
}

.RegionSelector_callToAction__YRRWH:focus,
.RegionSelector_callToAction__YRRWH:focus svg.RegionSelector_cta-icon-default__sfxtB,
.RegionSelector_callToAction__YRRWH:hover,
.RegionSelector_callToAction__YRRWH:hover svg.RegionSelector_cta-icon-default__sfxtB {
  color: var(--component-cta-color-brand-ghost-enabled-text);
}

.RegionSelector_callToAction__YRRWH:focus svg.RegionSelector_cta-icon-default__sfxtB path,
.RegionSelector_callToAction__YRRWH:hover svg.RegionSelector_cta-icon-default__sfxtB path {
  fill: var(--component-cta-color-brand-ghost-enabled-text);
}

.RegionSelector_callToAction__YRRWH:active {
  outline: none;
}

.RegionSelector_callToAction__YRRWH:focus {
  outline: 2px solid var(--component-cta-color-brand-ghost-enabled-text);
  outline-offset: 3px;
  text-decoration-line: underline;
}

.RegionSelector_callToAction__YRRWH:hover {
  text-decoration-line: none;
}

.RegionSelector_callToAction__YRRWH:disabled {
  opacity: var(--component-cta-color-brand-cta-outline-disabled-opacity);
}

.RegionSelector_container2__4INBJ {
  display: flex;
  align-items: center;
}

.RegionSelector_selectedLanguage__PnKXi {
  color: var(--component-modal-color-title);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.RegionSelector_countriesList__dkfmm {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 48px;
  padding: 24px 0;
}

@media (max-width: 992px) {
  .RegionSelector_countriesList__dkfmm {
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }
}

@media (max-width: 767px) {
  .RegionSelector_countriesList__dkfmm {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.Preamble_preambleWrapper__d_qax {
  width: 100%;
  max-width: var(--columns-full-max-width);
}

@media (min-width: 48rem) {
  .Preamble_preambleWrapper_SideLeft__qdCkB {
    align-items: center;
    gap: var(--spacing-general-gutter);
    display: flex;
    padding-bottom: var(--margin-small);
    justify-content: center;
    align-items: flex-start;
  }
}

@media (min-width: 48rem) and ((min-width: 48rem) and (max-width: 75rem)) {
  .Preamble_preambleWrapper_SideLeft__qdCkB > * {
    min-width: var(--columns-half-min-width);
    flex: 1 1 0;
  }
}

.Preamble_preambleWrapper_TopCenter__5TkKL {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.Preamble_preamble__JzK_7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  row-gap: var(--space-between-medium);
  align-self: stretch;
  flex-wrap: wrap;
}

.Preamble_preambleAlignLeft__vZQqf {
  text-align: left;
}

.Preamble_preambleAlignLeft__vZQqf .Preamble_preambleCopy__qoZUQ {
  align-items: flex-start;
  text-align: left;
}

.Preamble_preambleAlignCenter__96eQP,
.Preamble_preambleAlignCenter__96eQP .Preamble_preambleCopy__qoZUQ {
  text-align: center;
}

.Preamble_preambleAlignCenterForSideLeft__5gMyX {
  display: flex;
  align-items: center;
  gap: var(--spacing-general-gutter);
  flex: 1 0 0;
  min-width: var(--columns-one-third-min-width);
  max-width: var(--columns-one-third-max-width);
  padding-bottom: var(--margin-small);
  justify-content: center;
  align-items: flex-start;
}

@media (min-width: 48rem) {
  [class*="Carousel_carouselWrapper"] .Preamble_preambleAlignCenterForSideLeft__5gMyX {
    max-width: 25%;
  }
}

@media (max-width: 47.9375rem) {
  .Preamble_preambleAlignCenterForSideLeft__5gMyX {
    text-align: center;
  }

  .Preamble_preambleAlignCenterForSideLeft__5gMyX .Preamble_preambleCopy__qoZUQ,
  .Preamble_preambleAlignCenterForSideLeft__5gMyX .Preamble_preambleHeadlineTitlesContainer__03JHJ {
    align-items: center;
    text-align: center;
    justify-content: center;
  }
}

.Preamble_preambleCopyContainer__t9rbR {
  display: flex;
  padding-bottom: var(--spacing-general-top-title-margin-bottom);
  align-items: flex-end;
  align-content: flex-end;
  row-gap: var(--space-between-large);
  flex: 1 0 0;
  flex-wrap: wrap;
}

.Preamble_preambleAlignCenter__96eQP .Preamble_preambleCopyContainer__t9rbR {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--spacing-general-copy-margin-bottom);
}

.Preamble_preambleCopySideLeft__2BI3O {
  justify-content: center;
  align-items: center;
}

@media (min-width: 48rem) {
  .Preamble_preambleCopySideLeft__2BI3O {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
  }
}

@media (min-width: 47.9375rem) {
  .Preamble_preambleAlignLeft__vZQqf .Preamble_preambleCopySideLeft__2BI3O {
    gap: var(--margin-large);
  }
}

@media (min-width: 48rem) {
  .Preamble_preambleCopy__qoZUQ {
    padding-right: var(--margin-large);
  }
}

.Preamble_preambleCopy__qoZUQ {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
}

@media (max-width: 47.9375rem) {
  .Preamble_preambleCopy__qoZUQ {
    flex-basis: 100%;
  }
}

@media (min-width: 48rem) {
  .Preamble_preambleCopy__qoZUQ {
    min-width: var(--columns-half-min-width);
  }
}

.Preamble_preambleAlignCenter__96eQP .Preamble_preambleCopy__qoZUQ {
  width: 100%;
  max-width: var(--typography-copy-max-width);
  align-items: center;
  align-self: stretch;
  padding-right: 0;
}

.Preamble_preambleAlignCenterForSideLeft__5gMyX .Preamble_preambleCopy__qoZUQ {
  padding-right: 0;
}

.Preamble_preambleHeadlineEyebrow__uCAz1 {
  color: var(--component-content-grid-color-subtitle);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-eyebrow);
  font-style: normal;
  font-weight: var(--typography-font-weight-xsmall);
  line-height: normal;
  padding-bottom: var(--spacing-general-eyebrow-margin-bottom);
  gap: var(--space-between-xxsmall);
}

.Preamble_preambleHeadlineTitlesContainer__03JHJ {
  display: flex;
  padding-bottom: var(--spacing-general-subtitle-margin-top);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-general-title-margin-bottom);
  align-self: stretch;
  container-type: inline-size;
}

.Preamble_preambleAlignCenter__96eQP .Preamble_preambleHeadlineTitlesContainer__03JHJ {
  align-items: center;
}

.Preamble_preambleHeadlineText__2i_Of {
  color: var(--component-content-grid-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-xlarge);
  font-style: normal;
  font-weight: var(--typography-font-weight-xlarge);
  line-height: 110%;
  word-break: break-word;
}

@container (width <=200px) {
  .Preamble_preambleHeadlineText__2i_Of {
    hyphens: auto;
  }
}

.Preamble_preambleAlignCenter__96eQP .Preamble_preambleHeadlineText__2i_Of {
  text-align: center;
}

.Preamble_preambleHeadlineSubhead__082iF {
  color: var(--component-content-grid-color-subtitle);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-small);
  font-style: normal;
  font-weight: var(--typography-font-weight-small);
  line-height: normal;
}

.Preamble_preambleAlignCenter__96eQP .Preamble_preambleHeadlineSubhead__082iF {
  text-align: center;
}

.Preamble_preambleHeadlineDescription__HmcYv {
  max-width: 1090px;
  color: var(--component-content-grid-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.Preamble_preambleAlignCenter__96eQP .Preamble_preambleHeadlineDescription__HmcYv {
  text-align: center;
}

.Preamble_preambleCta__Ta0ms {
  display: flex;
  padding-top: var(--spacing-general-cta-margin-top);
  flex-direction: column;
  justify-content: center;
  gap: var(--space-between-small);
  align-items: flex-start;
  width: 100%;
}

.Preamble_preambleCta__Ta0ms.Preamble_preambleCtaCenter__725kF {
  flex-direction: row;
  align-content: flex-start;
  align-self: stretch;
  flex-wrap: wrap;
}

@media (min-width: 47.9375rem) {
  .Preamble_preambleCta__Ta0ms {
    align-items: flex-end;
    width: auto;
  }
}

.Preamble_preambleCtaSideLeft__873jI {
  align-items: center;
}

@media (min-width: 48rem) {
  .Preamble_preambleCtaSideLeft__873jI {
    align-items: flex-start;
  }
}

@media (min-width: 75rem) {
  .Preamble_preambleCtaSideLeft__873jI {
    flex-direction: row;
    justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
  }
}

@media (max-width: 47.9375rem) {
  .Preamble_preambleCtaSideLeft__873jI {
    align-items: center;
  }
}

.Preamble_preambleHeadlineIconContainer__gcJU4 {
  display: flex;
  padding-bottom: var(--spacing-spacing-16);
  align-items: center;
}

.Preamble_preambleHeadlineIcon__6K_jo {
  width: var(--icon-small-width);
  height: var(--icon-small-width);
  gap: 8px;
  aspect-ratio: 1/1;
}

.Preamble_preambleCtaCenter__725kF {
  align-items: center;
}

@media (min-width: 47.9375rem) {
  .Preamble_preambleCtaCenter__725kF {
    align-items: flex-end;
  }
}

@media (min-width: 48rem) {
  [class*="Carousel_carouselWrapper"] [class*="Preamble_preambleWrapper_SideLeft"] .Preamble_rightContainerMain__PGk2d {
    max-width: 75%;
  }
}

.Accordion_accordionSectionWrapper__CAMLE {
  width: 100%;
  background: var(--component-content-grid-color-bg);
  display: flex;
  justify-content: center;
  padding: var(--spacing-general-margin-y) var(--spacing-general-margin-x);
}

.Accordion_accordionWrapper__QyYKi {
  width: 100%;
  max-width: var(--columns-full-max-width);
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  gap: 24px;
}

.Accordion_accordionWrapper__QyYKi [class*="Preamble_preambleHeadlineDescription"] {
  width: 100%;
  max-width: 100%;
}

.Accordion_accordionSection__kubRh {
  width: 100%;
  border: none;
}

.Accordion_accordionContainer__cTdve {
  max-width: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.Accordion_accordionContainer__cTdve.Accordion_noImagesLayout__bFMEA .Accordion_leftContainer__AbgU2 {
  gap: 0;
}

.Accordion_accordionContainer__cTdve.Accordion_noImagesLayout__bFMEA .Accordion_headingIcon__dW61v:empty {
  display: none;
}

.Accordion_accordionItem__PTJ6I {
  padding: var(--component-accordion-padding-y) var(--component-accordion-padding-x);
  gap: var(--space-between-medium);
  border-radius: var(--general-radius-accordion);
  border-top: var(--component-accordion-item-border-top) solid var(--component-accordion-color-default-border);
  border-right: var(--component-accordion-item-border-right) solid var(--component-accordion-color-default-border);
  border-bottom: var(--component-accordion-item-border-bottom) solid var(--component-accordion-color-default-border);
  border-left: var(--component-accordion-item-border-left) solid var(--component-accordion-color-default-border);
}

.Accordion_accordionContent__49A2S {
  color: var(--componentTheme-surface-text-primary);
}

.Accordion_accordionContent__49A2S div[style],
.Accordion_accordionContent__49A2S li[style],
.Accordion_accordionContent__49A2S p[style],
.Accordion_accordionContent__49A2S span[style] {
  color: var(--componentTheme-surface-text-primary) !important;
  background-color: rgba(0, 0, 0, 0) !important;
}

.CurrentSelection_locationSelector__vZ6pM {
  display: flex;
  align-items: flex-start;
  word-break: normal;
}

.CurrentSelection_contentContainer__wT0Te {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-spacing-2);
}

.CurrentSelection_countryName__uHnLM {
  color: var(--component-location-selector-color-default-title);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.CurrentSelection_languageContainer__cvYsG {
  display: flex;
  align-items: flex-start;
  gap: var(--component-cta-size-base-space-between);
}

.CurrentSelection_languageWrapper__2NKZP {
  display: flex;
  height: 24px;
  padding: var(--component-cta-size-base-padding-y) 0;
  align-items: center;
  gap: var(--component-cta-size-base-space-between);
}

.CurrentSelection_language__bcuB9 {
  color: var(--theme-primary-bg-text-link);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.CurrentSelection_language__bcuB9:hover {
  text-decoration: underline;
}

.CurrentSelection_language__bcuB9:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.Newsletter_newsletterContent__l_RmA {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-general-buttons-space-between);
  align-self: stretch;
}

.Newsletter_newsletterheading__dFKeo {
  color: var(--component-site-footer-footer-links-column-label);
  font-family: var(--typography-font-family-header);
  font-weight: 700;
  line-height: 120%;
}

.Newsletter_newsletterDesc__UzuSY,
.Newsletter_newsletterheading__dFKeo {
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
}

.Newsletter_newsletterDesc__UzuSY {
  color: var(--component-site-footer-footer-links-text);
  font-family: var(--typography-font-family-body);
  font-weight: 400;
  line-height: 150%;
}

.Newsletter_newsButton__XrM_v.Newsletter_newsBase__kjbYv.Newsletter_newsLink__QDaFX {
  padding: var(--component-cta-size-base-padding-y) var(--component-cta-size-base-padding-right) var(--component-cta-size-base-padding-y) var(--component-cta-size-base-padding-left);
}

.Newsletter_newsButton__XrM_v {
  border: var(--component-cta-size-base-border) solid var(--component-cta-color-brand-fill-enabled-border);
  background: var(--component-cta-color-brand-fill-enabled-bg);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration-line: underline;
  text-decoration-color: var(--componentTheme-content-grid-text-link-underline);
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  text-underline-position: from-font;
  text-decoration-thickness: 2px;
  border-radius: var(--component-cta-radius);
}

.Newsletter_newsButton__XrM_v,
.Newsletter_newsButton__XrM_v svg.Newsletter_cta-icon-default__uVFjv {
  color: var(--component-cta-color-brand-fill-enabled-text);
}

.Newsletter_newsButton__XrM_v svg.Newsletter_cta-icon-default__uVFjv path {
  fill: var(--component-cta-color-brand-fill-enabled-text);
}

.Newsletter_newsButton__XrM_v:focus,
.Newsletter_newsButton__XrM_v:focus svg.Newsletter_cta-icon-default__uVFjv,
.Newsletter_newsButton__XrM_v:hover,
.Newsletter_newsButton__XrM_v:hover svg.Newsletter_cta-icon-default__uVFjv {
  color: var(--component-cta-color-brand-fill-enabled-text);
}

.Newsletter_newsButton__XrM_v:focus svg.Newsletter_cta-icon-default__uVFjv path,
.Newsletter_newsButton__XrM_v:hover svg.Newsletter_cta-icon-default__uVFjv path {
  fill: var(--component-cta-color-brand-fill-enabled-text);
}

.Newsletter_newsButton__XrM_v:active {
  outline: none;
}

.Newsletter_newsButton__XrM_v:focus {
  outline: 2px solid var(--component-cta-color-brand-fill-enabled-text);
  outline-offset: 3px;
  text-decoration-line: underline;
}

.Newsletter_newsButton__XrM_v:hover {
  text-decoration-line: none;
}

.Newsletter_newsButton__XrM_v:disabled {
  opacity: var(--component-cta-color-brand-cta-outline-disabled-opacity);
}

.Newsletter_newsButton__XrM_v {
  text-decoration: none;
  text-align: center;
}

.Newsletter_newsButton__XrM_v:hover {
  border-radius: var(--component-cta-radius);
  border: var(--component-cta-size-base-border) solid var(--component-cta-color-brand-fill-hover-border);
  background: var(--component-cta-color-brand-fill-hover-bg);
}

.Newsletter_newsButton__XrM_v:focus,
.Newsletter_newsButton__XrM_v:focus-visible {
  border-radius: var(--component-cta-radius);
  border: var(--component-cta-size-base-border) solid var(--component-cta-color-brand-fill-enabled-border);
  outline: 2px solid var(--component-cta-color-brand-fill-hover-border);
  text-decoration: none;
}

.FooterBottomBar_footerBottomBarWrapper__Kdzcr {
  width: 100%;
  background: var(--component-site-footer-bottom-bar-bg);
  padding: var(--component-site-footer-bottom-bar-padding-y) 0;
}

.FooterBottomBar_footerBottomBar__ww7az {
  display: flex;
  max-width: var(--columns-full-max-width);
  margin: 0 auto;
  padding: var(--padding-small) calc(var(--spacing-general-container-padding-x) + var(--component-site-footer-bottom-bar-padding-x));
  justify-content: space-between;
  align-items: center;
  align-content: center;
  row-gap: 32px;
  flex: 1 0 0;
  flex-wrap: wrap;
}

.FooterBottomBar_bottomBarNav__AboEY ul {
  display: flex;
  flex-direction: row;
  flex: 1 0 0;
  gap: 24px var(--padding-small);
  align-self: stretch;
  flex-wrap: wrap;
}

@media (max-width: 1199px) {
  .FooterBottomBar_bottomBarNav__AboEY ul {
    flex-direction: column;
    gap: var(--padding-medium);
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
  }
}

.FooterBottomBar_bottomBarNav__AboEY ul li {
  list-style: none;
}

.FooterBottomBar_bottomBarNav__AboEY ul li a {
  display: flex;
  align-items: center;
  gap: var(--component-site-footer-footer-links-gap-icon);
  color: var(--component-site-footer-footer-links-link);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.FooterBottomBar_bottomBarNav__AboEY ul li a .FooterBottomBar_linkText__DOotv {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  text-decoration: underline;
  text-decoration-color: var(--component-site-footer-footer-links-link-underline);
  text-underline-offset: 3px;
}

.FooterBottomBar_bottomBarNav__AboEY ul li a:hover .FooterBottomBar_linkText__DOotv {
  text-decoration: none;
}

.FooterBottomBar_bottomBarNav__AboEY ul li a svg {
  flex-shrink: 0;
}

.FooterBottomBar_bottomBarNav__AboEY ul li button {
  background: none;
  border: none;
  margin: 0;
  cursor: pointer;
}

.FooterBottomBar_copyrightText__vNSCJ {
  color: var(--component-site-footer-footer-links-text);
  text-align: right;
}

@media (max-width: 1199px) {
  .FooterBottomBar_copyrightText__vNSCJ {
    align-self: flex-end;
  }
}

.FooterBottomBar_copyrightText__vNSCJ {
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.FooterBottomBar_bottomBarLinks__Qp9E4 {
  display: flex;
  align-items: center;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}

.FooterBottomBar_linkListItem__kKclr {
  display: flex;
  align-items: center;
  gap: var(--component-site-footer-footer-links-gap-icon);
}

.VerticalVideo_verticalVideoWrapper__D6GWk {
  display: flex;
  min-width: var(--screen-dimensions-min-width);
  padding: var(--component-content-grid-margin-y);
  align-items: center;
  gap: var(--spacing-general-gutter);
  align-self: stretch;
  justify-content: center;
  background: var(--component-content-grid-color-bg);
  overflow-x: hidden;
}

.VerticalVideo_verticalVideoContainer__i5PGN {
  display: flex;
  width: 100%;
  align-items: stretch;
  justify-content: center;
  position: relative;
}

@media (min-width: 75rem) {
  .VerticalVideo_verticalVideoContainer__i5PGN [class*="Preamble_preambleWrapper_SideLeft"] {
    justify-content: flex-start;
    overflow: hidden;
  }
}

@media (max-width: 47.9375rem) {
  .VerticalVideo_verticalVideoContainer__i5PGN [class*="Preamble_preambleCopyContainer"] {
    margin-left: -25px;
  }
}

.VerticalVideoGallery_galleryWrapper__A6QBW {
  --vertical-video-card-width: 337px;
  --vertical-video-card-gap: 16px;
  --vertical-video-tablet-gap: 12px;
  --vertical-video-mobile-gap: 8px;
  --vertical-video-mobile-shrink-start: 450px;
  --vertical-video-desktop-gallery-max-width: calc((var(--vertical-video-card-width) * 3) + (var(--vertical-video-card-gap) * 2));
  width: 100%;
}

@media (min-width: 75rem) {
  .VerticalVideoGallery_galleryWrapper__A6QBW {
    width: min(100%, var(--vertical-video-desktop-gallery-max-width));
    max-width: var(--vertical-video-desktop-gallery-max-width);
    min-width: 0;
    flex: 1 1 var(--vertical-video-desktop-gallery-max-width);
  }
}

@media (max-width: 47.9375rem) {
  .VerticalVideoGallery_galleryWrapper__A6QBW {
    margin-left: calc(var(--component-content-grid-margin-x) * -1);
    margin-right: calc(var(--component-content-grid-margin-x) * -1);
    width: calc(100% + var(--component-content-grid-margin-x) * 2);
    max-width: calc(100% + var(--component-content-grid-margin-x) * 2);
    overflow: clip;
  }
}

.VerticalVideoGallery_gallery__W7Vc6 {
  display: flex;
  gap: var(--vertical-video-card-gap);
  width: 100%;
  margin: 0;
  list-style: none;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  scroll-behavior: smooth;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable both-edges;
}

@media (prefers-reduced-motion: reduce) {
  .VerticalVideoGallery_gallery__W7Vc6 {
    scroll-behavior: auto;
  }
}

@media (max-width: 74.9375rem) {
  .VerticalVideoGallery_gallery__W7Vc6 {
    padding-left: var(--component-content-grid-margin-x);
    padding-right: var(--component-content-grid-margin-x);
  }
}

@media (min-width: 75rem) {
  .VerticalVideoGallery_gallery__W7Vc6 {
    padding-left: 0;
    padding-right: 0;
    justify-content: center;
    overflow-x: hidden;
  }

  .VerticalVideoGallery_galleryWrapper__A6QBW[data-card-count="1"] .VerticalVideoGallery_gallery__W7Vc6,
  .VerticalVideoGallery_galleryWrapper__A6QBW[data-card-count="2"] .VerticalVideoGallery_gallery__W7Vc6 {
    justify-content: center;
  }
}

.VerticalVideoGallery_galleryItem__wQHAW {
  display: flex;
  scroll-snap-align: start;
  scroll-margin-inline: var(--component-content-grid-margin-x);
  flex: 0 0 auto;
}

.VerticalVideoGallery_galleryItem__wQHAW > * {
  width: 100%;
  height: 100%;
}

@media (min-width: 75rem) {
  .VerticalVideoGallery_galleryItem__wQHAW {
    width: min(var(--vertical-video-card-width), (100% - var(--vertical-video-card-gap) * 2) / 3);
  }
}

@media ((min-width: 48rem) and (max-width: 74.9375rem)) {
  .VerticalVideoGallery_galleryItem__wQHAW {
    width: var(--vertical-video-card-width);
  }
}

@media (max-width: 47.9375rem) {
  .VerticalVideoGallery_galleryItem__wQHAW {
    width: min(var(--vertical-video-card-width), 100vw - (var(--vertical-video-mobile-shrink-start) - var(--vertical-video-card-width)));
    min-width: 310px;
  }
}

.VerticalVideoCard_card__G61_a {
  display: flex;
  box-sizing: border-box;
  height: 100%;
  padding: var(--component-card-recipe-card-padding-y) var(--component-card-recipe-card-padding-x);
  min-width: var(--width-component-carousel-card-min-width);
  max-width: 337px;
  min-height: var(--component-card-recipe-card-minHeight);
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  border-radius: var(--component-card-recipe-card-radius);
  border: var(--component-card-recipe-card-border-width) solid var(--component-vertical-video-color-border-focus);
  background: var(--component-error-state-page-color-surface);
}

.VerticalVideoCard_cardMediaContainer__WDZbm {
  width: 100%;
}

.VerticalVideoCard_cardCopyContainer__OQKwJ {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1;
}

.VerticalVideoCard_cardThumbnailContainer__uHBEa {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  width: 100%;
  aspect-ratio: 9/16;
  border-bottom: var(--component-card-recipe-card-border-width) solid var(--component-vertical-video-color-border-focus);
  border-radius: var(--component-card-recipe-image-radius);
  overflow: hidden;
  background:
    linear-gradient(0deg, var(--component-cards-base-color-on-surface-image-bg) 0, var(--component-cards-base-color-on-surface-image-bg) 100%),
    var(--component-cards-base-color-on-surface-image-bg) 50% / cover no-repeat;
  background-blend-mode: plus-darker, normal;
}

.VerticalVideoCard_cardThumbnailContainerFallback__3OGmO {
  border-radius: var(--component-card-recipe-image-radius);
  --vertical-video-thumbnail-bg: var(--component-cards-base-color-on-surface-image-bg);
  --vertical-video-thumbnail-checker-size: var(--spacing-spacing-32);
  background-color: var(--vertical-video-thumbnail-bg);
  background-image:
    conic-gradient(from 90deg, transparent 0 25%, var(--vertical-video-thumbnail-bg) 0 50%, transparent 0 75%, var(--vertical-video-thumbnail-bg) 0),
    linear-gradient(0deg, var(--vertical-video-thumbnail-bg) 0, var(--vertical-video-thumbnail-bg) 100%);
  background-size:
    calc(var(--vertical-video-thumbnail-checker-size) * 2) calc(var(--vertical-video-thumbnail-checker-size) * 2),
    100% 100%;
  background-position:
    0 0,
    0 0;
  background-repeat: repeat, no-repeat;
  background-blend-mode: multiply, normal;
}

.VerticalVideoCard_cardPlayButton__KB9yo {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  cursor: pointer;
  position: relative;
}

.VerticalVideoCard_cardPlayButton__KB9yo:focus-visible .VerticalVideoCard_cardPlayIcon__4A6Gs {
  outline: var(--component-cta-size-base-border) solid var(--component-cta-color-brand-outline-enabled-border);
  outline-offset: -5px;
}

.VerticalVideoCard_cardThumbnailImage__nPY5J {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: var(--component-card-recipe-image-radius);
  background:
    linear-gradient(0deg, var(--component-cards-base-color-on-surface-image-bg) 0, var(--component-cards-base-color-on-surface-image-bg) 100%),
    var(--component-cards-base-color-on-surface-image-bg) 50% / cover no-repeat;
  background-blend-mode: plus-darker, normal;
}

.VerticalVideoCard_cardPlayIcon__4A6Gs {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--spacing-spacing-56);
  height: var(--spacing-spacing-56);
  border-radius: var(--radius-radius-rounded);
  background: var(--general-color-fill-white);
  z-index: 1;
}

.VerticalVideoCard_cardPlayIcon__4A6Gs:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translate(-50%, -50%);
  border-style: solid;
  border-width: var(--spacing-spacing-12) 0 var(--spacing-spacing-12) var(--spacing-spacing-16);
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--theme-brand-action);
}

.VerticalVideoCard_cardContent__9jfUu {
  display: flex;
  padding: var(--component-cards-base-copy-padding-y) var(--component-cards-base-copy-padding-x);
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex: 1;
  background: var(--general-color-background-white);
}

.VerticalVideoCard_cardTitle__ukrzb {
  display: flex;
  padding-bottom: var(--margin-xxsmall);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-general-title-margin-bottom);
  align-self: stretch;
}

.VerticalVideoCard_cardDescription__ybGrr {
  display: -webkit-box;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.VerticalVideoCard_cardDescriptionPlaceholder__EuwqT,
.VerticalVideoCard_cardTitlePlaceholder__WhNuF {
  display: block;
  border-radius: var(--component-card-recipe-image-radius);
  background-color: var(--component-cards-base-color-on-surface-image-bg);
}

.VerticalVideoCard_cardDescriptionPlaceholder__EuwqT {
  width: 100%;
  min-height: calc(var(--typography-font-size-desktop-body-medium) * 1.5 * 3);
}

.VerticalVideoCard_cardLinks__gKZBX {
  display: flex;
  flex-direction: column;
  gap: var(--component-cta-size-base-space-between);
  list-style: none;
  margin: 0;
  padding: 0 var(--component-cards-base-copy-padding-x) var(--component-cards-base-copy-padding-y);
  background-color: var(--general-color-background-white);
}

.VerticalVideoCard_cardLinksLeftAligned__4ZnJV {
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
}

.VerticalVideoCard_cardLinksItem__C5Nll {
  display: flex;
  padding: var(--component-cta-size-base-padding-y) 0;
  align-items: center;
  gap: var(--component-cta-size-base-space-between);
  text-align: center;
}

.VerticalVideoModal_modalCloseButton__nrubX {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: var(--typography-font-size-body-xlarge);
  color: var(--component-modal-color-title);
  border-radius: var(--general-radius-image);
  flex-shrink: 0;
}

.VerticalVideoModal_modalCloseButton__nrubX:focus-visible {
  outline: var(--component-cta-size-base-border) solid var(--component-cta-color-brand-outline-enabled-border);
  outline-offset: var(--spacing-spacing-2);
}

.VerticalVideoModal_modalLayout__zbVGq {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-spacing-8);
  width: 100%;
}

.VerticalVideoModal_modalCtaRow__R99bw {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}

.VerticalVideoModal_modalContentRow__ArNSM {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: var(--typography-copy-max-width);
  gap: var(--margin-xxsmall);
}

.VerticalVideoModal_modalTitle__S3T7N {
  color: var(--component-modal-color-title);
  font-size: var(--typography-font-size-body-xlarge);
  font-weight: var(--typography-font-weight-body-bold);
}

.VerticalVideoModal_modalSubtitle__CYj5v,
.VerticalVideoModal_modalTitle__S3T7N {
  margin: 0;
  width: 100%;
  text-align: center;
  white-space: pre-wrap;
  font-family: var(--typography-font-family-body);
}

.VerticalVideoModal_modalSubtitle__CYj5v {
  color: var(--component-modal-color-body);
  font-size: var(--typography-font-size-body-medium);
  font-weight: var(--typography-font-weight-body);
}

.VerticalVideoModal_modalMediaRow__p5Xfk {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.VerticalVideoModal_modalEmbedFrame__lRbnv {
  width: min(100%, 400px);
  height: 711px;
}

.VerticalVideoModal_modalEmbedFrame__lRbnv .iframeEmbedContainer,
.VerticalVideoModal_modalEmbedFrame__lRbnv .iframeEmbedContainerPortrait,
.VerticalVideoModal_modalEmbedFrame__lRbnv > * {
  width: 100%;
  height: 100%;
}

.VerticalVideoModal_modalEmbedFrame__lRbnv .iframeEmbedContainer iframe,
.VerticalVideoModal_modalEmbedFrame__lRbnv .iframeEmbedContainerPortrait iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.ModalDialog_modalOverlay__BeAfO {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--component-modal-content-padding-y) var(--component-modal-content-padding-x);
  background: var(--component-modal-color-smokescreen);
}

.ModalDialog_modalContent__hue08 {
  width: 100%;
  min-width: 320px;
  max-width: 480px;
  max-height: 90vh;
  outline: none;
}

.ModalDialog_dialog__VzM1B {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 90vh;
  overflow: hidden;
  border-radius: var(--general-radius-dialog);
  background: var(--component-modal-color-surface);
  box-shadow: 0 var(--general-drop-shadow-sub-menu-y-value) var(--component-dialog-box-shadow-blur) 0 var(--general-drop-shadow-color);
}

.ModalDialog_header__lCpJq {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--margin-small);
  padding: var(--component-modal-content-padding-y) var(--component-modal-content-padding-x) var(--margin-none);
}

.ModalDialog_title__NJv84 {
  margin: 0;
  color: var(--component-modal-color-title);
}

.ModalDialog_description__cpsOF {
  padding: 0 var(--component-modal-content-padding-x) var(--margin-none);
  color: var(--component-modal-color-body);
}

.ModalDialog_body__ZyozE {
  flex: 1 1 auto;
  overflow: auto;
  padding: var(--component-modal-content-padding-y) var(--component-modal-content-padding-x);
}

.ModalDialog_actions__i3S_I {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--component-cta-size-base-space-between);
  padding: var(--margin-none) var(--component-modal-content-padding-x) var(--component-modal-content-padding-y);
}

.TableOfContents_tableOfContents__ir1_H {
  display: flex;
  width: 100%;
  padding: var(--component-content-grid-margin-y) var(--component-content-grid-margin-x);
  justify-content: center;
  align-items: flex-start;
}

.TableOfContents_container__XpI3S {
  display: flex;
  width: 100%;
  gap: var(--spacing-spacing-24);
  min-width: var(--columns-full-min-width);
  max-width: var(--typography-copy-max-width);
  padding: var(--padding-medium);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-between-large);
  align-self: stretch;
  border-radius: var(--general-radius-base);
  background: var(--general-color-background-light);
}

.TableOfContents_heading__ylxuQ {
  margin: 0;
  color: var(--component-content-grid-color-title);
  font-family: var(--typography-font-family-header);
  font-weight: var(--typography-font-weight-medium);
  font-size: var(--typography-font-size-header-medium);
  font-style: normal;
  line-height: 120%;
  letter-spacing: var(--typography-letter-spacing-header-medium);
}

@media screen and (min-width: 48rem) {
  .TableOfContents_heading__ylxuQ {
    font-size: var(--typography-font-size-desktop-header-medium);
    letter-spacing: var(--typography-letter-spacing-desktop-header-medium);
  }
}

.TableOfContents_list__RTNzU {
  margin: 0;
  padding: 0;
  list-style: none;
  align-self: stretch;
  counter-reset: toc;
}

@media screen and (min-width: 75rem) {
  .TableOfContents_list__RTNzU.TableOfContents_listGrid__OTjCF {
    -moz-columns: 3;
    column-count: 3;
    -moz-column-gap: var(--spacing-spacing-24);
    column-gap: var(--spacing-spacing-24);
  }
}

.TableOfContents_listItem__kJ6B5 {
  counter-increment: toc;
  display: grid;
  grid-template-columns: max-content 1fr;
  -moz-column-gap: var(--spacing-spacing-8);
  column-gap: var(--spacing-spacing-8);
  align-items: start;
  width: auto;
  max-width: 100%;
  margin-bottom: var(--spacing-spacing-16);
  position: relative;
}

.TableOfContents_listItem__kJ6B5:focus-within:has(:focus-visible) {
  outline: 2px solid var(--component-cta-color-brand-outline-enabled-border);
  outline-offset: 6px;
  border-radius: var(--radius-radius-0);
}

@media screen and (min-width: 75rem) {
  .TableOfContents_listItem__kJ6B5 {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    padding-right: var(--spacing-spacing-12);
  }
}

.TableOfContents_listItem__kJ6B5:before {
  content: counter(toc) ".";
  color: var(--componentTheme-content-grid-text-link);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
  line-height: 150%;
}

@media screen and (min-width: 48rem) {
  .TableOfContents_listItem__kJ6B5:before {
    font-size: var(--typography-font-size-desktop-body-medium);
  }
}

.TableOfContents_listItem__kJ6B5.TableOfContents_active__TYh1n .TableOfContents_link__LX_Gs {
  color: var(--component-table-of-contents-color-link-active);
}

.TableOfContents_link__LX_Gs {
  display: inline;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  padding: 0;
  text-decoration: underline;
  color: var(--componentTheme-content-grid-text-link);
  line-height: 150%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-color: var(--interactiveTheme-button-ghost-link);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  text-underline-position: from-font;
  cursor: pointer;
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
}

@media screen and (min-width: 48rem) {
  .TableOfContents_link__LX_Gs {
    font-size: var(--typography-font-size-desktop-body-medium);
  }
}

.TableOfContents_link__LX_Gs:hover {
  color: var(--component-cta-color-brand-ghost-enabled-text);
  text-decoration: none;
}

.TableOfContents_link__LX_Gs:focus-visible {
  outline: none;
}

.TableOfContents_toggleButton__qxf7D {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  padding: var(--component-cta-size-small-padding-y) var(--component-cta-size-small-padding-left);
  justify-content: center;
  align-items: center;
  gap: var(--component-cta-size-small-gap);
  color: var(--component-cta-color-brand-outline-enabled-text);
  text-align: center;
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: var(--typography-font-weight-button);
  line-height: 150%;
  border-radius: var(--component-cta-radius);
  border: var(--component-cta-size-base-border) solid var(--component-cta-color-brand-outline-enabled-border);
  background: var(--component-cta-color-brand-outline-enabled-bg);
}

@media screen and (min-width: 75rem) {
  .TableOfContents_toggleButton__qxf7D {
    display: none;
  }
}

.TableOfContents_toggleButton__qxf7D:active {
  background: var(--component-cta-color-brand-outline-hover-bg);
  border-color: var(--component-cta-color-brand-outline-hover-border);
  color: var(--component-cta-color-brand-outline-hover-text);
}

.TableOfContents_toggleButton__qxf7D:focus-visible {
  outline: none;
  position: relative;
}

.TableOfContents_toggleButton__qxf7D:focus-visible:after {
  content: "";
  position: absolute;
  inset: -8px;
  border: 2px solid var(--component-cta-color-brand-outline-enabled-border);
  pointer-events: none;
}

.TableOfContents_placeholder__sBwOG p {
  margin: 0 0 var(--spacing-spacing-16) 0;
  padding: var(--spacing-spacing-12);
  background: var(--color-background-info-subtle);
  border-left: 4px solid var(--color-border-info);
  color: var(--color-text-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-body-small);
  line-height: 150%;
  border-radius: var(--radius-radius-4);
}

@media print {
  .TableOfContents_tableOfContents__ir1_H {
    display: none;
  }
}

.SearchResults_searchResults__smG42 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  max-width: var(--screen-dimensions-max-width);
  margin: 0 auto;
}

.SearchResults_noSearchTerm__WV836 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-general-title-margin-bottom);
  padding: var(--component-content-grid-margin-y) var(--component-content-grid-margin-x);
  width: 100%;
  max-width: var(--columns-full-max-width);
}

.SearchResults_noSearchTermHeading__0yCol {
  margin: 0;
  color: var(--component-content-grid-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-xlarge);
  font-style: normal;
  font-weight: var(--typography-font-weight-xlarge);
  line-height: 110%;
  word-break: break-word;
  hyphens: auto;
}

.SearchResults_noSearchTermText__kbHxN {
  margin: 0;
  color: var(--component-content-grid-color-subtitle);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-small);
  font-style: normal;
  font-weight: var(--typography-font-weight-small);
  line-height: normal;
}

.CardListing_contentGrid__4bP8u {
  display: flex;
  padding: var(--component-content-grid-margin-y) var(--component-content-grid-margin-x);
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-general-gutter);
  align-self: stretch;
  background: var(--component-content-grid-color-bg);
}

@media print {
  .is-recipe .CardListing_contentGrid__4bP8u {
    display: none;
  }
}

.CardListing_contentGrid__4bP8u.CardListing_constrainedComponentWidth__VHfWc {
  margin: 0 auto;
}

.CardListing_contentGrid__4bP8u.CardListing_constrainedComponentWidth__VHfWc.CardListing_col-1__07sgT {
  max-width: var(--width-content-grid-max-width-1col);
}

.CardListing_contentGrid__4bP8u.CardListing_constrainedComponentWidth__VHfWc.CardListing_col-2__2io7F {
  max-width: var(--width-content-grid-max-width-2col);
}

.CardListing_contentGrid__4bP8u.CardListing_constrainedComponentWidth__VHfWc.CardListing_col-3__KdeqN {
  max-width: var(--width-content-grid-max-width-3col);
}

.CardListing_contentGrid__4bP8u.CardListing_constrainedComponentWidth__VHfWc.CardListing_col-4__n5hbo {
  max-width: var(--width-content-grid-max-width-4col);
}

.CardListing_contentGrid__4bP8u .CardListing_contentGridMainContent__yxfEN {
  display: flex;
  padding: var(--padding-none) var(--padding-small);
  flex-direction: column;
  align-items: center;
  gap: var(--space-between-medium);
  flex: 1 0 0;
}

.CardListing_contentGrid__4bP8u .CardListing_contentGridMainContent__yxfEN .CardListing_contentGridControls__5wZjS {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-general-gutter);
  align-self: stretch;
  padding: var(--padding-none) var(--padding-small);
}

.CardListing_contentGrid__4bP8u .CardListing_facetsContainer__QpRpC {
  width: 100%;
}

@media (min-width: 75rem) {
  .CardListing_contentGrid__4bP8u .CardListing_facetsContainer__QpRpC {
    width: var(--component-facets-max-width);
    align-self: flex-start;
  }
}

.CardListing_contentGrid__4bP8u .CardListing_contentGridWithFacets__Q8H3g {
  display: flex;
  width: 100%;
}

.CardListing_contentGrid__4bP8u .CardListing_mobileFilterTrigger__BfzVG {
  display: none;
  width: 100%;
  max-width: var(--columns-full-max-width);
  margin-bottom: var(--spacing-spacing-8);
  justify-content: flex-start;
  gap: 16px;
  align-items: center;
  padding: var(--padding-none) var(--padding-xsmall);
}

.CardListing_contentGrid__4bP8u .CardListing_mobileFilterButton__3pmcl {
  display: inline-flex;
  align-items: end;
  gap: var(--component-cta-size-base-space-between);
  padding: var(--component-filters-padding-x) var(--component-filters-padding-y);
  border: none;
  background-color: var(--component-filters-color-default-surface);
  color: var(--component-cta-color-brand-ghost-enabled-icon);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  cursor: pointer;
}

.CardListing_contentGrid__4bP8u .CardListing_mobileFilterButton__3pmcl span {
  color: var(--component-cta-color-brand-ghost-enabled-text);
  text-align: center;
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-button);
  line-height: 150%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-color: var(--interactiveTheme-button-ghost-link);
  text-decoration-thickness: 2px;
  text-underline-offset: 23%;
}

.CardListing_contentGrid__4bP8u .CardListing_mobileFilterButtonIcon__17jiW {
  width: 16px;
  height: 14px;
  grid-row: 1 / span 1;
  grid-column: 1 / span 1;
  justify-self: center;
}

.CardListing_contentGrid__4bP8u .CardListing_mobileFilterBadge__DFIow {
  min-width: 24px;
  height: 24px;
  padding: 0 var(--spacing-spacing-4);
  border-radius: 999px;
  background-color: var(--component-filters-color-selected-surface);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--typography-font-size-desktop-body-xsmall);
  font-weight: var(--typography-font-weight-body-bold);
}

.CardListing_contentGrid__4bP8u .CardListing_facetsMobilePanel__E6_0J {
  display: block;
}

.CardListing_contentGrid__4bP8u .CardListing_facetsMobileActions__JrZ7w,
.CardListing_contentGrid__4bP8u .CardListing_facetsMobilePanelHeader__wXRAR,
.CardListing_contentGrid__4bP8u .CardListing_facetsMobilePanelTitle__VFbUM {
  display: none;
}

.CardListing_contentGrid__4bP8u .CardListing_facetsMobileActionButton__laZS_ {
  width: 100%;
}

@media (max-width: 74.9375rem) {
  .CardListing_contentGrid__4bP8u .CardListing_contentGridWithFacets__Q8H3g {
    flex-direction: column;
  }

  .CardListing_contentGrid__4bP8u .CardListing_contentGridMainContent__yxfEN {
    padding: var(--padding-none);
  }

  .CardListing_contentGrid__4bP8u .CardListing_facetsContainer__QpRpC {
    display: none;
  }

  .CardListing_contentGrid__4bP8u .CardListing_mobileFilterTrigger__BfzVG {
    display: flex;
  }

  .CardListing_contentGrid__4bP8u .CardListing_facetsContainerMobileOpen__AxNXp {
    display: flex;
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
    justify-content: flex-end;
  }

  .CardListing_contentGrid__4bP8u .CardListing_facetsMobilePanel__E6_0J {
    display: flex;
    flex-direction: column;
    background-color: var(--component-content-grid-color-bg);
    width: 100%;
    padding: var(--spacing-spacing-16) var(--spacing-spacing-16) var(--spacing-spacing-24);
    height: 100%;
    box-sizing: border-box;
    margin-top: var(--spacing-spacing-16);
  }

  .CardListing_contentGrid__4bP8u .CardListing_facetsMobilePanelHeader__wXRAR {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-spacing-12);
  }

  .CardListing_contentGrid__4bP8u .CardListing_facetsMobilePanelTitle__VFbUM {
    display: block;
    font-size: var(--typography-font-size-desktop-body-large);
    font-weight: var(--typography-font-weight-body-bold);
  }

  .CardListing_contentGrid__4bP8u .CardListing_facetsMobileContent__wNKjT {
    flex: 1 1 auto;
    overflow-y: auto;
  }

  .CardListing_contentGrid__4bP8u .CardListing_facetsMobileActions__JrZ7w {
    display: flex;
    gap: var(--spacing-spacing-8);
    margin-top: var(--spacing-spacing-12);
    background: var(--general-color-background-white);
    box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.08);
    padding: var(--padding-small) var(--layout-compact-margin-y);
  }
}

.CardListing_contentGridTitle__pUpGx {
  width: 100%;
  max-width: var(--columns-full-max-width);
}

.CardListing_contentGrid__4bP8u .CardListing_contentGrid__4bP8u .CardListing_rte__81wKJ:first-of-type {
  width: 100%;
  max-width: var(--columns-full-max-width);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-spacing-8);
  margin-bottom: var(--spacing-spacing-8);
  flex-wrap: wrap;
}

.CardListing_contentGrid__4bP8u > .CardListing_rte__81wKJ:first-of-type label {
  margin-right: var(--spacing-spacing-8);
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-spacing-4);
}

.CardListing_contentGrid__4bP8u .CardListing_paginationInfo___1JFf {
  max-width: var(--columns-full-max-width);
  color: var(--component-cards-base-color-on-surface-subtitle);
}

.CardListing_contentGridContent__46Cfk {
  display: grid;
  gap: var(--spacing-general-gutter);
  width: 100%;
  max-width: var(--columns-full-max-width);
}

.mainLayoutConstrained .CardListing_contentGridContent__46Cfk {
  max-width: var(--typography-copy-max-width);
  margin: 0 auto;
}

.CardListing_contentGridContent__46Cfk.CardListing_col-2__2io7F,
.CardListing_contentGridContent__46Cfk.CardListing_col-3__KdeqN,
.CardListing_contentGridContent__46Cfk.CardListing_col-4__n5hbo {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 48rem) and (max-width: 74.9375rem) {
  .CardListing_contentGridContent__46Cfk {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .CardListing_contentGridContent__46Cfk.CardListing_col-2__2io7F,
  .CardListing_contentGridContent__46Cfk.CardListing_col-3__KdeqN,
  .CardListing_contentGridContent__46Cfk.CardListing_col-4__n5hbo {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .CardListing_contentGridContent__46Cfk.CardListing_col-2__2io7F .CardListing_contentGridCard__5DlAg,
  .CardListing_contentGridContent__46Cfk.CardListing_col-3__KdeqN .CardListing_contentGridCard__5DlAg,
  .CardListing_contentGridContent__46Cfk.CardListing_col-4__n5hbo .CardListing_contentGridCard__5DlAg {
    max-width: var(--columns-half-max-width);
  }

  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-2__2io7F,
  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-3__KdeqN,
  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-4__n5hbo {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-2__2io7F .CardListing_contentGridCard__5DlAg,
  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-3__KdeqN .CardListing_contentGridCard__5DlAg,
  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-4__n5hbo .CardListing_contentGridCard__5DlAg {
    grid-column-end: span 2;
  }

  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-2__2io7F:has(> :last-child:nth-child(odd)) > :last-child,
  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-3__KdeqN:has(> :last-child:nth-child(odd)) > :last-child,
  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-4__n5hbo:has(> :last-child:nth-child(odd)) > :last-child {
    grid-column-start: 2;
  }
}

@media (min-width: 74.9375rem) {
  .CardListing_contentGridContent__46Cfk {
    padding: 5px;
  }

  .CardListing_contentGridContent__46Cfk.CardListing_col-1__07sgT {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .CardListing_contentGridContent__46Cfk.CardListing_col-2__2io7F {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .CardListing_contentGridContent__46Cfk.CardListing_col-3__KdeqN {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-2__2io7F,
  .CardListing_contentGridContent__46Cfk.CardListing_col-4__n5hbo {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-2__2io7F .CardListing_contentGridCard__5DlAg {
    grid-column-end: span 2;
  }

  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-2__2io7F:has(> :last-child:nth-child(odd)) > :last-child {
    grid-column-start: 2;
  }

  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-3__KdeqN {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-3__KdeqN .CardListing_contentGridCard__5DlAg {
    grid-column-end: span 2;
  }

  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-3__KdeqN:has(> :last-child:nth-child(3n + 2)) > :nth-last-child(2) {
    grid-column-start: 2;
  }

  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-3__KdeqN:has(> :last-child:nth-child(3n + 2)) > :last-child {
    grid-column-start: 4;
  }

  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-3__KdeqN:has(> :last-child:nth-child(3n + 1)) > :last-child {
    grid-column-start: 3;
  }

  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-4__n5hbo {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-4__n5hbo .CardListing_contentGridCard__5DlAg {
    grid-column-end: span 2;
  }

  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-4__n5hbo:has(> :last-child:nth-child(4n + 3)) > :nth-last-child(3) {
    grid-column-start: 2;
  }

  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-4__n5hbo:has(> :last-child:nth-child(4n + 3)) > :nth-last-child(2) {
    grid-column-start: 4;
  }

  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-4__n5hbo:has(> :last-child:nth-child(4n + 3)) > :last-child {
    grid-column-start: 6;
  }

  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-4__n5hbo:has(> :last-child:nth-child(4n + 2)) > :nth-last-child(2) {
    grid-column-start: 3;
  }

  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-4__n5hbo:has(> :last-child:nth-child(4n + 2)) > :last-child {
    grid-column-start: 5;
  }

  .CardListing_contentGridContent__46Cfk.CardListing_centerLastRow__96IO3.CardListing_col-4__n5hbo:has(> :last-child:nth-child(4n + 1)) > :last-child {
    grid-column-start: 4;
  }
}

.CardListing_contentGridContent__46Cfk.CardListing_threePackCardsGridContent__XCMly {
  max-width: 100%;
}

.CardListing_contentGridContent__46Cfk.CardListing_threePackCardsGridContent__XCMly.CardListing_containerInMainLayout__JzHP6 {
  display: flex;
  flex-direction: column;
}

@media (min-width: 48rem) and (max-width: 74.9375rem) {
  .CardListing_contentGridContent__46Cfk.CardListing_threePackCardsGridContent__XCMly {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: auto auto;
    gap: var(--spacing-general-gutter) 0;
  }

  .CardListing_contentGridContent__46Cfk.CardListing_threePackCardsGridContent__XCMly.CardListing_containerInMainLayout__JzHP6 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-general-gutter);
  }
}

@media (min-width: 74.9375rem) and (max-width: 75rem) {
  .CardListing_contentGridContent__46Cfk.CardListing_threePackCardsGridContent__XCMly.CardListing_containerInMainLayout__JzHP6 {
    gap: var(--spacing-general-gutter);
  }
}

@media (min-width: 75rem) {
  .CardListing_contentGridContent__46Cfk.CardListing_threePackCardsGridContent__XCMly {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto;
    gap: var(--spacing-general-gutter);
  }

  .CardListing_contentGridContent__46Cfk.CardListing_threePackCardsGridContent__XCMly.CardListing_containerInMainLayout__JzHP6 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}

.CardListing_contentGridCard__5DlAg {
  display: flex;
  min-height: var(--component-cards-base-card-min-height);
}

.CardListing_contentGridCard__5DlAg.CardListing_inMainLayout__25TAO {
  min-height: auto;
}

.CardListing_contentGridCard__5DlAg {
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
}

.CardListing_col-1__07sgT .CardListing_contentGridCard__5DlAg {
  max-width: var(--columns-full-max-width);
  word-break: break-word;
}

.CardListing_col-2__2io7F .CardListing_contentGridCard__5DlAg {
  max-width: var(--columns-half-max-width);
}

.CardListing_col-3__KdeqN .CardListing_contentGridCard__5DlAg {
  max-width: var(--columns-one-third-max-width);
}

.CardListing_col-4__n5hbo .CardListing_contentGridCard__5DlAg {
  max-width: var(--columns-one-fourth-max-width);
}

@media (min-width: 48rem) and (max-width: 74.9375rem) {
  .CardListing_col-2__2io7F .CardListing_contentGridCard__5DlAg:nth-child(odd):last-child,
  .CardListing_col-3__KdeqN .CardListing_contentGridCard__5DlAg:nth-child(odd):last-child,
  .CardListing_col-4__n5hbo .CardListing_contentGridCard__5DlAg:nth-child(odd):last-child {
    grid-column-end: span 2;
    max-width: none;
  }
}

.CardListing_contentGridCard__5DlAg:empty {
  display: none;
}

.CardListing_contentGridSkeletonList__iIDuf {
  pointer-events: none;
}

.CardListing_contentGridSkeletonCard__fdUHk {
  min-height: var(--component-cards-base-card-min-height);
}

.CardListing_contentGridSkeletonCardFrame__AVpJM {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
  height: 100%;
  padding: var(--component-cards-base-card-padding-y) var(--component-cards-base-card-padding-x);
  border-radius: var(--general-radius-card);
  border: var(--component-cards-base-card-border-width) solid var(--component-cards-base-color-on-surface-border);
  background: var(--component-cards-base-color-on-surface-surface);
}

.CardListing_contentGridSkeletonBodyShort__ux__m,
.CardListing_contentGridSkeletonBody__hoykR,
.CardListing_contentGridSkeletonCta__V9VGS,
.CardListing_contentGridSkeletonFactShort__eG3tK,
.CardListing_contentGridSkeletonFact__y_8ce,
.CardListing_contentGridSkeletonImage__UYOcT,
.CardListing_contentGridSkeletonMeta__gH_L8,
.CardListing_contentGridSkeletonRatingCount__L6kjV,
.CardListing_contentGridSkeletonStars__CAnYh,
.CardListing_contentGridSkeletonTitleShort__XH0Z2,
.CardListing_contentGridSkeletonTitle__aSSgX {
  position: relative;
  overflow: hidden;
  background: rgba(15, 23, 42, 0.08);
}

.CardListing_contentGridSkeletonBodyShort__ux__m:after,
.CardListing_contentGridSkeletonBody__hoykR:after,
.CardListing_contentGridSkeletonCta__V9VGS:after,
.CardListing_contentGridSkeletonFactShort__eG3tK:after,
.CardListing_contentGridSkeletonFact__y_8ce:after,
.CardListing_contentGridSkeletonImage__UYOcT:after,
.CardListing_contentGridSkeletonMeta__gH_L8:after,
.CardListing_contentGridSkeletonRatingCount__L6kjV:after,
.CardListing_contentGridSkeletonStars__CAnYh:after,
.CardListing_contentGridSkeletonTitleShort__XH0Z2:after,
.CardListing_contentGridSkeletonTitle__aSSgX:after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.65), transparent);
  animation: CardListing_content-grid-skeleton-shimmer__uMzU0 1.4s ease-in-out infinite;
}

.CardListing_contentGridSkeletonImageWrap__Y1Ryo {
  border-radius: var(--general-radius-image);
  overflow: hidden;
}

.CardListing_contentGridSkeletonImage__UYOcT {
  width: 100%;
  aspect-ratio: 3/2;
}

.CardListing_contentGridSkeletonContent__ti3us {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-between-small);
  padding: var(--component-cards-base-copy-padding-y) var(--component-cards-base-copy-padding-x);
}

.CardListing_contentGridSkeletonMeta__gH_L8 {
  width: 24%;
  /* height: 0.75rem; */
  height: 1.2rem;
  border-radius: 4px;
}

.CardListing_contentGridSkeletonTitleGroup__lDBAR {
  display: flex;
  flex-direction: column;
  gap: var(--space-between-small);
  width: 100%;
}

.CardListing_contentGridSkeletonBodyShort__ux__m,
.CardListing_contentGridSkeletonBody__hoykR,
.CardListing_contentGridSkeletonTitleShort__XH0Z2,
.CardListing_contentGridSkeletonTitle__aSSgX {
  /* height: 1.0625rem; */
  height: 1.7rem;
  border-radius: 4px;
}

.CardListing_contentGridSkeletonTitle__aSSgX {
  width: 88%;
}

.CardListing_contentGridSkeletonTitleShort__XH0Z2 {
  width: 64%;
}

.CardListing_contentGridSkeletonFactsRow__R7kUW,
.CardListing_contentGridSkeletonRatingsRow__1RQxn {
  display: flex;
  align-items: center;
  gap: var(--space-between-small);
  flex-wrap: wrap;
}

.CardListing_contentGridSkeletonStars__CAnYh {
  /* width: 6.5rem;
  height: 1rem; */
  width: 10.4rem;
  height: 1.6rem;
  border-radius: 4px;
}

.CardListing_contentGridSkeletonRatingCount__L6kjV {
  /* width: 2.5rem;
  height: 0.9375rem; */
  width: 4rem;
  height: 1.5rem;
  border-radius: 4px;
}

.CardListing_contentGridSkeletonFactShort__eG3tK,
.CardListing_contentGridSkeletonFact__y_8ce {
  /* height: 0.9375rem; */
  height: 1.5rem;
  border-radius: 4px;
}

.CardListing_contentGridSkeletonFact__y_8ce {
  /* width: 4.5rem; */
  width: 7.2em;
}

.CardListing_contentGridSkeletonFactShort__eG3tK {
  /* width: 3.25rem; */
  width: 5.2rem;
}

.CardListing_contentGridSkeletonBody__hoykR {
  width: 100%;
}

.CardListing_contentGridSkeletonBodyShort__ux__m {
  width: 76%;
}

.CardListing_contentGridSkeletonCta__V9VGS {
  /* width: 6.75rem;
  height: 2.25rem; */
  width: 8.35rem;
  height: 3.6rem;
  margin-top: auto;
  border-radius: var(--general-radius-card-focus);
}

@keyframes CardListing_content-grid-skeleton-shimmer__uMzU0 {
  to {
    transform: translateX(100%);
  }
}

.CardListing_threePackCardsGrid__3LmLa {
  display: grid;
  padding: 0;
}

@media (min-width: 48rem) and (max-width: 74.9375rem) {
  .CardListing_threePackCardsGrid__3LmLa {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: auto auto;
    width: 100%;
    box-sizing: border-box;
  }
}

.CardListing_threePackCardsGrid__3LmLa .CardListing_contentGridCard__5DlAg:first-child {
  width: 100%;
  grid-column: 1 / span 1;
  grid-row: 1;
}

@media (min-width: 48rem) and (max-width: 74.9375rem) {
  .CardListing_threePackCardsGrid__3LmLa .CardListing_contentGridCard__5DlAg:first-child.CardListing_inMainLayout__25TAO {
    grid-row: 1 / span 2;
  }
}

@media (min-width: 75rem) {
  .CardListing_threePackCardsGrid__3LmLa .CardListing_contentGridCard__5DlAg:first-child {
    grid-column: 1 / span 2;
  }

  .CardListing_threePackCardsGrid__3LmLa .CardListing_contentGridCard__5DlAg:first-child.CardListing_inMainLayout__25TAO {
    grid-column: 1 / span 2;
    grid-row: 1/3;
    max-width: 100%;
  }
}

.CardListing_threePackCardsGrid__3LmLa .CardListing_contentGridCard__5DlAg:nth-child(2) {
  grid-row: 2;
  grid-column: 1;
}

.CardListing_threePackCardsGrid__3LmLa .CardListing_contentGridCard__5DlAg:nth-child(2).CardListing_inMainLayout__25TAO {
  grid-column: 2/2;
  grid-row: 1/2;
  box-sizing: border-box;
}

@media (min-width: 75rem) {
  .CardListing_threePackCardsGrid__3LmLa .CardListing_contentGridCard__5DlAg:nth-child(2).CardListing_inMainLayout__25TAO {
    grid-column: 3/3;
  }
}

.CardListing_threePackCardsGrid__3LmLa .CardListing_contentGridCard__5DlAg:nth-child(3) {
  grid-row: 3;
  grid-column: 1;
}

@media (min-width: 75rem) {
  .CardListing_threePackCardsGrid__3LmLa .CardListing_contentGridCard__5DlAg:nth-child(3) {
    grid-row: 2;
    grid-column: 2;
  }
}

.CardListing_threePackCardsGrid__3LmLa .CardListing_contentGridCard__5DlAg:nth-child(3).CardListing_inMainLayout__25TAO {
  grid-column: 2/2;
  grid-row: 2/3;
  box-sizing: border-box;
}

@media (min-width: 75rem) {
  .CardListing_threePackCardsGrid__3LmLa .CardListing_contentGridCard__5DlAg:nth-child(3).CardListing_inMainLayout__25TAO {
    grid-column: 3/3;
  }
}

.StarRating_filled__FYaTa {
  fill: var(--component-cards-base-color-on-surface-ratings-active);
}

.StarRating_active__jtN7_ {
  stop-color: var(--component-cards-base-color-on-surface-ratings-active);
}

.StarRating_inactive__LmFgT {
  stop-color: var(--interactiveTheme-ratings-inactive);
}

.ImageCommon_image--1-1__xQ2KP {
  aspect-ratio: 1/1;
}

.ImageCommon_image--3-2__fFwkY {
  aspect-ratio: 3/2;
}

.ImageCommon_image--16-9__Rh1G8 {
  aspect-ratio: 16/9;
}

.ImageCommon_image--9-16__yBCDJ {
  aspect-ratio: 9/16;
}

.ImageCommon_image--2-1__C7IZS {
  aspect-ratio: 2/1;
}

.ImageCommon_image--4-3__w_8p9 {
  aspect-ratio: 4/3;
}

.ImageCommon_image--7-10__V7Nla {
  aspect-ratio: 7/10;
}

.Pagination_pagination__nmgkh {
  display: flex;
  align-items: center;
  gap: var(--spacing-spacing-8);
  color: var(--component-pagination-color-enabled-text);
  text-align: center;
  justify-content: center;
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
  line-height: 150%;
  padding: var(--padding-small) var(--space-between-none);
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
}

.Pagination_pagination__nmgkh li {
  display: flex;
}

@media (max-width: 47.9375rem) {
  .Pagination_pagination__nmgkh {
    gap: calc(var(--spacing-spacing-4) / 2);
    flex-wrap: nowrap;
    font-size: var(--font-size-small);
  }
}

.Pagination_paginationInfo__u0ZvW {
  font-size: var(--font-size-small);
  margin-bottom: var(--spacing-spacing-8);
}

.Pagination_paginationInfo__u0ZvW span {
  font-weight: 700;
  padding-right: var(--spacing-spacing-8);
}

.Pagination_pagination__nmgkh .Pagination_paginationNumbers__hjmg3,
.Pagination_pagination__nmgkh .component-feature-full-color-cta-1-color,
.Pagination_pagination__nmgkh .cta-button,
.Pagination_pagination__nmgkh .outline,
.Pagination_pagination__nmgkh [class*="Cta_cta"][class*="Cta_outline"],
.Pagination_pagination__nmgkh a,
.Pagination_pagination__nmgkh button {
  padding: calc(var(--spacing-spacing-4) / 2) var(--spacing-spacing-8);
  border-radius: var(--component-pagination-radius);
  background: var(--component-pagination-color-selected-bg);
  background: rgba(0, 0, 0, 0);
  color: var(--component-cards-base-color-on-surface-body);
  border: rgba(0, 0, 0, 0);
  cursor: pointer;
}

.Pagination_pagination__nmgkh .Pagination_paginationNumbers__hjmg3:disabled,
.Pagination_pagination__nmgkh .component-feature-full-color-cta-1-color:disabled,
.Pagination_pagination__nmgkh .cta-button:disabled,
.Pagination_pagination__nmgkh .outline:disabled,
.Pagination_pagination__nmgkh [class*="Cta_cta"][class*="Cta_outline"]:disabled,
.Pagination_pagination__nmgkh a:disabled,
.Pagination_pagination__nmgkh button:disabled {
  color: var(--component-pagination-color-disabled-text);
}

@media (max-width: 47.9375rem) {
  .Pagination_pagination__nmgkh .Pagination_paginationNumbers__hjmg3,
  .Pagination_pagination__nmgkh .component-feature-full-color-cta-1-color,
  .Pagination_pagination__nmgkh .cta-button,
  .Pagination_pagination__nmgkh .outline,
  .Pagination_pagination__nmgkh [class*="Cta_cta"][class*="Cta_outline"],
  .Pagination_pagination__nmgkh a,
  .Pagination_pagination__nmgkh button {
    padding: calc(var(--spacing-spacing-4) / 2) var(--spacing-spacing-4);
    /* min-width: 2rem; */
    min-width: 3.2rem;
  }
}

.Pagination_pagination__nmgkh .Pagination_paginationNumbers__hjmg3:hover,
.Pagination_pagination__nmgkh .cta-button:hover,
.Pagination_pagination__nmgkh [class*="Cta_cta"][class*="Cta_outline"]:hover,
.Pagination_pagination__nmgkh a:hover {
  background: var(--component-pagination-color-selected-bg);
  border: none;
}

.Pagination_pagination__nmgkh .Pagination_active__7sx1e,
.Pagination_pagination__nmgkh .component-feature-full-color-cta-1-color[aria-current="page"],
.Pagination_pagination__nmgkh .cta-button[aria-current="page"],
.Pagination_pagination__nmgkh [class*="Cta_cta"][class*="Cta_outline"][aria-current="page"] {
  background: var(--component-pagination-color-selected-bg);
  color: var(--component-pagination-color-selected-text);
  border-color: var(--component-pagination-color-selected-bg);
}

.Pagination_pagination__nmgkh span {
  padding: 0 var(--spacing-spacing-4);
}

@media (max-width: 47.9375rem) {
  .Pagination_pagination__nmgkh span {
    /* padding: 0 0.125rem; */
    padding: 0 0.2rem;
  }
}

.Pagination_paginationEllipsis__hL9yM {
  white-space: nowrap;
}

.Pagination_nextPageIcon__Z9sYv {
  transform: translateX(0.5rem);
}

.Pagination_paginationInfo__u0ZvW {
  color: var(--component-cards-base-color-on-surface-subtitle);
}

.Pagination_sorting__yzAR8 {
  display: flex;
  gap: var(--spacing-spacing-8);
  flex-direction: row;
  padding: var(--padding-xsmall) 0;
  align-items: flex-start;
  align-self: stretch;
  row-gap: var(--space-between-small);
  flex-wrap: wrap;
  justify-content: space-between;
}

.Pagination_sorting__yzAR8 .Pagination_sortingLabel__bXuCv,
.Pagination_sorting__yzAR8 label {
  font-size: var(--font-size-small);
  color: var(--component-cards-base-color-on-surface-subtitle);
}

.Pagination_sorting__yzAR8 select {
  padding: calc(var(--spacing-spacing-4) / 2) var(--spacing-spacing-6);
  background: rgba(0, 0, 0, 0);
  color: var(--component-content-grid-color-title);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
  border: none;
}

@media (min-width: 75rem) {
  .Pagination_sorting__yzAR8 {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: var(--component-content-grid-color-bg);
  }

  .Pagination_sorting__yzAR8.Pagination_sortingSticky__f_kOK {
    border-bottom: 1px solid var(--general-color-border-light);
    background: var(--component-content-grid-color-bg);
    box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.12);
  }
}

.Pagination_sortingControls__EY_IW {
  display: flex;
  align-items: center;
  gap: var(--spacing-spacing-8);
  flex-wrap: wrap;
}

.Facets_facets___XC1k {
  display: flex;
  min-width: var(--columns-one-fourth-min-width);
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
  margin: 0 0 var(--spacing-spacing-16) 0;
  color: var(--general-color-text-darkest);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  line-height: 150%;
  font-style: normal;
}

.Facets_facets___XC1k .Facets_facetsHeader__jgS0W {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
}

@media (min-width: 75rem) {
  .Facets_facets___XC1k .Facets_facetsHeader__jgS0W {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--general-color-background-white);
  }
}

.Facets_facets___XC1k .Facets_facetsHeader__jgS0W h2 {
  padding: var(--padding-xsmall) 0;
  color: var(--theme-primary-bg-text-primary);
  font-size: var(--typography-font-size-desktop-body-large);
  font-weight: var(--typography-font-weight-body-bold);
}

.Facets_facets___XC1k h3 {
  font-weight: var(--typography-font-weight-body-bold);
}

.Facets_facets___XC1k .Facets_facetGroup__paOXf {
  width: 100%;
  border-top: 1px solid var(--component-accordion-color-default-border);
}

.Facets_facets___XC1k .Facets_facetGroup__paOXf .Facets_facetGroupHeading__doFby {
  margin: 0;
}

.Facets_facets___XC1k .Facets_facetGroup__paOXf .Facets_facetGroupLabel__QyX3X {
  display: flex;
  min-width: var(--columns-one-fourth-min-width);
  max-width: var(--columns-one-fourth-max-width);
  padding: var(--component-facets-padding-y) var(--component-facets-padding-x);
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  cursor: pointer;
  width: 100%;
  border: 0;
  background: rgba(0, 0, 0, 0);
  color: inherit;
  font: inherit;
  text-align: left;
}

.Facets_facets___XC1k .Facets_facetGroup__paOXf .Facets_facetGroupLabel__QyX3X .Facets_toggleIcon__ZLrMt {
  margin-left: var(--spacing-spacing-4);
  transition: transform 0.15s ease-in-out;
  display: inline-block;
  color: var(--component-facets-color-default-icons);
  width: 22px;
  height: 22px;
}

.Facets_facets___XC1k .Facets_facetGroup__paOXf .Facets_facetGroupLabel__QyX3X .Facets_toggleIcon--open__kurTU {
  transform: rotate(180deg);
  color: var(--component-facets-color-default-icons);
  width: 22px;
  height: 22px;
}

.Facets_facets___XC1k .Facets_facetGroup__paOXf .Facets_facetsList__OVfK2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-between-xsmall);
  align-self: stretch;
}

.Facets_facets___XC1k .Facets_facetGroup__paOXf .Facets_facetsList__OVfK2 label {
  display: flex;
  padding: var(--component-filters-padding-x) var(--component-filters-padding-y);
  align-items: center;
  gap: var(--spacing-spacing-8);
  align-self: stretch;
  color: var(--component-filters-color-selected-label);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.Facets_facets___XC1k .Facets_facetGroup__paOXf .Facets_facetsList__OVfK2 .Facets_filterCheckbox__ZzLN0 {
  width: 24px;
  height: 24px;
  padding: 0;
  box-sizing: border-box;
  border-radius: var(--component-filters-radius);
  cursor: pointer;
  accent-color: var(--component-filters-color-selected-surface);
}

.Facets_facets___XC1k .Facets_facetGroup__paOXf .Facets_facetsList__OVfK2 .Facets_filterCheckbox__ZzLN0:checked {
  border-radius: var(--component-filters-radius);
  border: 1px solid var(--component-filters-color-selected-border);
}

.Facets_facets___XC1k .Facets_facetGroup__paOXf .Facets_facetsList__OVfK2 .Facets_showMoreless__Bppzp {
  padding: var(--margin-xxsmall) 0 0 var(--margin-xxsmall);
}

.Facets_facets___XC1k .Facets_filterCheckbox__ZzLN0:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

@media (min-width: 75rem) {
  .Facets_facets___XC1k.Facets_facetsSticky__zyxhC .Facets_facetsHeader__jgS0W {
    border-bottom: 1px solid var(--general-color-border-light);
    background: var(--general-color-background-white);
    box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.12);
  }

  .Facets_facets___XC1k {
    max-width: var(--component-facets-max-width);
    padding: var(--spacing-spacing-12) var(--spacing-spacing-24) var(--spacing-spacing-12) 0;
  }
}

.PullQuote_pullQuoteBgWrapper__nKfCh {
  background: var(--component-newsletter-sign-up-color-bg);
}

.PullQuote_pullQuoteWrapper__bQ53p {
  max-width: var(--columns-full-max-width);
  padding: var(--component-newsletter-sign-up-margin-y) var(--component-newsletter-sign-up-margin-x);
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  margin: 0 auto;
}

.PullQuote_pullQuoteContentWrapper__11zv6,
.PullQuote_pullQuoteWrapper__bQ53p {
  display: flex;
  justify-content: center;
  gap: var(--component-newsletter-sign-up-gutter);
}

.PullQuote_pullQuoteContentWrapper__11zv6 {
  max-width: var(--columns-half-max-width);
  padding: var(--component-newsletter-sign-up-content-padding-y) var(--component-newsletter-sign-up-content-padding-x);
  align-items: center;
  align-content: center;
  flex: 1 0 0;
  flex-wrap: wrap;
  border-radius: var(--component-newsletter-sign-up-content-radius);
  background: var(--component-newsletter-sign-up-color-surface);
}

.PullQuote_pullQuoteCopyContainer__yBXJa {
  display: flex;
  max-width: var(--typography-copy-max-width);
  padding: var(--component-newsletter-sign-up-copy-padding-y) var(--component-newsletter-sign-up-copy-padding-x);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--spacing-general-copy-margin-bottom);
  flex: 1 0 0;
  border-radius: var(--component-hero-recipe-copy-radius);
}

.PullQuote_quotationMark__Ncoxy {
  color: var(--general-color-text-brand-2);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-display);
  font-style: normal;
  font-weight: var(--typography-font-weight-display);
  line-height: 110%;
}

.PullQuote_quotationHeadingContainer__7pY_K {
  display: flex;
  max-width: var(--typography-copy-max-width);
  padding: 0 0 var(--spacing-general-copy-margin-bottom) 0;
  flex-direction: column;
  align-items: flex-start;
}

.PullQuote_quotationHeading__9erN8 {
  color: var(--component-newsletter-sign-up-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-large);
  font-style: normal;
  font-weight: var(--typography-font-weight-large);
  line-height: 120%;
  margin: 0;
}

.PullQuote_nameAndTitleWrapper___39bk {
  display: flex;
  max-width: var(--typography-copy-max-width);
  padding-top: var(--padding-small);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-between-xxsmall);
  width: 100%;
}

.PullQuote_quotationNameStyle__hFYSe {
  font-weight: 700;
}

.PullQuote_quotationNameStyle__hFYSe,
.PullQuote_quotationTitleStyle__SS62T {
  color: var(--component-newsletter-sign-up-color-title);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  line-height: 150%;
}

.PullQuote_quotationTitleStyle__SS62T {
  font-weight: 400;
}

.PromoBanner_promoBanner__HaYqA {
  padding: var(--layout-tight-margin-y, 32px);
  gap: var(--layout-overlap-overlap-gutter, -24px) var(--component-feature-split-gutter, 24px);
  flex-wrap: wrap;
  background: var(--component-feature-split-color-bg, #fff);
}

.PromoBanner_content__MUcO3,
.PromoBanner_promoBanner__HaYqA {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.PromoBanner_content__MUcO3 {
  padding: var(--component-feature-split-content-padding-y, 32px) var(--component-feature-split-content-padding-x, 0);
  gap: 24px var(--component-feature-split-gutter, 24px);
  flex: 1 0 0;
  flex-wrap: wrap;
  border-radius: var(--component-feature-split-content-radius, 12px);
}

.PromoBanner_imageContainer__NhGrX {
  display: flex;
  min-width: var(--columns-half-min-width, 480px);
  max-width: 1680px;
  max-height: 1119.177px;
  padding: var(--component-feature-split-image-padding-y, 0) var(--component-feature-split-image-padding-x, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  overflow: hidden;
  border-radius: var(--component-feature-split-image-imageLeft-radius-top-left, 0) var(--component-feature-split-image-imageLeft-radius-top-right, 1000px)
    var(--component-feature-split-image-imageLeft-radius-bottom-right, 1000px) var(--component-feature-split-image-imageLeft-radius-bottom-left, 0);
}

.PromoBanner_image__GALG2 {
  height: 551.594px;
  align-self: stretch;
  aspect-ratio: 828/551.59;
  background:
    #d3d3d3 50% / cover no-repeat,
    linear-gradient(0deg, var(--component-feature-split-color-image-bg, #f5f5f6) 0, var(--component-feature-split-color-image-bg, #f5f5f6) 100%),
    #d3d3d3 50% / cover no-repeat;
  background-blend-mode: normal, plus-darker, normal;
}

.PromoBanner_copyContainer__HT23m {
  display: flex;
  min-width: 320px;
  max-width: 800px;
  min-height: 224.192px;
  max-height: 498.204px;
  padding: var(--component-feature-split-copy-padding-y, 12px) var(--component-feature-split-copy-padding-x, 12px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--spacing-general-copy-margin-bottom, 0);
  flex: 1 0 0;
}

.PromoBanner_copy__YrjDz {
  display: flex;
  max-width: var(--typography-copy-max-width, 1024px);
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.PromoBanner_icon__0zIzC {
  width: 141px;
  padding-bottom: var(--margin-xsmall, 12px);
}

.PromoBanner_iconContent__7so9E,
.PromoBanner_icon__0zIzC {
  display: flex;
  align-items: center;
  gap: 8px;
}

.PromoBanner_eyebrow__lYU3I {
  display: flex;
  padding-bottom: var(--spacing-general-eyebrow-margin-bottom, 16px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--space-between-xxsmall, 4px);
}

.PromoBanner_eyebrowText__1dfBM {
  color: var(--component-feature-split-color-body, #fff);
  font-family: var(--typography-font-family-body, Lexend);
  font-size: var(--typography-eyebrow, 16px);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
  line-height: normal;
}

.PromoBanner_titleWrapper__2BllS {
  display: flex;
  padding-bottom: var(--spacing-general-title-margin-bottom, 12px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-general-subtitle-margin-top, 12px);
  align-self: stretch;
}

.PromoBanner_headline__Sg3Qd {
  color: var(--component-feature-split-color-title, #212121);
  font-size: var(--typography-font-size-header-xlarge);
  font-weight: var(--typography-font-weight-xlarge);
  line-height: 110%;
}

.PromoBanner_headline__Sg3Qd,
.PromoBanner_subhead__AHw5D {
  align-self: stretch;
  font-family: var(--typography-font-family-header);
  font-style: normal;
}

.PromoBanner_subhead__AHw5D {
  color: var(--component-feature-split-color-subtitle);
  font-size: var(--typography-font-size-header-small);
  font-weight: var(--typography-font-weight-small);
  line-height: normal;
}

.PromoBanner_description__Xirha {
  align-self: stretch;
  color: var(--component-feature-split-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.PromoBanner_ctaContainer__D_g9j {
  display: flex;
  padding-top: var(--padding-small);
  align-items: flex-start;
  align-content: flex-start;
  gap: 12px var(--space-between-small);
  align-self: stretch;
  flex-wrap: wrap;
}

.PreambleLinkList_preambleLinkListWrapper__3nCNz {
  width: 100%;
}

.PreambleLinkList_preambleLinkList___ZByi {
  display: flex;
  padding: var(--component-content-grid-margin-y) var(--component-content-grid-margin-x);
  justify-content: center;
  align-items: center;
  margin: auto;
  background: var(--component-content-grid-color-bg);
  max-width: var(--columns-full-max-width);
}

.mainLayoutConstrained .PreambleLinkList_preambleLinkList___ZByi {
  max-width: var(--typography-copy-max-width);
}

.PreambleLinkList_preambleLinkList___ZByi [class*="Preamble_preambleHeadlineDescription"] {
  width: 100%;
  max-width: 100%;
}

.PreambleLinkList_preambleLinkList___ZByi.list-columns-2 .rte {
  container: link-list/inline-size;
}

.PreambleLinkList_preambleLinkList___ZByi.list-columns-2 .rte ul > li {
  list-style: none;
}

.PreambleLinkList_preambleLinkList___ZByi.list-columns-2 .rte ol,
.PreambleLinkList_preambleLinkList___ZByi.list-columns-2 .rte ul {
  -moz-column-count: 1;
  column-count: 1;
}

@container link-list (width > 20rem) {
  .PreambleLinkList_preambleLinkList___ZByi.list-columns-2 .rte ol,
  .PreambleLinkList_preambleLinkList___ZByi.list-columns-2 .rte ul {
    -moz-column-count: 1;
    column-count: 1;
  }
}

@container link-list (width > 48rem) {
  .PreambleLinkList_preambleLinkList___ZByi.list-columns-2 .rte ol,
  .PreambleLinkList_preambleLinkList___ZByi.list-columns-2 .rte ul {
    -moz-column-count: 2;
    column-count: 2;
  }
}

.PreambleLinkList_preambleLinkList___ZByi.list-columns-3 .rte {
  container: link-list/inline-size;
}

.PreambleLinkList_preambleLinkList___ZByi.list-columns-3 .rte ul > li {
  list-style: none;
}

.PreambleLinkList_preambleLinkList___ZByi.list-columns-3 .rte ol,
.PreambleLinkList_preambleLinkList___ZByi.list-columns-3 .rte ul {
  -moz-column-count: 1;
  column-count: 1;
}

@container link-list (width > 20rem) {
  .PreambleLinkList_preambleLinkList___ZByi.list-columns-3 .rte ol,
  .PreambleLinkList_preambleLinkList___ZByi.list-columns-3 .rte ul {
    -moz-column-count: 2;
    column-count: 2;
  }
}

@container link-list (width > 48rem) {
  .PreambleLinkList_preambleLinkList___ZByi.list-columns-3 .rte ol,
  .PreambleLinkList_preambleLinkList___ZByi.list-columns-3 .rte ul {
    -moz-column-count: 3;
    column-count: 3;
  }
}

.PreambleLinkList_preambleLinkList___ZByi.list-columns-4 .rte {
  container: link-list/inline-size;
}

.PreambleLinkList_preambleLinkList___ZByi.list-columns-4 .rte ul > li {
  list-style: none;
}

.PreambleLinkList_preambleLinkList___ZByi.list-columns-4 .rte ol,
.PreambleLinkList_preambleLinkList___ZByi.list-columns-4 .rte ul {
  -moz-column-count: 1;
  column-count: 1;
}

@container link-list (width > 20rem) {
  .PreambleLinkList_preambleLinkList___ZByi.list-columns-4 .rte ol,
  .PreambleLinkList_preambleLinkList___ZByi.list-columns-4 .rte ul {
    -moz-column-count: 2;
    column-count: 2;
  }
}

@container link-list (width > 48rem) {
  .PreambleLinkList_preambleLinkList___ZByi.list-columns-4 .rte ol,
  .PreambleLinkList_preambleLinkList___ZByi.list-columns-4 .rte ul {
    -moz-column-count: 4;
    column-count: 4;
  }
}

@media (max-width: 47.9375rem) {
  .PreambleLinkList_preambleLinkList___ZByi.list-columns-2 .rte ol,
  .PreambleLinkList_preambleLinkList___ZByi.list-columns-2 .rte ul,
  .PreambleLinkList_preambleLinkList___ZByi.list-columns-3 .rte ol,
  .PreambleLinkList_preambleLinkList___ZByi.list-columns-3 .rte ul,
  .PreambleLinkList_preambleLinkList___ZByi.list-columns-4 .rte ol,
  .PreambleLinkList_preambleLinkList___ZByi.list-columns-4 .rte ul {
    -moz-column-count: 1 !important;
    column-count: 1 !important;
  }
}

@media ((min-width: 48rem) and (max-width: 74.9375rem)) {
  .PreambleLinkList_preambleLinkList___ZByi.list-columns-2 .rte ol,
  .PreambleLinkList_preambleLinkList___ZByi.list-columns-2 .rte ul {
    -moz-column-count: 1 !important;
    column-count: 1 !important;
  }

  .PreambleLinkList_preambleLinkList___ZByi.list-columns-3 .rte ol,
  .PreambleLinkList_preambleLinkList___ZByi.list-columns-3 .rte ul,
  .PreambleLinkList_preambleLinkList___ZByi.list-columns-4 .rte ol,
  .PreambleLinkList_preambleLinkList___ZByi.list-columns-4 .rte ul {
    -moz-column-count: 2 !important;
    column-count: 2 !important;
  }
}

.PreambleLinkList_contentPanel__XiOOk {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  width: 100%;
  position: relative;
}

.PreambleLinkList_contentPanel__XiOOk .rte ol,
.PreambleLinkList_contentPanel__XiOOk .rte ul {
  padding-left: 0;
  margin: 0;
  list-style-position: inside;
}

.PreambleLinkList_contentPanel__XiOOk .rte li {
  display: list-item;
  margin: 0;
}

.PreambleLinkList_contentPanel__XiOOk .rte li > * {
  display: inline;
}

.PreambleLinkList_contentPanel__XiOOk .rte li + li {
  margin-top: var(--spacing-spacing-16);
}

.PreambleLinkList_contentPanel__XiOOk .rte ol,
.PreambleLinkList_contentPanel__XiOOk .rte ul {
  -moz-column-gap: var(--spacing-general-gutter);
  column-gap: var(--spacing-general-gutter);
}

.PreambleLinkList_contentPanel__XiOOk div {
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
  line-height: 150%;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-color: var(--componentTheme-content-grid-text-link-underline);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  text-underline-position: from-font;
  color: var(--componentTheme-content-grid-text-link);
}

@media (min-width: 75rem) {
  .PreambleLinkList_contentPanelForSideLeft__FbeRM {
    width: var(--columns-half-max-width);
  }
}

.PreambleLinkList_contentPanelForTopCenter__7tI_c .rte,
.PreambleLinkList_contentPanelForTopCenter__7tI_c .rte li,
.PreambleLinkList_contentPanelForTopCenter__7tI_c .rte ol,
.PreambleLinkList_contentPanelForTopCenter__7tI_c .rte ul {
  text-align: center;
}

.PreambleLinkList_contentPanelForTopCenter__7tI_c .rte li {
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}

@media (max-width: 74.9375rem) {
  .PreambleLinkList_preambleLinkList___ZByi {
    padding-left: var(--layout-base-margin-x);
    padding-right: var(--layout-base-margin-x);
  }
}

@media (max-width: 47.9375rem) {
  .PreambleLinkList_preambleLinkList___ZByi {
    padding-left: var(--layout-base-margin-x);
    padding-right: var(--layout-base-margin-x);
  }
}

.Image_imageContent__rBvtL {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: var(--width-component-standalone-image-max-width);
  padding: var(--spacing-general-margin-related-y) 0;
  gap: 16px;
  margin: 0 auto;
}

.Image_imageContainer__TM_E8 {
  position: relative;
}

.Image_image__oHHgx img {
  max-height: 800px;
  border-radius: var(--general-radius-image);
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767px) {
  .Image_image__oHHgx img {
    max-height: 600px;
  }
}

.Image_onImageCTA__sjoIW {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 16.5px;
}

.Image_onImageCTA__sjoIW a {
  width: -moz-max-content;
  width: max-content;
}

.Iframe_iframeContainer__LdcNN {
  max-width: var(--columns-full-max-width);
  margin: 0 auto;
}

.Iframe_iframeContainer__LdcNN iframe {
  display: flex;
  margin: 0 auto;
}

.HeroSimple_heroSimple__U5NGc {
  align-items: center;
}

.HeroSimple_heroSimpleContentBackground__wcE_a {
  background: var(--component-hero-color-simple-bg);
}

.HeroSimple_heroSimpleContentWrapper__QOesL {
  display: flex;
  min-width: var(--screen-dimensions-min-width);
  max-width: var(--screen-dimensions-max-width);
  padding: var(--padding-none) var(--spacing-general-margin-x);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  margin: 0 auto;
}

.HeroSimple_sectionHeading__134wW {
  display: flex;
  max-width: var(--columns-full-max-width);
  min-height: 172px;
  padding: var(--padding-small) 0;
  flex-direction: column;
  align-items: center;
  gap: var(--space-between-medium);
  align-self: stretch;
}

.HeroSimple_heroSimple_withImage__jRzgS .HeroSimple_sectionHeading__134wW {
  padding-top: var(--padding-small);
}

.HeroSimple_imageContainer__pz154 {
  width: 100%;
  position: relative;
  max-width: var(--screen-dimensions-max-width);
  margin: auto;
}

@media (min-width: 48rem) {
  .HeroSimple_imageContainer__pz154 {
    height: 467px;
  }
}

.HeroSimple_imageContainer__pz154 img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (min-width: 48rem) {
  .HeroSimple_imageContainer__pz154 img {
    aspect-ratio: 3/1;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.HeroSimple_actionToolBarContainer__1yKRb {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--spacing-general-buttons-space-between);
  align-self: stretch;
  flex-wrap: wrap;
}

@media (max-width: 47.9375rem) {
  .HeroSimple_actionToolBarContainer__1yKRb.HeroSimple_articlePageAlignment__o4bta {
    justify-content: flex-start;
  }
}

.HeroSimple_centerAlignActionToolbar__nhVuG {
  display: flex;
  align-items: flex-start;
  flex: 1 0 0;
  justify-content: center;
}

.HeroDetailCard_contentContainer__66c__ {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--space-between-medium);
}

.HeroDetailCard_contentAlignment--left__GlhVG {
  align-items: flex-start;
}

.HeroDetailCard_contentAlignment--center__gIZo1 {
  align-items: center;
}

.HeroDetailCard_contentAlignment--center__gIZo1 .HeroDetailCard_titleWrapper__ACE72 {
  text-align: center;
}

.HeroDetailCard_contentAlignment--center__gIZo1 .HeroDetailCard_heroDescriptionText__zBlSu {
  text-align: center;
  word-break: break-word;
}

.HeroDetailCard_contentAlignment--center__gIZo1 .HeroDetailCard_heroCtaContainer__sJOXu {
  justify-content: center;
}

.HeroDetailCard_contentAlignment--center__gIZo1 .HeroDetailCard_heroHeadingText__SZkQe {
  text-align: center;
}

.HeroDetailCard_titleWrapper__ACE72 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-general-eyebrow-margin-bottom);
  word-wrap: break-word;
  white-space: normal;
}

.HeroDetailCard_heroEyebrowText__WngVQ {
  color: var(--component-hero-color-general-eyebrow);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 24px;
}

.HeroDetailCard_heroSimple__sqA6C .HeroDetailCard_heroEyebrowText__WngVQ {
  color: var(--component-hero-color-simple-eyebrow);
}

.HeroDetailCard_heroAlternate__YlQ_S .HeroDetailCard_heroEyebrowText__WngVQ {
  color: var(--component-hero-color-alternate-eyebrow);
}

.HeroDetailCard_byLine__W3uwG {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
}

@media (max-width: 74.9375rem) {
  .HeroDetailCard_byLine__W3uwG {
    align-items: flex-start;
    flex-direction: column;
  }
}

.HeroDetailCard_byLine__W3uwG .HeroDetailCard_byAuthorWrapper__pZW8Y {
  display: flex;
  gap: 6px;
  text-align: left;
}

.HeroDetailCard_byLine__W3uwG .HeroDetailCard_byAuthorWrapper__pZW8Y,
.HeroDetailCard_byLine__W3uwG .HeroDetailCard_byLabel__ATr_4 {
  color: var(--component-category-color-subtitle);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.HeroDetailCard_byLine__W3uwG .HeroDetailCard_authorLink__SCynN {
  color: var(--component-hero-color-alternate-text-link);
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-color: var(--componentTheme-content-grid-text-link-underline);
  text-decoration-thickness: 2px;
  text-underline-offset: 20%;
  text-underline-position: from-font;
}

.HeroDetailCard_byLine__W3uwG .HeroDetailCard_authorName__TW723 {
  color: var(--component-category-color-subtitle);
  font-family: var(--typography-font-family-body, Poppins);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.HeroDetailCard_byLine__W3uwG .HeroDetailCard_authorLink__SCynN .HeroDetailCard_authorName__TW723 {
  color: var(--component-hero-color-alternate-text-link);
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-color: var(--componentTheme-content-grid-text-link-underline);
  text-decoration-thickness: 2px;
  text-underline-offset: 20%;
  text-underline-position: from-font;
}

.HeroDetailCard_byLine__W3uwG .HeroDetailCard_separator__xPSJg {
  color: var(--component-hero-color-general-body);
  text-align: center;
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 140%;
  width: 10px;
  height: 27px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 74.9375rem) {
  .HeroDetailCard_byLine__W3uwG .HeroDetailCard_separator__xPSJg {
    display: none;
  }
}

.HeroDetailCard_byLine__W3uwG .HeroDetailCard_publicationDate__y6DZ_ {
  color: var(--component-hero-color-general-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.HeroDetailCard_heroHeadingText__SZkQe {
  margin: 0;
  color: var(--component-hero-color-general-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-xxlarge);
  font-style: normal;
  font-weight: var(--typography-font-weight-xxlarge);
  line-height: 110%;
}

.HeroDetailCard_heroSimple__sqA6C .HeroDetailCard_heroHeadingText__SZkQe {
  color: var(--component-hero-color-simple-title);
}

.HeroDetailCard_heroAlternate__YlQ_S .HeroDetailCard_heroHeadingText__SZkQe {
  color: var(--component-hero-color-alternate-title);
}

.HeroDetailCard_heroDescriptionText__zBlSu {
  color: var(--component-hero-color-general-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 27px;
  width: 100%;
}

.HeroDetailCard_heroSimple__sqA6C .HeroDetailCard_heroDescriptionText__zBlSu {
  color: var(--component-hero-color-simple-body);
}

.HeroDetailCard_heroAlternate__YlQ_S .HeroDetailCard_heroDescriptionText__zBlSu {
  color: var(--component-hero-color-alternate-body);
}

.HeroDetailCard_heroCtaContainer__sJOXu {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-general-buttons-space-between);
}

@media (min-width: 48rem) {
  .HeroDetailCard_heroCtaContainer__sJOXu {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.HeroDecor_decorWrapper__eSly8 {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: end;
  margin-bottom: -1px !important;
}

.HeroDecor_decorColor__QM4v6.HeroDecor_decorStyleBettyCrocker__N9EOH,
.HeroDecor_decorColor__QM4v6.HeroDecor_decorStylePillsbury__MsAui {
  height: 100%;
  width: 100%;
}

.HeroDecor_decorColor__QM4v6.HeroDecor_decorStyleBettyCrocker__N9EOH path,
.HeroDecor_decorColor__QM4v6.HeroDecor_decorStylePillsbury__MsAui path {
  fill: var(--component-hero-color-general-decor-mobile);
}

@media (min-width: 48rem) {
  .HeroDecor_decorColor__QM4v6.HeroDecor_decorStyleBettyCrocker__N9EOH path,
  .HeroDecor_decorColor__QM4v6.HeroDecor_decorStylePillsbury__MsAui path {
    fill: var(--component-hero-color-general-decor);
  }
}

.HeroGeneral_heroGeneral__DBVo0 {
  position: relative;
  padding: 0;
  min-height: auto;
  display: block;
}

@media (min-width: 48rem) {
  .HeroGeneral_heroGeneral__DBVo0 {
    padding: var(--component-hero-container-padding-y) var(--component-hero-container-padding-x);
    min-height: 591px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "left center right" "bottom bottom bottom";
  }
}

.HeroGeneral_gridWrapper--hero-card-bottom___3woJ {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 300px 1fr;
  max-width: var(--columns-full-max-width);
  margin: auto;
}

.HeroGeneral_gridWrapper--hero-card-bottom___3woJ .HeroGeneral_imageContainer__PZ_Su {
  height: 500px;
  min-height: auto;
  height: auto;
}

@media (min-width: 48rem) {
  .HeroGeneral_gridWrapper--hero-card-bottom___3woJ .HeroGeneral_imageContainer__PZ_Su {
    height: 500px;
  }
}

.HeroGeneral_gridWrapper--hero-card-center__KjUv4,
.HeroGeneral_gridWrapper--hero-card-left__ikiTd,
.HeroGeneral_gridWrapper--hero-card-right__463Dk {
  grid-template-columns: 1fr;
  grid-template-areas: "left center right";
  max-width: var(--screen-dimensions-max-width);
  margin: auto;
}

@media (min-width: 48rem) {
  .HeroGeneral_gridWrapper--hero-card-center__KjUv4.HeroGeneral_gridWrapper--hero-card-left__ikiTd,
  .HeroGeneral_gridWrapper--hero-card-left__ikiTd.HeroGeneral_gridWrapper--hero-card-left__ikiTd,
  .HeroGeneral_gridWrapper--hero-card-right__463Dk.HeroGeneral_gridWrapper--hero-card-left__ikiTd {
    grid-template-columns: 1fr 0 0;
    grid-template-rows: 1fr;
  }

  .HeroGeneral_gridWrapper--hero-card-center__KjUv4.HeroGeneral_gridWrapper--hero-card-right__463Dk,
  .HeroGeneral_gridWrapper--hero-card-left__ikiTd.HeroGeneral_gridWrapper--hero-card-right__463Dk,
  .HeroGeneral_gridWrapper--hero-card-right__463Dk.HeroGeneral_gridWrapper--hero-card-right__463Dk {
    grid-template-columns: 0 0 1fr;
    grid-template-rows: 1fr;
  }

  .HeroGeneral_gridWrapper--hero-card-center__KjUv4.HeroGeneral_gridWrapper--hero-card-center__KjUv4,
  .HeroGeneral_gridWrapper--hero-card-left__ikiTd.HeroGeneral_gridWrapper--hero-card-center__KjUv4,
  .HeroGeneral_gridWrapper--hero-card-right__463Dk.HeroGeneral_gridWrapper--hero-card-center__KjUv4 {
    grid-template-columns: 0 1fr 0;
    grid-template-rows: 1fr;
    grid-template-areas: "left center right";
  }
}

.HeroGeneral_contentWrapper__jfxZE {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.HeroGeneral_heroGeneralContentWrapper__iUbYf {
  min-height: 172px;
  min-width: var(--columns-one-fourth-min-width);
  max-width: var(--width-component-hero-general-copy-width);
  background: var(--component-hero-color-general-surface);
  border-radius: var(--component-hero-container-mobile-radius);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: var(--padding-small);
  gap: var(--space-between-medium);
  align-self: stretch;
  position: relative;
  margin: 0;
}

@media (min-width: 48rem) {
  .HeroGeneral_heroGeneralContentWrapper__iUbYf {
    border-radius: var(--component-hero-container-desktop-radius);
  }
}

.HeroGeneral_hero-card-bottom__qZMDH,
.HeroGeneral_hero-card-center__DXSkz,
.HeroGeneral_hero-card-left__zSPuc,
.HeroGeneral_hero-card-right__gXov4 {
  grid-area: unset;
  justify-self: unset;
  align-self: unset;
  margin-bottom: 0;
  transform: none;
}

@media (min-width: 48rem) {
  .HeroGeneral_hero-card-bottom__qZMDH,
  .HeroGeneral_hero-card-center__DXSkz,
  .HeroGeneral_hero-card-left__zSPuc,
  .HeroGeneral_hero-card-right__gXov4 {
    align-self: center;
  }

  .HeroGeneral_hero-card-bottom__qZMDH.HeroGeneral_hero-card-left__zSPuc,
  .HeroGeneral_hero-card-center__DXSkz.HeroGeneral_hero-card-left__zSPuc,
  .HeroGeneral_hero-card-left__zSPuc.HeroGeneral_hero-card-left__zSPuc,
  .HeroGeneral_hero-card-right__gXov4.HeroGeneral_hero-card-left__zSPuc {
    grid-area: left;
    justify-self: start;
    align-items: flex-start;
  }

  .HeroGeneral_hero-card-bottom__qZMDH.HeroGeneral_hero-card-right__gXov4,
  .HeroGeneral_hero-card-center__DXSkz.HeroGeneral_hero-card-right__gXov4,
  .HeroGeneral_hero-card-left__zSPuc.HeroGeneral_hero-card-right__gXov4,
  .HeroGeneral_hero-card-right__gXov4.HeroGeneral_hero-card-right__gXov4 {
    grid-area: right;
    justify-self: end;
    align-items: flex-end;
  }

  .HeroGeneral_hero-card-bottom__qZMDH.HeroGeneral_hero-card-center__DXSkz,
  .HeroGeneral_hero-card-center__DXSkz.HeroGeneral_hero-card-center__DXSkz,
  .HeroGeneral_hero-card-left__zSPuc.HeroGeneral_hero-card-center__DXSkz,
  .HeroGeneral_hero-card-right__gXov4.HeroGeneral_hero-card-center__DXSkz {
    grid-area: center;
    justify-self: center;
    align-items: center;
  }

  .HeroGeneral_hero-card-bottom__qZMDH.HeroGeneral_hero-card-bottom__qZMDH,
  .HeroGeneral_hero-card-center__DXSkz.HeroGeneral_hero-card-bottom__qZMDH,
  .HeroGeneral_hero-card-left__zSPuc.HeroGeneral_hero-card-bottom__qZMDH,
  .HeroGeneral_hero-card-right__gXov4.HeroGeneral_hero-card-bottom__qZMDH {
    grid-area: bottom;
    justify-self: center;
    align-items: center;
  }
}

.HeroGeneral_imageContainer__PZ_Su {
  position: relative;
  width: 100%;
  min-height: auto;
  height: auto;
  z-index: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: var(--component-hero-color-general-bg);
  margin-bottom: -1px;
}

@media (min-width: 48rem) {
  .HeroGeneral_imageContainer__PZ_Su {
    position: absolute;
    height: 100%;
    min-height: 591px;
    z-index: -1;
    top: 0;
    left: 0;
  }
}

.HeroGeneral_imageContainer__PZ_Su img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (min-width: 48rem) {
  .HeroGeneral_imageContainer__PZ_Su img {
    aspect-ratio: 3/1;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.HeroGeneral_heroGeneralExternalImageWrapper__Lfmxo {
  width: 100%;
}

@media (min-width: 48rem) {
  .HeroGeneral_heroGeneralExternalImageWrapper__Lfmxo {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}

.HeroGeneral_actionToolBarContainer__ZilIG {
  display: flex;
  align-items: center;
  align-content: center;
  gap: var(--spacing-general-buttons-space-between);
  align-self: stretch;
  flex-wrap: wrap;
}

@media (max-width: 74.9375rem) {
  .HeroGeneral_actionToolBarContainer__ZilIG {
    justify-content: center;
  }
}

@media (max-width: 47.9375rem) {
  .HeroGeneral_actionToolBarContainer__ZilIG.HeroGeneral_articlePageAlignment__pjQmw {
    justify-content: flex-start;
  }
}

.HeroGeneral_centerAlignActionToolbar__DKmpA {
  display: flex;
  align-items: flex-start;
  flex: 1 0 0;
}

@media (max-width: 74.9375rem) {
  .HeroGeneral_centerAlignActionToolbar__DKmpA {
    justify-content: center;
  }
}

.HeroAlternate_heroAlternate__oSFI_ {
  align-items: center;
  height: auto;
  display: flex;
  flex-direction: column;
}

@media (min-width: 48rem) {
  .HeroAlternate_heroAlternate__oSFI_ {
    max-width: var(--columns-full-max-width);
    gap: var(--spacing-general-gutter);
    margin: 0 auto;
    padding: var(--spacing-general-margin-y) var(--spacing-general-margin-x);
  }
}

.HeroAlternate_contentWrapper__c_kzL {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0;
}

@media (min-width: 48rem) {
  .HeroAlternate_contentWrapper__c_kzL {
    gap: var(--spacing-general-gutter);
  }

  .HeroAlternate_hero-card-left__KnuNf .HeroAlternate_contentWrapper__c_kzL {
    flex-direction: row-reverse;
  }

  .HeroAlternate_hero-card-right__so_oV .HeroAlternate_contentWrapper__c_kzL {
    flex-direction: row;
  }
}

.HeroAlternate_alternateImageContainer__xJDc_ {
  width: 50%;
}

@media (min-width: 48rem) {
  .HeroAlternate_hero-card-left__KnuNf,
  .HeroAlternate_hero-card-right__so_oV {
    padding: var(--spacing-general-margin-y) var(--spacing-general-margin-x);
  }
}

.HeroAlternate_alternateImageContainerCard__qwywK {
  width: 100%;
  height: auto;
  border-radius: 0;
}

.HeroAlternate_alternateImageContainerCard__qwywK img {
  border-radius: var(--component-hero-image-mobile-radius);
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (min-width: 47.9375rem) {
  .HeroAlternate_alternateImageContainerCard__qwywK img {
    border-radius: var(--component-hero-image-desktop-radius);
  }
}

@media (min-width: 48rem) {
  .HeroAlternate_alternateImageContainerCard__qwywK {
    width: 50%;
  }
}

.HeroAlternate_heroAlternateBackgroundStyle__K9dRC {
  background: var(--component-hero-color-alternate-bg);
}

.HeroAlternate_heroAlternateContentWrapperCard__odC0H {
  width: 100%;
  height: auto;
  border-radius: 0;
  padding: var(--padding-small);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--space-between-medium);
}

@media (min-width: 48rem) {
  .HeroAlternate_heroAlternateContentWrapperCard__odC0H {
    width: 50%;
    min-width: var(--columns-half-min-width);
  }
}

.HeroAlternate_heroAlternateWithExternalImage__waAec {
  position: relative;
}

.HeroAlternate_heroAlternateExternalImageWrapper__kee0c {
  width: 100%;
}

@media (min-width: 48rem) {
  .HeroAlternate_heroAlternateExternalImageWrapper__kee0c {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}

.HeroAlternate_actionToolBarContainer__hv7wf {
  display: flex;
  align-items: center;
  align-content: center;
  gap: var(--spacing-general-buttons-space-between);
  align-self: stretch;
  flex-wrap: wrap;
}

@media (max-width: 47.9375rem) {
  .HeroAlternate_actionToolBarContainer__hv7wf.HeroAlternate_articlePageAlignment__0X_sk {
    justify-content: flex-start;
  }
}

.HeroAlternate_centerAlignActionToolbar__Y9Pku {
  display: flex;
  align-items: flex-start;
  flex: 1 0 0;
}

@media (max-width: 74.9375rem) {
  .HeroAlternate_centerAlignActionToolbar__Y9Pku {
    justify-content: center;
  }
}

.Hero_image__VVR8W {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.FeatureTextOnly_featureTextOnly__40D6j {
  width: 100%;
  min-width: var(--columns-full-min-width);
  max-width: var(--columns-full-max-width);
  margin: 0 auto;
  padding: var(--layout-base-margin-y) var(--layout-base-margin-x);
  justify-content: space-between;
  align-items: center;
  align-content: center;
  row-gap: var(--space-between-medium);
  flex-wrap: wrap;
  background: var(--component-content-grid-color-bg);
}

.mainLayoutConstrained .FeatureTextOnly_featureTextOnlyCopy__dRpKN {
  max-width: var(--typography-copy-max-width);
  margin: 0 auto;
}

.FeatureImageAndText_featureStandard__6ZVDW {
  width: 100%;
  min-width: var(--columns-full-min-width);
  max-width: var(--columns-full-max-width);
  margin: 0 auto;
  padding: var(--component-feature-split-margin-y) var(--component-feature-split-margin-x);
  gap: var(--layout-overlap-overlap-gutter) var(--component-feature-split-gutter);
  background: var(--component-feature-split-color-bg);
}

.FeatureImageAndText_featureStandard__6ZVDW.FeatureImageAndText_noPadding__RnyRn {
  padding-top: 0;
  padding-bottom: 0;
}

.mainLayoutConstrained .FeatureImageAndText_featureStandard__6ZVDW {
  max-width: var(--typography-copy-max-width);
  margin: 0 auto;
  padding: var(--component-feature-split-margin-y) var(--component-feature-split-constrained-margin-right) var(--component-feature-split-margin-y)
    var(--component-feature-split-constrained-margin-left);
}

.FeatureImageAndText_content__G10Wd {
  display: flex;
  padding: var(--component-feature-split-content-padding-y) var(--component-feature-split-content-padding-x);
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 24px var(--component-feature-split-gutter);
  flex: 1 0 0;
  flex-direction: column-reverse;
}

@media (min-width: 48rem) {
  .FeatureImageAndText_content__G10Wd {
    flex-direction: row;
  }
}

.FeatureImageAndText_noPadding__RnyRn .FeatureImageAndText_content__G10Wd {
  padding: 0;
  gap: 0;
}

.FeatureImageAndText_content-center__wDpkP,
.FeatureImageAndText_content-right__BZPUf {
  flex-direction: column-reverse;
}

@media (min-width: 48rem) {
  .FeatureImageAndText_content-center__wDpkP,
  .FeatureImageAndText_content-right__BZPUf {
    flex-direction: row-reverse;
  }
}

.FeatureImageAndText_copyContainer__3dmce {
  flex: 1 0 0;
  width: 100%;
  display: flex;
  border-radius: var(--component-feature-split-copy-radius);
  background: var(--component-feature-split-color-surface);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--spacing-general-copy-margin-bottom);
  min-width: var(--columns-half-min-width);
  max-width: var(--columns-full-max-width);
}

.FeatureImageAndText_copyContainer__3dmce.FeatureImageAndText_oneThird__S6FQB {
  flex: 2 0 0;
}

.FeatureImageAndText_imageContainer__mDkGl {
  display: flex;
  width: 100%;
  min-width: var(--columns-half-min-width);
  max-width: var(--columns-half-max-width);
  padding: var(--component-feature-split-image-padding-y) var(--component-feature-split-image-padding-x);
  flex-direction: column;
  align-items: center;
  flex: 1 0 0;
}

.FeatureImageAndText_image__m3Vha {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}

.FeatureImageAndText_image__m3Vha img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
  background:
    #d3d3d3 50% / cover no-repeat,
    linear-gradient(0deg, var(--component-cards-base-color-on-surface-image-bg) 0, var(--component-cards-base-color-on-surface-image-bg) 100%);
  background-blend-mode: plus-darker, normal;
}

.FeatureImageAndText_imageRadius_content-center__knGAV img,
.FeatureImageAndText_imageRadius_content-right__8p2El img {
  border-radius: var(--component-feature-split-image-imageLeft-radius-top-left) var(--component-feature-split-image-imageLeft-radius-top-right)
    var(--component-feature-split-image-imageLeft-radius-bottom-right) var(--component-feature-split-image-imageLeft-radius-bottom-left);
}

.FeatureImageAndText_imageRadius_content-left__lnH9K img {
  border-radius: var(--component-feature-split-image-imageRight-radius-top-left) var(--component-feature-split-image-imageRight-radius-top-right)
    var(--component-feature-split-image-imageRight-radius-bottom-right) var(--component-feature-split-image-imageRight-radius-bottom-left);
}

.FeatureDetailCard_featureDetailCard__yoOvZ {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: var(--component-feature-split-copy-padding-y) var(--component-feature-split-copy-padding-x);
}

.FeatureDetailCard_contentAlignment__left__opLIF,
.FeatureDetailCard_contentAlignment__left__opLIF .FeatureDetailCard_copyBlock__aL7BQ {
  text-align: left;
  align-items: flex-start;
}

.FeatureDetailCard_contentAlignment__center__LFc8_,
.FeatureDetailCard_contentAlignment__center__LFc8_ .FeatureDetailCard_copyBlock__aL7BQ {
  text-align: center;
  align-items: center;
  justify-content: center;
}

.FeatureDetailCard_contentAlignment__right__4dIsH,
.FeatureDetailCard_contentAlignment__right__4dIsH .FeatureDetailCard_copyBlock__aL7BQ {
  align-items: flex-end;
}

.mainLayoutConstrained .FeatureDetailCard_contentPosition__ContentLeft__WpXQv {
  padding-left: var(--padding-none);
}

.mainLayoutConstrained .FeatureDetailCard_contentPosition__ContentRight__KBLAd {
  padding-right: var(--padding-none);
}

.FeatureDetailCard_copyBlock__aL7BQ {
  display: flex;
  max-width: var(--typography-copy-max-width);
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.FeatureDetailCard_icon__1Cxxw {
  padding-bottom: var(--margin-small);
}

.FeatureDetailCard_icon__1Cxxw img {
  aspect-ratio: 1/1;
}

.FeatureDetailCard_eyebrow__XELyf {
  padding-bottom: var(--spacing-general-eyebrow-margin-bottom);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-eyebrow);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
  line-height: normal;
}

.FeatureDetailCard_fullVariant__72wIe .FeatureDetailCard_eyebrow__XELyf {
  color: var(--component-feature-full-color-eyebrow);
}

.FeatureDetailCard_standardVariant__6GIo8 .FeatureDetailCard_eyebrow__XELyf {
  color: var(--component-feature-split-color-eyebrow);
}

.FeatureDetailCard_titleWrapper__PWtqU {
  padding-bottom: var(--spacing-general-title-margin-bottom);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-xlarge);
  font-style: normal;
  font-weight: var(--typography-font-weight-xlarge);
  line-height: 110%;
  color: var(--component-feature-split-color-title);
}

.FeatureDetailCard_description__Af7lu {
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
  color: var(--component-feature-split-color-body);
}

.FeatureDetailCard_featureCtaContainer__9l1Ff {
  display: flex;
  padding-top: var(--spacing-general-cta-margin-top);
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px var(--space-between-small);
  align-self: stretch;
  flex-wrap: wrap;
}

.FeatureDetailCard_featureCtaContainer__9l1Ff .FeatureDetailCard_cta1__izByE,
.FeatureDetailCard_featureCtaContainer__9l1Ff .FeatureDetailCard_cta2__Cz3WL {
  display: flex;
  align-items: center;
  /* gap: 0.5rem; */
  gap: 0.8rem;
}

.FeatureDetailCard_standardVariant__6GIo8 .FeatureDetailCard_icon__1Cxxw > img {
  height: var(--component-feature-split-decor-icon-height);
  width: auto;
}

.FeatureDetailCard_standardVariant__6GIo8 .FeatureDetailCard_icon__1Cxxw svg {
  height: var(--component-feature-split-decor-icon-height);
  width: auto;
  color: var(--component-feature-split-color-fill);
}

.FeatureDetailCard_standardVariant__6GIo8 .FeatureDetailCard_featureCtaContainer__9l1Ff {
  flex-direction: column;
}

@media (min-width: 48rem) {
  .FeatureDetailCard_standardVariant__6GIo8 .FeatureDetailCard_featureCtaContainer__9l1Ff {
    flex-direction: row;
  }
}

.FeatureDecor_decor__MlpK8 {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  inset: 0;
  z-index: 0;
}

.FeatureDecor_decor__MlpK8 svg {
  max-width: 100%;
}

.FeatureDecor_overrideFillColor__MVmvq path {
  fill: var(--component-feature-full-decor-decor-accent);
}

.FeatureDecor_top__CRX5u {
  position: absolute;
  top: 0;
  left: 0;
}

.FeatureDecor_bottomFull__vVvFU,
.FeatureDecor_bottom__iY9Gv {
  position: absolute;
  bottom: 0;
  right: 0;
}

.FeatureDecor_bottomFull__vVvFU {
  left: 0;
}

@media (max-width: 1199px) {
  .FeatureDecor_hideDecorInTablet__Xxs3_ {
    display: none;
  }
}

.FeatureFancy_featureFull__r2A3u {
  display: flex;
  width: 100%;
  max-width: var(--columns-full-max-width);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: var(--component-feature-full-color-bg);
  margin: 0 auto;
  position: relative;
}

@media (min-width: 48rem) {
  .FeatureFancy_featureFull__r2A3u {
    min-height: 668px;
  }
}

.FeatureFancy_imageContainer__nEAg5 {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1;
  margin: 0 auto;
  padding: var(--component-feature-full-image-padding-y) var(--component-feature-full-image-padding-x) var(--component-feature-full-image-padding-y);
}

@media (min-width: 48rem) {
  .FeatureFancy_imageContainer__nEAg5 {
    height: 668px;
    position: absolute;
    inset: 0 0 auto 0;
  }
}

@media (min-width: 75rem) {
  .FeatureFancy_imageContainer__nEAg5 {
    height: 100%;
    inset: 0;
  }

  .FeatureFancy_featureFull__r2A3u.FeatureFancy_content-left__2klUy .FeatureFancy_imageContainer__nEAg5 {
    width: 80%;
    left: auto;
    right: 0;
  }

  .FeatureFancy_featureFull__r2A3u.FeatureFancy_content-right__7M4ai .FeatureFancy_imageContainer__nEAg5 {
    width: 80%;
    left: 0;
    right: auto;
  }
}

.FeatureFancy_image__qx9_c {
  position: relative;
  z-index: 0;
  align-self: center;
  aspect-ratio: 1/1;
  width: 100%;
  max-height: 460px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: var(--component-feature-full-image-radius);
}

.FeatureFancy_image__qx9_c img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: 100%;
}

@media (min-width: 48rem) {
  .FeatureFancy_image__qx9_c {
    flex: 1;
    align-self: stretch;
    aspect-ratio: auto;
    max-width: none;
    max-height: none;
    margin: 0;
    overflow: visible;
    border-radius: 0;
  }

  .FeatureFancy_image__qx9_c img {
    position: absolute;
    inset: 0;
    border-radius: var(--component-feature-full-image-radius);
  }
}

.FeatureFancy_content__2chyc {
  align-self: stretch;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 8px;
  z-index: 2;
}

@media (min-width: 48rem) {
  .FeatureFancy_content__2chyc {
    flex-direction: row;
    height: 750px;
    align-items: flex-end;
    justify-content: center;
  }
}

@media (min-width: 75rem) {
  .FeatureFancy_content__2chyc {
    height: 668px;
  }
}

@media (min-width: 48rem) and (max-width: 74.9375rem) {
  .FeatureFancy_featureFull__r2A3u.FeatureFancy_noCta__2J0ed .FeatureFancy_content__2chyc {
    height: auto;
    position: absolute;
    inset: auto 0 0 0;
  }
}

.FeatureFancy_copyContainer__vsxQV {
  width: 100%;
  display: flex;
  padding: var(--component-feature-full-copy-container-padding-y) var(--component-feature-full-copy-container-padding-x);
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--spacing-general-copy-margin-bottom);
  box-sizing: border-box;
  margin-top: calc(var(--component-feature-full-copy-block-padding-y) * -2);
}

@media (min-width: 48rem) {
  .FeatureFancy_copyContainer__vsxQV {
    flex: 1 0 0;
    height: auto;
    align-items: center;
    margin-top: 0;
    padding-bottom: 18px;
  }
}

@media (min-width: 75rem) {
  .FeatureFancy_copyContainer__vsxQV {
    height: auto;
    align-items: flex-start;
    margin: auto 0;
    padding-bottom: var(--component-feature-full-copy-container-padding-x);
  }

  .FeatureFancy_featureFull__r2A3u.FeatureFancy_content-center__HvR4q .FeatureFancy_copyContainer__vsxQV {
    align-items: center;
  }

  .FeatureFancy_featureFull__r2A3u.FeatureFancy_content-right__7M4ai .FeatureFancy_copyContainer__vsxQV {
    align-items: flex-end;
  }
}

.FeatureFancy_copyBlock__BSrow {
  width: 100%;
  border-radius: var(--component-feature-full-copy-block-radius);
  background: var(--component-feature-full-color-surface);
  display: flex;
  padding: var(--component-feature-full-copy-block-padding-y) var(--component-feature-full-copy-block-padding-x);
  align-items: flex-start;
  flex-direction: column;
}

@media (min-width: 48rem) {
  .FeatureFancy_copyBlock__BSrow {
    max-width: var(--spacing-columns-desktop-one-third-max-width);
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.25);
  }
}

.FeatureDetailCard_featureDetailCard__IzlI8 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.FeatureDetailCard_contentAlignment__left__4mlXZ,
.FeatureDetailCard_contentAlignment__left__4mlXZ .FeatureDetailCard_copyBlock__KRTIQ {
  text-align: left;
  align-items: flex-start;
  justify-content: flex-start;
}

@media (min-width: 48rem) {
  .FeatureDetailCard_contentAlignment__left__4mlXZ,
  .FeatureDetailCard_contentAlignment__left__4mlXZ .FeatureDetailCard_copyBlock__KRTIQ {
    text-align: center;
    align-items: center;
    justify-content: center;
  }
}

@media (min-width: 75rem) {
  .FeatureDetailCard_contentAlignment__left__4mlXZ,
  .FeatureDetailCard_contentAlignment__left__4mlXZ .FeatureDetailCard_copyBlock__KRTIQ {
    text-align: left;
    align-items: flex-start;
    justify-content: flex-start;
  }
}

.FeatureDetailCard_contentAlignment__center__OYG_T,
.FeatureDetailCard_contentAlignment__center__OYG_T .FeatureDetailCard_copyBlock__KRTIQ {
  text-align: left;
  align-items: flex-start;
  justify-content: flex-start;
}

@media (min-width: 48rem) {
  .FeatureDetailCard_contentAlignment__center__OYG_T,
  .FeatureDetailCard_contentAlignment__center__OYG_T .FeatureDetailCard_copyBlock__KRTIQ {
    text-align: center;
    align-items: center;
    justify-content: center;
  }
}

.FeatureDetailCard_contentAlignment__right__hiEZv,
.FeatureDetailCard_contentAlignment__right__hiEZv .FeatureDetailCard_copyBlock__KRTIQ {
  text-align: left;
  align-items: flex-start;
  justify-content: flex-start;
}

@media (min-width: 48rem) {
  .FeatureDetailCard_contentAlignment__right__hiEZv,
  .FeatureDetailCard_contentAlignment__right__hiEZv .FeatureDetailCard_copyBlock__KRTIQ {
    text-align: center;
    align-items: center;
    justify-content: center;
  }
}

@media (min-width: 75rem) {
  .FeatureDetailCard_contentAlignment__right__hiEZv,
  .FeatureDetailCard_contentAlignment__right__hiEZv .FeatureDetailCard_copyBlock__KRTIQ {
    text-align: right;
    align-items: flex-end;
    justify-content: flex-end;
  }
}

.mainLayoutConstrained .FeatureDetailCard_contentPosition__ContentLeft__2WG8C {
  padding-left: var(--padding-none);
}

.mainLayoutConstrained .FeatureDetailCard_contentPosition__ContentRight__qfXzx {
  padding-right: var(--padding-none);
}

.FeatureDetailCard_copyBlock__KRTIQ {
  display: flex;
  max-width: var(--typography-copy-max-width);
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.FeatureDetailCard_icon__6liPA {
  padding-bottom: var(--margin-small);
}

.FeatureDetailCard_icon__6liPA:empty {
  display: none;
  padding: 0;
}

.FeatureDetailCard_icon__6liPA img {
  aspect-ratio: 1/1;
}

.FeatureDetailCard_eyebrow__NTHpv {
  padding-bottom: var(--spacing-general-eyebrow-margin-bottom);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-eyebrow);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
  line-height: normal;
  color: var(--component-feature-full-color-eyebrow);
}

.FeatureDetailCard_eyebrow__NTHpv:empty {
  display: none;
  padding: 0;
}

.FeatureDetailCard_titleWrapper__0aUxh {
  padding-bottom: var(--spacing-general-title-margin-bottom);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-xlarge);
  font-style: normal;
  font-weight: var(--typography-font-weight-xlarge);
  line-height: 110%;
  color: var(--component-feature-full-color-title);
}

.FeatureDetailCard_titleWrapper__0aUxh:empty {
  display: none;
  padding: 0;
}

.FeatureDetailCard_description__xCQb8 {
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
  color: var(--component-feature-full-color-body);
}

.FeatureDetailCard_description__xCQb8:empty {
  display: none;
  padding: 0;
}

.FeatureDetailCard_featureCtaContainer__iiabD {
  display: flex;
  padding-top: var(--spacing-general-cta-margin-top);
  align-content: flex-start;
  gap: 16px var(--space-between-small);
  align-self: stretch;
  flex-direction: column;
  align-items: stretch;
}

@media (min-width: 48rem) {
  .FeatureDetailCard_featureCtaContainer__iiabD {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
  }
}

.FeatureDetailCard_cta1__F11iz,
.FeatureDetailCard_cta2__lr_sk {
  display: flex;
  align-items: center;
  /* gap: 0.5rem; */
  gap: 0.8rem;
  width: 100%;
}

@media (min-width: 48rem) {
  .FeatureDetailCard_cta1__F11iz,
  .FeatureDetailCard_cta2__lr_sk {
    width: auto;
  }
}

.FeatureDetailCard_cta1__F11iz > *,
.FeatureDetailCard_cta2__lr_sk > * {
  width: 100%;
}

@media (min-width: 48rem) {
  .FeatureDetailCard_cta1__F11iz > *,
  .FeatureDetailCard_cta2__lr_sk > * {
    width: auto;
  }
}

@media (min-width: 75rem) {
  .FeatureDetailCard_featureCtaContainer__iiabD.FeatureDetailCard_contentAlignment__left__4mlXZ {
    justify-content: flex-start;
  }

  .FeatureDetailCard_featureCtaContainer__iiabD.FeatureDetailCard_contentAlignment__right__hiEZv {
    justify-content: flex-end;
  }
}

.FeatureDetailCard_fullVariant__rrFQB.FeatureDetailCard_featureDetailCard__IzlI8 {
  margin: 0 auto;
}

.FeatureDetailCard_fullVariant__rrFQB .FeatureDetailCard_icon__6liPA > img {
  height: var(--component-feature-full-decor-icon-height);
  width: auto;
}

.FeatureDetailCard_fullVariant__rrFQB .FeatureDetailCard_icon__6liPA svg {
  height: var(--component-feature-full-decor-icon-height);
  color: var(--component-feature-full-color-fill);
}

.EmbeddedVideo_embeddedVideoNoPadding__EchXC {
  padding: 0 var(--spacing-general-margin-x);
}

.EmbeddedVideo_embeddedVideoWithPadding__pQ9Y0 {
  padding: var(--component-video-margin-y) var(--component-video-margin-x);
}

.ContentTabs_contentTabs__u600q {
  background: var(--theme-primary-bg-bg);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--layout-base-margin-y) var(--layout-base-margin-x);
  max-width: 100%;
}

@media (max-width: 74.9375rem) {
  .ContentTabs_contentTabs__u600q {
    padding-left: 0;
    padding-right: 0;
  }
}

.ContentTabs_contentTabs__u600q .ContentTabs_contentContainer__8G2lS {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-between-large);
  width: 100%;
}

.ContentTabs_contentTabs__u600q .ContentTabs_preambleSection__TG7jG {
  width: 100%;
  max-width: var(--columns-full-max-width);
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 74.9375rem) {
  .ContentTabs_contentTabs__u600q .ContentTabs_preambleSection__TG7jG {
    padding: 0 var(--spacing-spacing-24) var(--margin-small) var(--spacing-spacing-24);
  }
}

.ContentTabs_contentTabs__u600q .ContentTabs_tabsContent__R_9Ct {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-spacing-40);
  width: 100%;
  max-width: var(--typography-copy-max-width);
  justify-content: center;
}

.ContentTabs_contentTabs__u600q .ContentTabs_tabNavigation__4MVDQ {
  position: relative;
  width: 100%;
  max-width: var(--typography-copy-max-width);
}

.ContentTabs_contentTabs__u600q .ContentTabs_scrollGradient__9v049 {
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--spacing-spacing-48);
  pointer-events: none;
  z-index: 1;
  transition: opacity var(--transition-duration-default) ease;
}

.ContentTabs_contentTabs__u600q .ContentTabs_scrollGradient__9v049.ContentTabs_left__dVC00 {
  left: 0;
  background: linear-gradient(to right, var(--theme-primary-bg-bg) 0, rgba(255, 255, 255, 0) 100%);
}

.ContentTabs_contentTabs__u600q .ContentTabs_scrollGradient__9v049.ContentTabs_right__DVmDZ {
  right: 0;
  background: linear-gradient(to left, var(--theme-primary-bg-bg) 0, rgba(255, 255, 255, 0) 100%);
}

.ContentTabs_contentTabs__u600q .ContentTabs_tabList__MhNW4 {
  display: flex;
  align-items: end;
  justify-content: flex-start;
  padding: 1px 0;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-top: var(--space-between-xxsmall);
}

@media (min-width: 75rem) {
  .ContentTabs_contentTabs__u600q .ContentTabs_tabList__MhNW4 {
    justify-content: stretch;
  }
}

@media (max-width: 74.9375rem) {
  .ContentTabs_contentTabs__u600q .ContentTabs_tabList__MhNW4 {
    justify-content: stretch;
  }
}

.ContentTabs_contentTabs__u600q .ContentTabs_tabButton__hrB_f {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: var(--padding-small);
  border: none;
  background: rgba(0, 0, 0, 0);
  cursor: pointer;
  position: relative;
  border-bottom: 2px solid var(--general-color-border-mid);
  min-width: var(--width-component-tab-max-width);
  max-width: var(--width-component-tab-max-width);
  flex: 0 1 auto;
}

@media (min-width: 48rem) and (max-width: 74.9375rem) {
  .ContentTabs_contentTabs__u600q .ContentTabs_tabButton__hrB_f {
    min-height: var(--component-touch-target-min-size);
    min-width: var(--width-component-tab-min-width);
    padding: var(--padding-small);
  }
}

@media (min-width: 64rem) and (max-width: 74.9375rem) {
  .ContentTabs_contentTabs__u600q .ContentTabs_tabButton__hrB_f {
    min-width: var(--width-component-tab-max-width);
  }
}

.ContentTabs_contentTabs__u600q .ContentTabs_tabButton__hrB_f.ContentTabs_active___gTTR {
  border-bottom: 4px solid var(--component-tabs-color-tab-border-active-border);
}

.ContentTabs_contentTabs__u600q .ContentTabs_tabButton__hrB_f:hover:not(.ContentTabs_active___gTTR) {
  border-bottom: 4px solid var(--component-tabs-color-tab-border-hover-border);
}

.ContentTabs_contentTabs__u600q .ContentTabs_tabButton__hrB_f:hover:not(.ContentTabs_active___gTTR) .ContentTabs_tabLabel__arzDt {
  color: var(--theme-primary-bg-text-primary);
}

.ContentTabs_contentTabs__u600q .ContentTabs_tabButton__hrB_f:focus-visible {
  border: solid var(--component-tabs-color-tab-border-focus-border);
  border-width: 2px 2px 4px;
  outline: none;
}

.ContentTabs_contentTabs__u600q .ContentTabs_tabButton__hrB_f .ContentTabs_tabLabel__arzDt {
  font-family: var(--typography-font-family-header);
  font-weight: var(--typography-font-weight-xxsmall);
  font-size: var(--typography-font-size-header-xxsmall);
  line-height: normal;
  color: var(--theme-primary-bg-text-primary);
  text-align: center;
  word-wrap: break-word;
  hyphens: auto;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.ContentTabs_contentTabs__u600q .ContentTabs_tabPanels__XeN6S {
  max-width: var(--typography-copy-max-width);
  flex-wrap: wrap;
}

@media (max-width: 74.9375rem) {
  .ContentTabs_contentTabs__u600q .ContentTabs_tabPanels__XeN6S {
    padding: 0 var(--spacing-spacing-24) var(--margin-small) var(--spacing-spacing-24);
  }

  .ContentTabs_contentTabs__u600q.ContentTabs_twoTabsOnly__zElKN .ContentTabs_tabList__MhNW4 {
    justify-content: stretch;
  }

  .ContentTabs_contentTabs__u600q.ContentTabs_twoTabsOnly__zElKN .ContentTabs_tabList__MhNW4 .ContentTabs_tabButton__hrB_f {
    flex: 1 1 50%;
    max-width: 50%;
    min-width: 0;
  }
}

@media (min-width: 75rem) {
  .ContentTabs_contentTabs__u600q.ContentTabs_twoTabsOnly__zElKN .ContentTabs_tabList__MhNW4 {
    justify-content: stretch;
  }

  .ContentTabs_contentTabs__u600q.ContentTabs_twoTabsOnly__zElKN .ContentTabs_tabList__MhNW4 .ContentTabs_tabButton__hrB_f {
    flex: 1 1 50%;
    max-width: 50%;
    min-width: 0;
  }
}

@media (min-width: 48rem) {
  .ContentTabs_contentTabs__u600q.ContentTabs_threeTabsOnly__EboZt .ContentTabs_tabList__MhNW4 {
    justify-content: stretch;
  }

  .ContentTabs_contentTabs__u600q.ContentTabs_threeTabsOnly__EboZt .ContentTabs_tabList__MhNW4 .ContentTabs_tabButton__hrB_f {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    min-width: 0;
  }
}

.ContentTabs_emptyState__Crjmc {
  padding: var(--spacing-spacing-40);
  text-align: center;
  background: var(--general-color-background-light);
  border: var(--component-tabs-border-inactive) dashed var(--general-color-border-mid);
  border-radius: var(--border-radius-medium);
}

.ContentTabs_emptyState__Crjmc p {
  margin: 0;
  color: var(--theme-primary-bg-text-secondary);
  font-family: var(--typography-font-family-copy);
  font-size: var(--typography-font-size-copy-medium);
}

.ContentTabs_tabPanel__ESdcH {
  max-width: 100%;
  flex-wrap: wrap;
  word-break: break-word;
  display: block;
  visibility: visible;
  position: relative;
  height: auto;
  margin-bottom: var(--space-between-medium);
}

.ContentTabs_tabPanel__ESdcH .ContentTabs_tabImage__1YzSr {
  aspect-ratio: 16/9;
}

.ContentTabs_tabPanel__ESdcH .ContentTabs_tabImage__1YzSr img,
.ContentTabs_tabPanel__ESdcH .ContentTabs_tabImage__1YzSr picture {
  width: 100%;
  max-height: var(--component-tabs-image-max-height);
}

.ContentTabs_tabPanel__ESdcH:not(:last-child) {
  border-bottom: var(--component-border-width-thin) solid var(--general-color-border-light);
  padding-bottom: var(--space-between-medium);
}

.ContentTabs_tabPanel__ESdcH.ContentTabs_hidden__Q25bu {
  display: none;
  visibility: hidden;
  position: absolute;
  pointer-events: none;
  height: 0;
  overflow: hidden;
}

.ContentTabs_tabPanel__ESdcH.ContentTabs_active___gTTR {
  display: block;
  visibility: visible;
  position: relative;
  pointer-events: auto;
  height: auto;
}

html.ContentTabs_js-enabled__kMZf_ .ContentTabs_tabPanel__ESdcH {
  margin-bottom: 0;
}

html.ContentTabs_js-enabled__kMZf_ .ContentTabs_tabPanel__ESdcH:not(:last-child) {
  border-bottom: none;
  padding-bottom: 0;
}

.ContentTabs_tabContent__SU1Ms {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-spacing-16);
  max-width: var(--columns-copy-max-width);
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 74.9375rem) {
  .ContentTabs_tabContent__SU1Ms {
    padding: 0;
  }
}

.ContentTabs_additionalContent__LZ_46 {
  width: 100%;
  margin-top: var(--space-between-large);
}

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

  .ContentTabs_tabList__MhNW4 {
    scroll-behavior: auto;
  }

  .ContentTabs_scrollGradient__9v049 {
    transition: none;
  }
}

@media (prefers-contrast: high) {
  .ContentTabs_tabButton__hrB_f {
    border: var(--component-tabs-border-inactive) solid;
  }

  .ContentTabs_tabButton__hrB_f.ContentTabs_active___gTTR {
    border-bottom-width: var(--component-tabs-border-active);
  }

  .ContentTabs_tabButton__hrB_f:focus {
    outline-width: var(--component-tabs-border-focus);
  }
}

.ContentTabs_tabButton__hrB_f:focus:not(:focus-visible) {
  outline: none;
}

.ContentTabs_tabButton__hrB_f:focus-visible {
  outline: var(--component-tabs-border-inactive) solid var(--component-tabs-color-tab-border-active-border);
  outline-offset: var(--component-tabs-border-inactive);
}

.ContentBlock_contentBlock__3jryP {
  padding: var(--spacing-general-margin-related-y) var(--spacing-general-margin-x);
  color: var(--component-content-grid-color-title);
}

.ContentBlock_contentBlock__3jryP .rte {
  margin: 0 auto;
  max-width: var(--typography-copy-max-width);
}

.AlertBanner_alertBanner__jOE6f {
  width: 100%;
  display: flex;
  padding: var(--padding-xsmall) var(--layout-compact-margin-x);
  justify-content: center;
  align-items: flex-start;
  background: var(--component-alert-banner-bg);
}

@media print {
  .AlertBanner_alertBanner__jOE6f {
    display: none;
  }
}

@media (min-width: 48rem) {
  .AlertBanner_alertBanner__jOE6f {
    padding: var(--padding-xsmall) var(--spacing-spacing-24) var(--padding-xsmall) var(--spacing-general-margin-x);
  }
}

.AlertBanner_banner__OKunR {
  display: flex;
  max-width: var(--columns-full-max-width);
  padding: var(--padding-xsmall) var(--layout-full-margin-x) var(--padding-xsmall) var(--layout-compact-margin-x);
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
}

@media (min-width: 48rem) {
  .AlertBanner_banner__OKunR {
    padding: var(--padding-small) var(--spacing-general-margin-x) var(--padding-small) 0;
  }
}

.AlertBanner_container__jgqm9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-between-large);
  flex: 1 0 0;
}

@media (min-width: 48rem) {
  .AlertBanner_container__jgqm9 {
    flex-direction: row;
    gap: var(--space-between-medium);
  }
}

.AlertBanner_iconContainer__KJFkE {
  display: grid;
  width: 40px;
  height: 40px;
  aspect-ratio: 1/1;
  grid-template-rows: repeat(1, minmax(0, 1fr));
  grid-template-columns: repeat(1, minmax(0, 1fr));
  color: var(--component-alert-banner-icon);
}

.AlertBanner_iconContainer__KJFkE img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
}

.AlertBanner_iconContainer__KJFkE svg {
  width: 100%;
  height: 100%;
}

.AlertBanner_content__1qwWQ {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-between-small);
  flex: 1 0 0;
  align-self: stretch;
}

.AlertBanner_textContainer__n_zZO {
  display: flex;
  width: 100%;
  max-width: var(--typography-copy-max-width);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-spacing-8);
  align-self: stretch;
}

@media (min-width: 48rem) {
  .AlertBanner_textContainer__n_zZO {
    width: auto;
    gap: var(--spacing-spacing-8);
  }
}

.AlertBanner_title__TuDZX {
  color: var(--component-alert-banner-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  font-size: var(--typography-font-size-header-small);
  margin: 0;
}

@media (min-width: 48rem) {
  .AlertBanner_title__TuDZX {
    font-size: var(--typography-font-size-header-small);
  }
}

.AlertBanner_text__7qAJN {
  color: var(--component-alert-banner-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  font-size: var(--typography-font-size-desktop-body-medium);
  margin: 0;
}

@media (min-width: 48rem) {
  .AlertBanner_text__7qAJN {
    font-size: var(--typography-font-size-desktop-body-medium);
  }
}

.AlertBanner_ctaContainer__B_V8t {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 8px var(--spacing-general-buttons-space-between);
  align-self: stretch;
  flex-wrap: wrap;
}

@media (min-width: 48rem) {
  .AlertBanner_ctaContainer__B_V8t {
    gap: 16px var(--spacing-general-buttons-space-between);
  }
}

.AlertBanner_closeButton__JFrUZ {
  background: rgba(0, 0, 0, 0);
  border: none;
  color: var(--component-alert-banner-close);
}

@media (min-width: 48rem) {
  .AlertBanner_closeButton__JFrUZ {
    margin-top: 0;
  }
}

.ThreePackCards_threePackCardsWrapper__rETjG {
  box-sizing: border-box;
  display: grid;
  margin: auto;
  max-width: var(--columns-full-max-width);
}

.mainLayoutConstrained .ThreePackCards_threePackCardsWrapper__rETjG {
  max-width: var(--typography-copy-max-width);
}

.ThreePackCards_threePackCardsWrapper__rETjG.ThreePackCards_wrapperInMainLayout__IxsSp {
  padding: var(--component-content-grid-margin-y) 0;
  display: block;
}

@media (48rem) and (max-width: 74.9375rem) {
  .ThreePackCards_threePackCardsWrapper__rETjG {
    padding: var(--component-card-listing-padding-y-tablet) 0;
  }
}

@media (74.9375rem) {
  .ThreePackCards_threePackCardsWrapper__rETjG {
    padding: var(--component-card-listing-padding-y-desktop) 0;
  }
}

.ThreePackCards_threePackCardsWrapper__rETjG .ThreePackCards_threePackCardsContainer__mP3KF {
  width: auto;
}

.ThreePackCards_threePackCardsWrapper__rETjG .ThreePackCards_threePackCardsHeadlineText__QRbJO {
  color: var(--component-content-grid-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-xlarge);
  font-style: normal;
  font-weight: var(--typography-font-weight-xlarge);
  line-height: 110%;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  text-align: center;
  background: var(--component-content-grid-color-bg);
  margin-bottom: var(--margin-medium);
}

.SideBySideContainer_sideBySideContainer__Lgif0 {
  display: flex;
  padding: var(--component-content-grid-margin-y) 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-general-gutter);
  background: var(--component-content-grid-color-bg);
  margin: 0 auto;
  max-width: var(--columns-full-max-width);
}

.mainLayoutConstrained .SideBySideContainer_sideBySideContainer__Lgif0 {
  max-width: var(--typography-copy-max-width);
}

.SideBySideContainer_sideBySideContainer__Lgif0.SideBySideContainer_col-1__uHyG6,
.SideBySideContainer_sideBySideContainer__Lgif0.SideBySideContainer_col-2__lnT67,
.SideBySideContainer_sideBySideContainer__Lgif0.SideBySideContainer_col-3__ObgpC,
.SideBySideContainer_sideBySideContainer__Lgif0.SideBySideContainer_col-4__R8k_V {
  flex-direction: column;
}

@media (min-width: 48rem) {
  .SideBySideContainer_sideBySideContainer__Lgif0.SideBySideContainer_col-2__lnT67,
  .SideBySideContainer_sideBySideContainer__Lgif0.SideBySideContainer_col-3__ObgpC,
  .SideBySideContainer_sideBySideContainer__Lgif0.SideBySideContainer_col-4__R8k_V {
    flex-direction: row;
  }
}

.SideBySideContainer_side__7X7Td {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.SideBySideContainer_contentArea__0kLEu {
  display: flex;
  flex-direction: column;
  /* gap: 1rem; */
  gap: 1.6rem;
  align-items: flex-start;
  align-self: stretch;
}

.SideBySideContainer_contentArea__0kLEu.SideBySideContainer_left__w1OhS {
  min-width: var(--columns-half-min-width);
  justify-content: center;
}

.SideBySideContainer_contentArea__0kLEu.SideBySideContainer_right__YwUMG {
  min-width: var(--columns-half-min-width);
}

.SideBySideContainer_contentItem__cWjrZ {
  border-radius: var(--general-radius-card);
  width: 100%;
}

.ContentListCard_card__kqVoi {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
}

.ContentListCard_card_Center__93GEz .ContentListCard_card__kqVoi {
  align-items: center;
  align-self: center;
}

.ContentListCard_card__kqVoi {
  padding: var(--component-cards-base-card-padding-y) var(--component-cards-base-card-padding-x);
  flex-direction: column;
  position: relative;
  isolation: isolate;
  height: 100%;
  border-radius: var(--general-radius-card);
  border: var(--component-cards-base-card-border-width) solid var(--component-cards-base-color-on-surface-border);
  background: var(--component-cards-base-color-on-surface-surface);
}

.ContentListCard_card__kqVoi.ContentListCard_nonInteractive__IoRwE {
  border: none;
}

.ContentListCard_threePackCardsCard___5ZqM {
  padding: 0;
}

.ContentListCard_cardContent__DEVsv {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  align-self: stretch;
}

.ContentListCard_cardLabelWrapper__IiWiS {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.ContentListCard_card_Center__93GEz .ContentListCard_cardLabelWrapper__IiWiS {
  align-items: center;
  align-self: center;
}

.ContentListCard_cardLabelWrapper__IiWiS {
  position: absolute;
  top: 0;
  left: 0;
  padding: var(--component-cards-base-card-label-margin) 0 0 var(--component-cards-base-card-label-margin);
  gap: 8px;
  background: var(--component-tag-static-color-fill-bg);
}

.ContentListCard_cardLabel__DNGyi {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-spacing-4);
  padding: var(--spacing-spacing-4) var(--spacing-spacing-8);
  border-radius: var(--component-tag-static-radius-top-left) var(--component-tag-static-radius-top-right) var(--component-tag-static-radius-bottom-right) var(--component-tag-static-radius-bottom-left);
  background: var(--component-tag-static-color-fill-A-bg);
  color: var(--component-tag-static-color-fill-text);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.ContentListCard_cardLabel__DNGyi.ContentListCard_cardLabel--fill__ISb0c {
  border-style: solid;
  border-width: 0;
}

.ContentListCard_cardLabel__DNGyi.ContentListCard_cardLabel--outline__hlL_g {
  border-style: solid;
  border-width: var(--component-tag-static-border-width);
}

.ContentListCard_cardLabel__DNGyi.ContentListCard_cardLabel--colorA__3kwOd.ContentListCard_cardLabel--fill__ISb0c {
  background: var(--component-tag-static-color-fill-A-bg);
  border-color: var(--component-tag-static-color-fill-A-border);
  color: var(--component-tag-static-color-fill-A-text);
}

.ContentListCard_cardLabel__DNGyi.ContentListCard_cardLabel--colorA__3kwOd.ContentListCard_cardLabel--outline__hlL_g {
  background: var(--component-tag-static-color-outline-A-bg);
  border-color: var(--component-tag-static-color-outline-A-border);
  color: var(--component-tag-static-color-outline-A-text);
}

.ContentListCard_cardLabel__DNGyi.ContentListCard_cardLabel--colorB__d9GfU.ContentListCard_cardLabel--fill__ISb0c {
  background: var(--component-tag-static-color-fill-B-bg);
  border-color: var(--component-tag-static-color-fill-B-border);
  color: var(--component-tag-static-color-fill-B-text);
}

.ContentListCard_cardLabel__DNGyi.ContentListCard_cardLabel--colorB__d9GfU.ContentListCard_cardLabel--outline__hlL_g {
  background: var(--component-tag-static-color-outline-B-bg);
  border-color: var(--component-tag-static-color-outline-B-border);
  color: var(--component-tag-static-color-outline-B-text);
}

.ContentListCard_cardImageWrapper__WxSXh {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.ContentListCard_card_Center__93GEz .ContentListCard_cardImageWrapper__WxSXh {
  align-items: center;
  align-self: center;
}

.ContentListCard_cardImageWrapper__WxSXh {
  border-radius: var(--general-radius-image);
  overflow: hidden;
  -o-object-fit: contain;
  object-fit: contain;
  min-width: 150px;
}

.ContentListCard_cardImageWrapper--whiteBackground__8JSva {
  background: var(--color-grayscale-white);
}

.ContentListCard_cardImage__d1VsZ {
  width: 100%;
  margin: 0 auto;
  border-radius: var(--general-radius-image);
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
}

.ContentListCard_cardImage__d1VsZ img {
  -o-object-fit: contain;
  object-fit: contain;
  height: 100%;
  width: 100%;
}

.ContentListCard_cardImage--vertical__bIBy5 {
  height: 100%;
  width: 100%;
}

.ContentListCard_image--1-1__wbni_ {
  aspect-ratio: 1/1;
}

.ContentListCard_image--3-2__vOJ4j {
  aspect-ratio: 3/2;
}

.ContentListCard_image--16-9__hHv2N {
  aspect-ratio: 16/9;
}

.ContentListCard_image--9-16__v8Qso {
  aspect-ratio: 9/16;
}

.ContentListCard_image--2-1__HxvYn {
  aspect-ratio: 2/1;
}

.ContentListCard_image--4-3__6_UAU {
  aspect-ratio: 4/3;
}

.ContentListCard_image--7-10__AhRJg {
  aspect-ratio: 7/10;
}

.ContentListCard_cardBody___FCut {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.ContentListCard_card_Center__93GEz .ContentListCard_cardBody___FCut {
  align-items: center;
  align-self: center;
}

.ContentListCard_cardBody___FCut {
  padding: var(--component-cards-base-copy-padding-y) var(--component-cards-base-copy-padding-x);
}

.ContentListCard_cardBody_manageFavorites__z3GRb {
  width: 100%;
  flex: 1 1 auto;
}

.ContentListCard_cardBodyCopy__5AIHN {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.ContentListCard_card_Center__93GEz .ContentListCard_cardBodyCopy__5AIHN {
  align-items: center;
  align-self: center;
}

.ContentListCard_cardBodyCopy_manageFavorites__hwnFX {
  width: 100%;
  flex: 1 1 auto;
  min-height: 100%;
}

.ContentListCard_cardBodyEyebrow__tLXTx {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-self: stretch;
}

.ContentListCard_card_Center__93GEz .ContentListCard_cardBodyEyebrow__tLXTx {
  align-items: center;
  align-self: center;
}

.ContentListCard_cardBodyEyebrow__tLXTx {
  padding-bottom: var(--space-between-xsmall);
  gap: var(--space-between-xsmall);
  color: var(--component-cards-base-color-on-surface-title);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.ContentListCard_cardBodyTitleWrapper__lkVFW {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.ContentListCard_card_Center__93GEz .ContentListCard_cardBodyTitleWrapper__lkVFW {
  align-items: center;
  align-self: center;
}

.ContentListCard_cardBodyTitleWrapper__lkVFW {
  gap: var(--space-between-xxsmall);
  flex-wrap: wrap;
}

.ContentListCard_cardBodyTitleBlock__SQFkZ {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.ContentListCard_card_Center__93GEz .ContentListCard_cardBodyTitleBlock__SQFkZ {
  align-items: center;
  align-self: center;
}

.ContentListCard_cardBodyTitleBlock__SQFkZ {
  gap: var(--space-between-xxsmall);
}

.ContentListCard_card_Center__93GEz .ContentListCard_cardBodyProductNumber__MC3KI {
  text-align: center;
}

.ContentListCard_cardBodyProductNumber__MC3KI {
  color: var(--component-cards-base-color-on-surface-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.ContentListCard_cardBodyTitle__Ze6Gq {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ContentListCard_card_Center__93GEz .ContentListCard_cardBodyTitle__Ze6Gq {
  text-align: center;
}

.ContentListCard_cardBodyTitleFullCardLink__rKv3O,
.ContentListCard_cardBodyTitle__Ze6Gq {
  color: var(--component-cards-base-color-on-surface-title);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-xlarge);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.ContentListCard_cardBodyTitleFullCardLink__rKv3O {
  text-decoration-line: none;
  text-decoration-color: var(--component-cards-base-color-on-surface-title-underline);
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  text-underline-position: from-font;
  text-decoration-thickness: 2px;
  border-radius: var(--component-cta-radius);
}

.ContentListCard_cardBodyTitleFullCardLink__rKv3O svg.ContentListCard_cta-icon-default__r9Aoz {
  color: var(--component-cards-base-color-on-surface-title);
}

.ContentListCard_cardBodyTitleFullCardLink__rKv3O svg.ContentListCard_cta-icon-default__r9Aoz path {
  fill: var(--component-cards-base-color-on-surface-title);
}

.ContentListCard_cardBodyTitleFullCardLink__rKv3O:focus,
.ContentListCard_cardBodyTitleFullCardLink__rKv3O:focus svg.ContentListCard_cta-icon-default__r9Aoz,
.ContentListCard_cardBodyTitleFullCardLink__rKv3O:hover,
.ContentListCard_cardBodyTitleFullCardLink__rKv3O:hover svg.ContentListCard_cta-icon-default__r9Aoz {
  color: var(--component-cards-base-color-on-surface-title-hover);
}

.ContentListCard_cardBodyTitleFullCardLink__rKv3O:focus svg.ContentListCard_cta-icon-default__r9Aoz path,
.ContentListCard_cardBodyTitleFullCardLink__rKv3O:hover svg.ContentListCard_cta-icon-default__r9Aoz path {
  fill: var(--component-cards-base-color-on-surface-title-hover);
}

.ContentListCard_cardBodyTitleFullCardLink__rKv3O:active {
  outline: none;
}

.ContentListCard_cardBodyTitleFullCardLink__rKv3O:focus {
  outline: none;
  outline-offset: 3px;
  text-decoration-line: underline;
}

.ContentListCard_cardBodyTitleFullCardLink__rKv3O:hover {
  text-decoration-line: underline;
}

.ContentListCard_cardBodyTitleFullCardLink__rKv3O:disabled {
  opacity: var(--component-cta-color-brand-cta-outline-disabled-opacity);
}

.ContentListCard_cardBodyTitleFullCardLink__rKv3O:before {
  content: " ";
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.editing-mode .ContentListCard_cardBodyTitleFullCardLink__rKv3O:before {
  content: none;
}

.ContentListCard_cardBodyTitleFullCardLink__rKv3O:focus-visible:before {
  border-radius: var(--general-radius-card-focus);
  box-shadow: 0 0 0 2px var(--component-cards-base-color-on-surface-surface);
  outline: var(--component-cards-base-card-border-width-focus) solid var(--component-cards-base-color-on-surface-border-focus);
  outline-offset: 2px;
}

.ContentListCard_cardBodyTitleFullCardLink__rKv3O:focus:not(:focus-visible) {
  color: var(--component-cards-base-color-on-surface-title);
  text-decoration-line: none;
  outline: none;
}

[data-pagination-focus-active="true"] .ContentListCard_cardBodyTitleFullCardLink__rKv3O:focus:not(:focus-visible) {
  color: var(--component-cards-base-color-on-surface-title-hover);
  text-decoration-line: underline;
}

[data-pagination-focus-active="true"] .ContentListCard_cardBodyTitleFullCardLink__rKv3O:focus:not(:focus-visible):before {
  border-radius: var(--general-radius-card-focus);
  box-shadow: 0 0 0 2px var(--component-cards-base-color-on-surface-surface);
  outline: var(--component-cards-base-card-border-width-focus) solid var(--component-cards-base-color-on-surface-border-focus);
  outline-offset: 2px;
}

.ContentListCard_cardBodyRatingsAndKitchenTested__X9woB {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-self: stretch;
}

.ContentListCard_card_Center__93GEz .ContentListCard_cardBodyRatingsAndKitchenTested__X9woB {
  align-items: center;
  align-self: center;
}

.ContentListCard_cardBodyRatingsAndKitchenTested__X9woB {
  padding-bottom: var(--space-between-xxsmall);
  gap: 0 var(--space-between-small);
  flex-wrap: wrap;
  width: 100%;
}

.ContentListCard_cardBodyRatings__cDMbc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-between-xxsmall);
  color: var(--component-cards-base-color-on-surface-subtitle);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.ContentListCard_ratingStarsWrapper__jfS1x {
  display: flex;
  align-items: center;
}

.ContentListCard_ratingStar__Gx40N {
  height: 14px;
  width: 14px;
}

@media screen and (min-width: 20rem) {
  .ContentListCard_ratingStar__Gx40N {
    height: 20px;
    width: 20px;
  }
}

.ContentListCard_recipeKitchenTestedTagWraper__JPEx1 {
  display: flex;
  align-items: center;
  gap: var(--space-between-xsmall);
}

.ContentListCard_recipeKitchenTestedTagIcon__47xxy {
  height: 20px;
  width: 20px;
  color: var(--general-color-background-darkest);
}

.ContentListCard_recipeKitchenTestedTagText__sJUy1 {
  color: var(--component-cards-base-color-on-surface-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.ContentListCard_cardBodyFastFacts__Myw3M {
  display: inline-flex;
  flex-wrap: wrap;
}

.ContentListCard_card_Center__93GEz .ContentListCard_cardBodyFastFacts__Myw3M {
  text-align: center;
}

.ContentListCard_cardBodyFastFacts__Myw3M {
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: var(--space-between-xsmall);
  list-style: none;
  color: var(--component-cards-base-color-on-surface-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.ContentListCard_cardBodyFastFacts__Myw3M strong {
  font-weight: var(--typography-font-weight-body-bold);
}

.ContentListCard_cardBodyFastFacts__Myw3M li {
  display: flex;
  flex-wrap: wrap;
}

.ContentListCard_cardBodyFastFacts__Myw3M li:after {
  content: "|" /"";
  padding: 0 10px;
}

.ContentListCard_cardBodyFastFacts__Myw3M li:last-child:after {
  content: none;
}

.ContentListCard_cardBodyFastFacts__Myw3M.ContentListCard_cardBodyFastFactsColumn__fk_IH li {
  display: block;
}

.ContentListCard_cardBodyFastFacts__Myw3M.ContentListCard_cardBodyFastFactsColumn__fk_IH li:after {
  content: none;
}

.ContentListCard_recipeFastFact__BImBX {
  display: inline;
  white-space: normal;
}

.ContentListCard_cardBodyDescription__UzaOc {
  word-break: break-word;
  width: 100%;
  overflow: hidden;
}

.ContentListCard_card_Center__93GEz .ContentListCard_cardBodyDescription__UzaOc {
  text-align: center;
}

.ContentListCard_cardBodyDescription__UzaOc {
  color: var(--component-cards-base-color-on-surface-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.ContentListCard_cardBodyDescription__UzaOc a {
  position: relative;
  z-index: 101;
}

.ContentListCard_card__kqVoi:focus-within .ContentListCard_cardBodyDescription__UzaOc {
  overflow: visible;
}

.ContentListCard_cardBodySaveCtaWrapper__Mrgyq {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.ContentListCard_card_Center__93GEz .ContentListCard_cardBodySaveCtaWrapper__Mrgyq {
  align-items: center;
  align-self: center;
}

.ContentListCard_cardBodySaveCtaWrapper__Mrgyq {
  padding: var(--component-cards-base-copy-padding-y) var(--component-cards-base-copy-padding-x);
  justify-content: flex-end;
}

.ContentListCard_cardBodyCtaWrapper__Ge5r6 {
  position: relative;
  z-index: 101;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.ContentListCard_card_Center__93GEz .ContentListCard_cardBodyCtaWrapper__Ge5r6 {
  align-items: center;
  align-self: center;
}

.ContentListCard_cardBodyCtaWrapper__Ge5r6 {
  padding: calc(var(--space-between-xsmall) + var(--component-cta-size-base-padding-y)) 0 var(--component-cta-size-base-padding-y) 0;
  gap: var(--space-between-none) var(--space-between-medium);
}

.ContentListCard_cardBodyCtaWrapper_manageFavorites__vZL5r {
  width: 100%;
  margin-top: auto;
}

.ContentListCard_cardHeading__pct43 {
  color: var(--component-content-grid-color-title);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  display: flex;
  justify-content: center;
  padding-bottom: var(--margin-medium);
  font-size: var(--typography-font-size-header-xlarge);
  font-weight: var(--typography-font-weight-xlarge);
}

.ContentListCard_cardGeneralEyebrow__tLDz5 {
  /* margin-bottom: 0.5rem; */
  margin-bottom: 0.8rem;
  color: var(--component-cards-base-color-on-surface-title);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.ContentListCard_cardContentList___BfTv {
  max-width: var(--typography-copy-max-width);
  margin: auto;
}

.ContentListCard_cardContentListSection__o9vE_ {
  width: 100%;
  padding: 10px;
}

.ContentListCard_cardContentListItems__dPHmR ul {
  list-style-type: none;
}

.ContentListCard_cardContentListItems__dPHmR ol,
.ContentListCard_cardContentListItems__dPHmR ul {
  margin-inline-start: 10px;
  padding-inline-start: 10px;
}

.ContentListCard_cardContentListItems__dPHmR li {
  padding: 0 8px;
}

.ContentListCard_cardContentList___BfTv.ContentListCard_hasContentList__KeA6I .ContentListCard_cardBody___FCut {
  padding-bottom: 0;
}

.ContentListCard_cardContentList___BfTv:focus,
.ContentListCard_cardContentList___BfTv:focus-visible,
.ContentListCard_cardContentList___BfTv:focus-within {
  outline-offset: -7px;
  outline: 4px solid var(--component-cards-base-color-on-surface-border-focus);
}

.ContentListCard_contentCardLink__Nb3Kb {
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration-color: var(--componentTheme-content-grid-text-link-underline);
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 20%;
  text-underline-position: from-font;
  text-decoration-thickness: 2px;
  border-radius: var(--component-cta-radius);
}

.ContentListCard_contentCardLink__Nb3Kb,
.ContentListCard_contentCardLink__Nb3Kb svg.ContentListCard_cta-icon-default__r9Aoz {
  color: var(--componentTheme-cards-on-surface-text-primary);
}

.ContentListCard_contentCardLink__Nb3Kb svg.ContentListCard_cta-icon-default__r9Aoz path {
  fill: var(--componentTheme-cards-on-surface-text-primary);
}

.ContentListCard_contentCardLink__Nb3Kb:focus,
.ContentListCard_contentCardLink__Nb3Kb:focus svg.ContentListCard_cta-icon-default__r9Aoz,
.ContentListCard_contentCardLink__Nb3Kb:hover,
.ContentListCard_contentCardLink__Nb3Kb:hover svg.ContentListCard_cta-icon-default__r9Aoz {
  color: var(--componentTheme-cards-on-surface-text-primary);
}

.ContentListCard_contentCardLink__Nb3Kb:focus svg.ContentListCard_cta-icon-default__r9Aoz path,
.ContentListCard_contentCardLink__Nb3Kb:hover svg.ContentListCard_cta-icon-default__r9Aoz path {
  fill: var(--componentTheme-cards-on-surface-text-primary);
}

.ContentListCard_contentCardLink__Nb3Kb:active {
  outline: none;
}

.ContentListCard_contentCardLink__Nb3Kb:focus {
  outline: 2px solid var(--componentTheme-cards-on-surface-text-primary);
  outline-offset: 3px;
  text-decoration-line: underline;
}

.ContentListCard_contentCardLink__Nb3Kb:hover {
  text-decoration-line: none;
}

.ContentListCard_contentCardLink__Nb3Kb:disabled {
  opacity: var(--component-cta-color-brand-cta-outline-disabled-opacity);
}

.ContentListCard_contentCardLink__Nb3Kb {
  justify-content: left;
  text-align: left;
  text-decoration-line: underline;
  text-decoration-color: var(--theme-link-underline);
}

.ContentListCard_contentCardLink__Nb3Kb:focus,
.ContentListCard_contentCardLink__Nb3Kb:focus-visible {
  border-radius: 0;
  text-decoration: none;
  outline: 2px solid var(--component-cards-base-color-on-surface-border-focus);
}

.ContentListCard_cardImageWrapper__WxSXh img {
  border-radius: var(--general-radius-image);
}

.CategoryTiles_categoryTilesWrapper__1MEFM {
  display: flex;
  max-width: var(--columns-full-max-width);
  padding: var(--component-category-padding-y);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  margin: 0 auto;
  background: var(--component-category-color-bg);
}

@media (max-width: 47.9375rem) {
  .CategoryTiles_mobileSliderContainer__1DNRU {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    justify-content: unset;
    scroll-padding: 0 var(--component-category-gutter);
    margin-left: calc(var(--component-category-padding-y) * -1);
    margin-right: calc(var(--component-category-padding-y) * -1);
    width: calc(100% + var(--component-category-padding-y) * 2);
  }

  .CategoryTiles_mobileSliderContainer__1DNRU::-webkit-scrollbar {
    display: none;
  }
}

.CategoryTiles_mobileSliderContainer__1DNRU {
  padding: 4px 0;
}

.CategoryTiles_categoryTilesContent__wKGRJ {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  padding: var(--space-between-none) 0 0 0;
  align-items: flex-start;
  align-content: flex-start;
  gap: var(--component-category-gutter);
  align-self: stretch;
  max-width: calc(7 * (120px + var(--component-category-gutter)));
}

@media (max-width: 47.9375rem) {
  .CategoryTiles_mobileSliderList__b8NUy {
    display: flex;
    flex-wrap: nowrap;
    width: auto;
    justify-content: flex-start;
    gap: var(--component-category-gutter);
    padding: 0 var(--component-category-gutter);
    list-style: none;
  }
}

.CategoryTiles_categoryTile__hqDJc {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 13px;
  padding: 2px 0;
  width: 120px;
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-decoration-line: none;
  text-decoration-color: var(--componentTheme-content-grid-text-link-underline);
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  text-underline-position: from-font;
  text-decoration-thickness: 2px;
  border-radius: var(--component-cta-radius);
}

.CategoryTiles_categoryTile__hqDJc,
.CategoryTiles_categoryTile__hqDJc svg.CategoryTiles_cta-icon-default__BwzjK {
  color: var(--component-category-color-category-enabled);
}

.CategoryTiles_categoryTile__hqDJc svg.CategoryTiles_cta-icon-default__BwzjK path {
  fill: var(--component-category-color-category-enabled);
}

.CategoryTiles_categoryTile__hqDJc:focus,
.CategoryTiles_categoryTile__hqDJc:focus svg.CategoryTiles_cta-icon-default__BwzjK,
.CategoryTiles_categoryTile__hqDJc:hover,
.CategoryTiles_categoryTile__hqDJc:hover svg.CategoryTiles_cta-icon-default__BwzjK {
  color: var(--component-category-color-category-hover);
}

.CategoryTiles_categoryTile__hqDJc:focus svg.CategoryTiles_cta-icon-default__BwzjK path,
.CategoryTiles_categoryTile__hqDJc:hover svg.CategoryTiles_cta-icon-default__BwzjK path {
  fill: var(--component-category-color-category-hover);
}

.CategoryTiles_categoryTile__hqDJc:active {
  outline: none;
}

.CategoryTiles_categoryTile__hqDJc:focus {
  outline-offset: 3px;
  text-decoration-line: underline;
}

.CategoryTiles_categoryTile__hqDJc:hover {
  text-decoration-line: underline;
}

.CategoryTiles_categoryTile__hqDJc:disabled {
  opacity: var(--component-cta-color-brand-cta-outline-disabled-opacity);
}

.CategoryTiles_categoryTile__hqDJc:focus {
  outline: none;
  text-decoration-line: none;
}

.CategoryTiles_categoryTile__hqDJc:focus-visible {
  border-radius: var(--general-radius-card);
  outline: 1px solid var(--component-category-color-border-focus);
  outline-offset: 3px;
  text-decoration-line: underline;
}

.CategoryTiles_categoryTile__hqDJc .CategoryTiles_categoryTileImage__h8H4E {
  display: flex;
  width: 120px;
  height: 120px;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-radius-rounded);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.CategoryTiles_categoryTile__hqDJc .CategoryTiles_categoryTileTitle__44Jtv {
  text-align: center;
  max-width: 120px;
}

.CategoryTiles_categoryTileStatic__S0HNI {
  cursor: default;
  pointer-events: none;
}

.CategoryTiles_categoryTileStatic__S0HNI,
.CategoryTiles_categoryTileStatic__S0HNI .CategoryTiles_categoryTileTitle__44Jtv,
.CategoryTiles_categoryTileStatic__S0HNI:focus,
.CategoryTiles_categoryTileStatic__S0HNI:focus-visible,
.CategoryTiles_categoryTileStatic__S0HNI:hover {
  text-decoration: none;
  text-decoration-line: none;
}

@media (max-width: 47.9375rem) {
  .CategoryTiles_categoryTileSlider___f6SH {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 13px;
    flex: 0 0 auto;
  }
}

.CategoryTiles_categoryTilesList__Lg4ah {
  list-style: none;
  margin: 0;
  padding: 0;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized,
.splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(1turn);
  }
}

.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__arrow {
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 2em;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}

.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}

.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}

.splide__arrow:disabled {
  opacity: 0.3;
}

.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__arrow--prev {
  left: 1em;
}

.splide__arrow--prev svg {
  transform: scaleX(-1);
}

.splide__arrow--next {
  right: 1em;
}

.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__pagination {
  bottom: 0.5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}

.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px;
}

.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1;
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}

.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__progress__bar {
  background: #ccc;
  height: 3px;
}

.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.splide__slide:focus {
  outline: 0;
}

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}

@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}

@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}

@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }

  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}

.splide__toggle {
  cursor: pointer;
}

.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}

.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}

.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}

.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}

.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}

.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}

.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}

.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}

.splide__pagination--ttb {
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}

.Carousel_carouselWrapper__p4dGY {
  display: flex;
  max-width: var(--columns-full-max-width);
  padding: var(--component-content-grid-margin-y) var(--component-content-grid-margin-x);
  justify-content: center;
  align-items: center;
  margin: auto;
  background: var(--component-content-grid-color-bg);
}

.Carousel_carouselContainer__UZXkd {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  width: 100%;
  position: relative;
}

@media (min-width: 74.9375rem) {
  .Carousel_carouselContainerForSideLeft__2Y1jA {
    max-width: var(--width-component-carousel-container-max-width);
  }
}

.Carousel_focusWrapper__IB0v6 {
  outline: none;
  height: 100%;
}

.Carousel_carouselArrowHidden__hx3gg {
  visibility: hidden;
}

.Carousel_carouselWithArrows__XTarz {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--layout-compact-gutter);
  width: 100%;
}

.Carousel_carouselDiv__xZY1I {
  flex: 1;
  overflow: hidden;
  position: relative;
}

.Carousel_carouselDiv__xZY1I .splide__pagination {
  position: relative;
  /* margin-top: 1rem; */
  margin-top: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  bottom: 0;
}

.Carousel_carouselDiv__xZY1I .splide__pagination__page {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  opacity: 0.5;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid var(--component-carousel-pagination-brand-border);
}

.Carousel_carouselDiv__xZY1I .splide__pagination__page.is-active {
  background: var(--component-carousel-pagination-brand-fill);
  transform: scale(1.2);
  opacity: 1;
}

.Carousel_carouselControls__SVOcA {
  display: contents;
}

@media (max-width: 48rem) {
  .Carousel_carouselControls__SVOcA {
    display: none;
  }
}

.Carousel_carouselNext__DKsSq,
.Carousel_carouselPrev__BVCwu {
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-radius-rounded);
  background: rgba(0, 0, 0, 0);
  cursor: pointer;
  flex-shrink: 0;
}

.Carousel_carouselNext__DKsSq.Carousel_inverse__ug0qi,
.Carousel_carouselPrev__BVCwu.Carousel_inverse__ug0qi {
  border: var(--component-carousel-border-width) solid var(--component-carousel-controls-inverse-border);
  color: var(--component-carousel-controls-inverse-icon);
}

.Carousel_carouselNext__DKsSq.Carousel_inverse__ug0qi:focus-visible,
.Carousel_carouselPrev__BVCwu.Carousel_inverse__ug0qi:focus-visible {
  outline: 2px solid var(--component-carousel-controls-inverse-icon);
  outline-offset: 2px;
}

.Carousel_carouselNext__DKsSq.Carousel_brand__frsh2,
.Carousel_carouselPrev__BVCwu.Carousel_brand__frsh2 {
  border: var(--component-carousel-border-width) solid var(--component-carousel-controls-brand-border);
  color: var(--component-carousel-controls-brand-icon);
}

.Carousel_carouselNext__DKsSq.Carousel_brand__frsh2:focus-visible,
.Carousel_carouselPrev__BVCwu.Carousel_brand__frsh2:focus-visible {
  outline: 2px solid var(--component-carousel-controls-brand-icon);
  outline-offset: 2px;
}

@media (max-width: 74.9375rem) {
  .Carousel_carouselNext__DKsSq,
  .Carousel_carouselPrev__BVCwu {
    display: none;
  }
}

.Carousel_carouselControlsMobile__k2t8z {
  display: flex;
  align-items: center;
  pointer-events: none;
  padding: 24px 0;
}

@media (min-width: 74.9375rem) {
  .Carousel_carouselControlsMobile__k2t8z {
    display: none;
  }
}

.Carousel_carouselNextMobile__LcuPd,
.Carousel_carouselPrevMobile__dcGbd {
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-radius-rounded);
  border: var(--component-carousel-border-width) solid var(--component-carousel-controls-brand-border);
  background: rgba(0, 0, 0, 0);
  cursor: pointer;
  flex-shrink: 0;
  pointer-events: auto;
  color: var(--component-carousel-controls-brand-icon);
}

.Carousel_carouselNextMobile__LcuPd.Carousel_inverse__ug0qi,
.Carousel_carouselPrevMobile__dcGbd.Carousel_inverse__ug0qi {
  border: var(--component-carousel-border-width) solid var(--component-carousel-controls-inverse-border);
  color: var(--component-carousel-controls-inverse-icon);
}

.Carousel_carouselNextMobile__LcuPd.Carousel_inverse__ug0qi:focus-visible,
.Carousel_carouselPrevMobile__dcGbd.Carousel_inverse__ug0qi:focus-visible {
  outline: 2px solid var(--component-carousel-controls-inverse-icon);
  outline-offset: 2px;
}

.Carousel_carouselNextMobile__LcuPd.Carousel_brand__frsh2,
.Carousel_carouselPrevMobile__dcGbd.Carousel_brand__frsh2 {
  border: var(--component-carousel-border-width) solid var(--component-carousel-controls-brand-border);
  color: var(--component-carousel-controls-brand-icon);
}

.Carousel_carouselNextMobile__LcuPd.Carousel_brand__frsh2:focus-visible,
.Carousel_carouselPrevMobile__dcGbd.Carousel_brand__frsh2:focus-visible {
  outline: 2px solid var(--component-carousel-controls-brand-icon);
  outline-offset: 2px;
}

.Carousel_customPaginationDesktop__jsl2z {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 24px 0;
}

@media (max-width: 74.9375rem) {
  .Carousel_customPaginationDesktop__jsl2z {
    display: none;
  }
}

.Carousel_customPaginationMobile__TjMAF {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1;
}

@media (min-width: 74.9375rem) {
  .Carousel_customPaginationMobile__TjMAF {
    display: none;
  }
}

.Carousel_paginationDot__D3cHE {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.Carousel_paginationDot__D3cHE.Carousel_brand__frsh2 {
  border: 1px solid var(--component-carousel-pagination-brand-border);
}

.Carousel_paginationDot__D3cHE.Carousel_inverse__ug0qi {
  border: 1px solid var(--component-carousel-pagination-inverse-border);
}

.Carousel_paginationDot__D3cHE {
  background: rgba(0, 0, 0, 0);
  opacity: 0.5;
  padding: 0;
}

.Carousel_paginationDot__D3cHE:hover {
  opacity: 0.8;
}

.Carousel_paginationDotActive__WKSj3 {
  background: var(--component-carousel-pagination-brand-fill);
  opacity: 1;
}

.Carousel_paginationDotActive__WKSj3.Carousel_inverse__ug0qi {
  background: var(--component-carousel-pagination-inverse-fill);
}

.Carousel_paginationDotActive__WKSj3.Carousel_brand__frsh2 {
  background: var(--component-carousel-pagination-brand-fill);
}

.NewsletterSignupModal_overlay__sT4D8 {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-general-margin-x);
  background: var(--component-modal-color-smokescreen);
}

.NewsletterSignupModal_modal__8N_Nj {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: var(--width-component-card-min-width);
  max-height: 100vh;
  overflow: auto;
  padding: var(--padding-medium);
  gap: var(--component-action-bar-gap-horizontal);
  border-radius: var(--general-radius-modal);
  background: var(--theme-aux-1-bg-bg);
}

.NewsletterSignupModal_closeButton__Eorqa {
  margin-left: auto;
  border: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0);
  color: var(--theme-aux-1-bg-text-primary);
  cursor: pointer;
}

.NewsletterSignupModal_headline__YxvMD {
  margin: 0;
  text-align: center;
  color: var(--theme-aux-1-bg-text-primary);
  font-family: var(--typography-font-family-header);
  font-size: var(--typography-font-size-header-xlarge);
  font-style: normal;
  font-weight: var(--typography-font-weight-xlarge);
  line-height: 110%;
}

.NewsletterSignupModal_description__3nNf1 {
  margin: 0;
  color: var(--theme-aux-1-bg-text-secondary);
  text-align: center;
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.NewsletterSignupModal_description__3nNf1 * {
  font-size: inherit !important;
}

.NewsletterSignupModal_formWrapper__CFTTP {
  width: 100%;
  background: var(--component-modal-color-surface);
  border-radius: var(--general-radius-modal);
  padding: var(--component-modal-content-padding-y) var(--component-modal-content-padding-x);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-general-gutter);
}

.NewsletterSignupModal_formGroup__bXOw3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-spacing-8);
  align-self: stretch;
}

.NewsletterSignupModal_formFields__IQYFP {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-spacing-4);
  align-self: stretch;
}

.NewsletterSignupModal_requiredText__NxDdb {
  color: var(--component-modal-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.NewsletterSignupModal_requiredText__NxDdb * {
  color: var(--color-system-error-500);
}

.NewsletterSignupModal_emailLabel__1yL44 {
  color: var(--component-modal-color-title);
  font-weight: 700;
}

.NewsletterSignupModal_emailInputError__UXR1R,
.NewsletterSignupModal_emailInput__LRbWg,
.NewsletterSignupModal_emailLabel__1yL44 {
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  line-height: 150%;
}

.NewsletterSignupModal_emailInputError__UXR1R,
.NewsletterSignupModal_emailInput__LRbWg {
  width: 100%;
  border-radius: var(--radius-radius-4);
  background: var(--component-search-field-default-bg);
  padding: var(--spacing-spacing-12);
  border: 2px solid var(--component-form-field-color-default-border);
  color: var(--general-color-text-mid);
  font-weight: var(--typography-font-weight-body);
}

.NewsletterSignupModal_emailInputError__UXR1R {
  border-color: var(--color-system-error-500);
}

.NewsletterSignupModal_emailInputError__UXR1R::-moz-placeholder,
.NewsletterSignupModal_emailInput__LRbWg::-moz-placeholder {
  color: var(--component-modal-color-body);
}

.NewsletterSignupModal_emailInputError__UXR1R::placeholder,
.NewsletterSignupModal_emailInput__LRbWg::placeholder {
  color: var(--component-modal-color-body);
}

.NewsletterSignupModal_errorText__bln4_ {
  color: var(--color-system-error-500);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.NewsletterSignupModal_consentRow__igaCA {
  display: flex;
  align-items: flex-start;
  gap: var(--space-between-xsmall);
}

.NewsletterSignupModal_consentLabel__RmGMe {
  color: var(--component-modal-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.NewsletterSignupModal_consentLabel__RmGMe * {
  font-size: inherit !important;
}

.NewsletterSignupModal_legalText__qbep0 {
  color: var(--component-modal-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-small);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.NewsletterSignupModal_legalText__qbep0 * {
  font-size: inherit !important;
}

.NewsletterSignupModal_formCta__2WlwQ {
  display: flex;
  justify-content: center;
}

.NewsletterSignupModal_loginRow__CPxlj {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-between-xsmall);
  color: var(--component-modal-color-body);
}

.NewsletterSignupModal_loginPrompt__Enjoe {
  color: var(--component-modal-color-body);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.NewsletterSignupModal_login__k0lZd .NewsletterSignupModal_successState__REOPI {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--margin-medium);
}

.NewsletterSignupModal_successState__REOPI {
  display: flex;
  min-width: var(--width-component-recipe-ingredients-column-min-width);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 29px;
  flex: 1 0 0;
}

.NewsletterSignupModal_successCta__csZd6 {
  display: flex;
  justify-content: center;
}

.NewsletterSignupModal_visuallyHidden__Uqwva {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.NewsletterSignupModal_visuallyHidden__Uqwva:focus {
  clip: auto !important;
  width: auto;
  height: auto;
  display: block;
  overflow: auto;
}

.NewsletterSignupModal_loginLink__wt4zT {
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-decoration-line: underline;
  text-decoration-color: var(--componentTheme-content-grid-text-link-underline);
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  text-underline-position: from-font;
  text-decoration-thickness: 2px;
  border-radius: var(--component-cta-radius);
}

.NewsletterSignupModal_loginLink__wt4zT,
.NewsletterSignupModal_loginLink__wt4zT svg.NewsletterSignupModal_cta-icon-default__9lnf5 {
  color: var(--theme-primary-interactive-button-ghost-link);
}

.NewsletterSignupModal_loginLink__wt4zT svg.NewsletterSignupModal_cta-icon-default__9lnf5 path {
  fill: var(--theme-primary-interactive-button-ghost-link);
}

.NewsletterSignupModal_loginLink__wt4zT:focus,
.NewsletterSignupModal_loginLink__wt4zT:focus svg.NewsletterSignupModal_cta-icon-default__9lnf5,
.NewsletterSignupModal_loginLink__wt4zT:hover,
.NewsletterSignupModal_loginLink__wt4zT:hover svg.NewsletterSignupModal_cta-icon-default__9lnf5 {
  color: var(--theme-primary-interactive-button-ghost-link);
}

.NewsletterSignupModal_loginLink__wt4zT:focus svg.NewsletterSignupModal_cta-icon-default__9lnf5 path,
.NewsletterSignupModal_loginLink__wt4zT:hover svg.NewsletterSignupModal_cta-icon-default__9lnf5 path {
  fill: var(--theme-primary-interactive-button-ghost-link);
}

.NewsletterSignupModal_loginLink__wt4zT:active {
  outline: none;
}

.NewsletterSignupModal_loginLink__wt4zT:focus {
  outline: 2px solid var(--theme-primary-interactive-button-ghost-link);
  outline-offset: 3px;
  text-decoration-line: underline;
}

.NewsletterSignupModal_loginLink__wt4zT:hover {
  text-decoration-line: none;
}

.NewsletterSignupModal_loginLink__wt4zT:disabled {
  opacity: var(--component-cta-color-brand-cta-outline-disabled-opacity);
}

@media (max-width: 47.9375rem) {
  .NewsletterSignupModal_overlay__sT4D8 {
    padding: 0;
  }

  .NewsletterSignupModal_modal__8N_Nj {
    border-radius: 0;
    width: var(--screen-dimensions-min-width);
    justify-content: flex-start;
  }
}

@media (min-width: 48rem) and (max-width: 74.9375rem) {
  .NewsletterSignupModal_modal__8N_Nj {
    max-width: var(--screen-dimensions-max-width);
  }
}

@media print {
  @page {
    margin: 0.75in;
  }

  .module-corp-header {
    background: #fff;
    color: #000;
  }

  img {
    max-width: 100% !important;
  }

  a {
    color: #000;
    font-weight: bolder;
    text-decoration: none;
  }

  a[href^="#"]:after {
    content: "";
  }

  .printHide,
  iframe {
    display: none;
  }

  #header,
  #header *,
  #header :after,
  #header :before {
    background: none !important;
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: none !important;
  }
}

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

html {
  font-size: 100%;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
}

@media (prefers-reduced-motion) {
  html {
    scroll-behavior: auto;
  }
}

.module-corp-header {
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul {
  margin: 0;
}

ol,
ul {
  padding: 0;
}

img {
  max-width: 100%;
  height: auto;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

button {
  cursor: pointer;
}

.iframeEmbedContainer {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  width: 100%;
}

.iframeEmbedContainerPortrait {
  aspect-ratio: 9/16;
}

.iframeEmbedContainer embed,
.iframeEmbedContainer iframe,
.iframeEmbedContainer object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

fieldset {
  padding: 0;
  margin: 0;
  border: none;
}

.screenReaderText {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screenReaderText:focus {
  clip: auto !important;
  width: auto;
  height: auto;
  display: block;
  overflow: auto;
}

p {
  margin-block-end: 0;
  margin-block-start: 0;
}

.grecaptcha-badge[data-style="bottomright"] {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#pear-map-target,
#pear-pdp-target {
  transition: outline-color 0.6s ease-in-out;
  outline: var(--component-button-tag-size-base-border) solid rgba(0, 0, 0, 0);
  box-sizing: border-box;
  outline-offset: 4px;
}

#pear-map-target {
  width: 100%;
  min-height: 560px;
}

#pear-map-target iframe {
  width: 100% !important;
  max-width: 100%;
  min-height: 560px;
  border: 0;
  display: block;
}

@media (max-width: 768px) {
  #pear-map-target,
  #pear-map-target iframe {
    min-height: 460px;
  }
}

#pear-map-target.highlightBorder,
#pear-pdp-target.highlightBorder {
  outline-color: var(--general-color-border-brand-1);
  border-radius: var(--component-action-bar-radius);
  margin-bottom: 8px;
  right: 324px;
  top: 491px;
}

#pear-map-target.highlightFadeOut,
#pear-pdp-target.highlightFadeOut {
  outline-color: rgba(0, 0, 0, 0);
}

.rte {
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  line-height: 150%;
}

.rte h1,
.rte h1 a {
  font-weight: var(--typography-font-weight-xxlarge);
  font-size: var(--typography-font-size-header-xxlarge);
  line-height: 110%;
}

.rte h2,
.rte h2 a {
  font-weight: var(--typography-font-weight-xlarge);
  font-size: var(--typography-font-size-header-xlarge);
  line-height: 110%;
}

.rte h3,
.rte h3 a {
  font-weight: var(--typography-font-weight-large);
  font-size: var(--typography-font-size-header-large);
  line-height: 120%;
}

.rte h4,
.rte h4 a {
  font-weight: var(--typography-font-weight-medium);
  font-size: var(--typography-font-size-header-medium);
  line-height: 120%;
}

.rte h5,
.rte h5 a {
  font-weight: var(--typography-font-weight-small);
  font-size: var(--typography-font-size-header-small);
  line-height: normal;
}

.rte h6,
.rte h6 a {
  font-weight: var(--typography-font-weight-xsmall);
  font-size: var(--typography-font-size-header-xsmall);
  color: var(--component-content-grid-color-title);
  line-height: normal;
}

.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
  margin-bottom: 16px;
  font-family: var(--typography-font-family-header);
}

.rte p {
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
}

.rte b,
.rte strong {
  font-weight: 700;
}

.rte h2 + h3,
.rte h3 + h4,
.rte h4 + h5,
.rte h5 + h6 {
  margin-top: 24px;
}

.rte h2:first-child,
.rte h3:first-child,
.rte h4:first-child,
.rte h5:first-child,
.rte h6:first-child {
  margin-top: 0;
}

.rte a {
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration-line: underline;
  text-decoration-color: var(--componentTheme-content-grid-text-link-underline);
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-decoration-thickness: 1px;
  border-radius: var(--component-cta-radius);
}

.rte a,
.rte a svg.cta-icon-default {
  color: var(--componentTheme-content-grid-text-link);
}

.rte a svg.cta-icon-default path {
  fill: var(--componentTheme-content-grid-text-link);
}

.rte a:focus,
.rte a:focus svg.cta-icon-default,
.rte a:hover,
.rte a:hover svg.cta-icon-default {
  color: var(--componentTheme-content-grid-text-link);
}

.rte a:focus svg.cta-icon-default path,
.rte a:hover svg.cta-icon-default path {
  fill: var(--componentTheme-content-grid-text-link);
}

.rte a:active {
  outline: none;
}

.rte a:focus {
  outline: 2px solid var(--componentTheme-content-grid-text-link);
  outline-offset: 1px;
  text-decoration-line: underline;
}

.rte a:hover {
  text-decoration-line: none;
}

.rte a:disabled {
  opacity: var(--component-cta-color-brand-cta-outline-disabled-opacity);
}

.rte i {
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-medium);
  font-style: italic;
  font-weight: var(--typography-font-weight-body);
}

.rte .svg-icon {
  display: inline-block;
  width: 1em;
}

.rte ol,
.rte p,
.rte ul {
  margin-bottom: 16px;
}

.rte ol,
.rte ul {
  padding-left: 24px;
}

.rte ul {
  list-style: disc;
}

.rte ul > li {
  margin-bottom: 12px;
}

.rte ul > li ul {
  padding-left: 24px;
}

.rte hr {
  margin-top: 24px;
  margin-bottom: 24px;
}

.rte ol {
  list-style: decimal;
}

.rte ol > li {
  margin-bottom: 12px;
  counter-reset: list-counter;
}

.rte ol ol {
  padding-left: 24px;
  list-style: lower-alpha;
}

.rte ol ol ol {
  list-style: lower-roman;
}

.rte ol ol ol ol {
  list-style: upper-alpha;
}

.rte ol ol ol ol ol {
  list-style: upper-roman;
}

.rte > ol > li {
  counter-increment: list-counter;
}

.rte > ol > li.rte-indent-1::marker {
  content: counter(list1-counter, lower-alpha) ". ";
}

.rte > ol > li.rte-indent-1 {
  counter-increment: list1-counter;
}

.rte > ol > li.rte-indent-2::marker {
  content: counter(list2-counter, lower-roman) ". ";
}

.rte > ol > li.rte-indent-2 {
  counter-increment: list2-counter;
}

.rte > ol > li.rte-indent-3::marker {
  content: counter(list3-counter, upper-alpha) ". ";
}

.rte > ol > li.rte-indent-3 {
  counter-increment: list3-counter;
}

.rte > ol > li.rte-indent-4::marker {
  content: counter(list4-counter, upper-roman) ". ";
}

.rte > ol > li.rte-indent-4 {
  counter-increment: list4-counter;
}

.rte .rte-indent-1,
.rte .rte-indent-2 {
  margin-bottom: 12px;
}

.ck-content > :last-child,
.rte ol > li:last-child,
.rte ul > li:last-child,
.rte > :last-child {
  margin-bottom: 0;
}

.rte .rte-align-left {
  text-align: left;
}

.rte .rte-align-center {
  text-align: center;
}

.rte .rte-align-right {
  text-align: right;
}

.rte .rte-align-justify {
  text-align: justify;
}

.rte .rte-indent-none {
  padding-left: 0;
}

.rte .rte-indent-1 {
  padding-left: 24px;
}

.rte .rte-indent-2 {
  padding-left: 48px;
}

.rte .rte-indent-3 {
  padding-left: 64px;
}

.rte .rte-indent-4 {
  padding-left: 80px;
}

.rte .rte-indent-5 {
  padding-left: 96px;
}

.rte .rte-indent-6 {
  padding-left: 120px;
}

.rte .rte-indent-7 {
  padding-left: 144px;
}

.rte .rte-indent-8 {
  padding-left: 160px;
}

.rte button[type="submit"][name="field-submit"] {
  background-color: #000;
  border-radius: 4px;
  color: #fff;
}

.rte button[type="reset"][name="field-reset"],
.rte button[type="submit"][name="field-submit"] {
  font-weight: 700;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  padding: 12px 16px;
  text-align: center;
}

.rte button[type="reset"][name="field-reset"] {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 4px;
  color: var(--general-color-text-dark);
}

.rte blockquote {
  display: block;
  margin-block: 1em;
  unicode-bidi: isolate;
  border-color: var(--general-color-background-brand-1);
}

.ck-content blockquote {
  border-left: 5px solid var(--general-color-background-brand-1) !important;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.rte.line-clamp-1 {
  -webkit-line-clamp: 1;
  max-height: 1.5em;
}

.rte.line-clamp-1,
.rte.line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

.rte.line-clamp-2 {
  -webkit-line-clamp: 2;
  max-height: 3em;
}

.rte.line-clamp-3 {
  -webkit-line-clamp: 3;
  max-height: 4.5em;
}

.rte.line-clamp-3,
.rte.line-clamp-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

.rte.line-clamp-4 {
  -webkit-line-clamp: 4;
  max-height: 6em;
}

.rte.line-clamp-5 {
  -webkit-line-clamp: 5;
  max-height: 7.5em;
}

.rte.line-clamp-5,
.rte.line-clamp-6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

.rte.line-clamp-6 {
  -webkit-line-clamp: 6;
  max-height: 9em;
}

.list-columns-2 .rte,
.list-columns-2.rte {
  container: link-list/inline-size;
}

.list-columns-2 .rte ul > li,
.list-columns-2.rte ul > li {
  list-style: none;
}

.list-columns-2 .rte ol,
.list-columns-2 .rte ul,
.list-columns-2.rte ol,
.list-columns-2.rte ul {
  -moz-column-count: 1;
  column-count: 1;
}

@container link-list (width > 20rem) {
  .list-columns-2 .rte ol,
  .list-columns-2 .rte ul,
  .list-columns-2.rte ol,
  .list-columns-2.rte ul {
    -moz-column-count: 1;
    column-count: 1;
  }
}

@container link-list (width > 48rem) {
  .list-columns-2 .rte ol,
  .list-columns-2 .rte ul,
  .list-columns-2.rte ol,
  .list-columns-2.rte ul {
    -moz-column-count: 2;
    column-count: 2;
  }
}

.list-columns-3 .rte,
.list-columns-3.rte {
  container: link-list/inline-size;
}

.list-columns-3 .rte ul > li,
.list-columns-3.rte ul > li {
  list-style: none;
}

.list-columns-3 .rte ol,
.list-columns-3 .rte ul,
.list-columns-3.rte ol,
.list-columns-3.rte ul {
  -moz-column-count: 1;
  column-count: 1;
}

@container link-list (width > 20rem) {
  .list-columns-3 .rte ol,
  .list-columns-3 .rte ul,
  .list-columns-3.rte ol,
  .list-columns-3.rte ul {
    -moz-column-count: 2;
    column-count: 2;
  }
}

@container link-list (width > 48rem) {
  .list-columns-3 .rte ol,
  .list-columns-3 .rte ul,
  .list-columns-3.rte ol,
  .list-columns-3.rte ul {
    -moz-column-count: 3;
    column-count: 3;
  }
}

.list-columns-4 .rte,
.list-columns-4.rte {
  container: link-list/inline-size;
}

.list-columns-4 .rte ul > li,
.list-columns-4.rte ul > li {
  list-style: none;
}

.list-columns-4 .rte ol,
.list-columns-4 .rte ul,
.list-columns-4.rte ol,
.list-columns-4.rte ul {
  -moz-column-count: 1;
  column-count: 1;
}

@container link-list (width > 20rem) {
  .list-columns-4 .rte ol,
  .list-columns-4 .rte ul,
  .list-columns-4.rte ol,
  .list-columns-4.rte ul {
    -moz-column-count: 2;
    column-count: 2;
  }
}

@container link-list (width > 48rem) {
  .list-columns-4 .rte ol,
  .list-columns-4 .rte ul,
  .list-columns-4.rte ol,
  .list-columns-4.rte ul {
    -moz-column-count: 4;
    column-count: 4;
  }
}

.rte .ck-content .table table {
  table-layout: fixed;
  max-width: var(--typography-copy-max-width);
  border-radius: var(--general-radius-base);
  border: 1px solid var(--general-color-border-light);
  border-collapse: separate;
}

.rte .ck-content .table table thead th {
  background: var(--general-color-background-brand-1);
  color: var(--general-color-text-white);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
  line-height: 150%;
}

.rte .ck-content .table table th {
  padding: var(--padding-xsmall) var(--other-table-cell-padding);
}

.rte .ck-content .table table thead th {
  border: none;
}

.rte .ck-content .table table thead th:first-child {
  border-top-left-radius: var(--general-radius-base);
}

.rte .ck-content .table table thead th:last-child {
  border-top-right-radius: var(--general-radius-base);
}

.rte .ck-content table td {
  border: none;
  padding: var(--other-table-cell-padding);
  color: var(--general-color-text-dark);
  font-family: var(--typography-font-family-body, Lexend);
  font-size: var(--typography-font-size-desktop-body-medium, 16px);
  font-style: normal;
  font-weight: var(--typography-font-weight-body);
  line-height: 150%;
}

.rte .ck-content tbody tr:nth-child(odd) td {
  background: var(--general-color-background-white);
}

.rte .ck-content tbody tr:nth-child(2n) td {
  background: var(--component-table-color-table-row-bg-alt);
}

.rte .ck-content tbody tr th {
  background-color: var(--component-table-color-table-row-bg-header);
  color: var(--general-color-text-dark);
  font-family: var(--typography-font-family-body);
  font-size: var(--typography-font-size-desktop-body-large);
  font-style: normal;
  font-weight: var(--typography-font-weight-body-bold);
  line-height: 150%;
  border-top: none;
  border-bottom: 1px solid var(--general-color-border-white);
  border-right: 1px solid var(--general-color-border-white);
}

.rte .ck-content tbody tr:last-child th {
  border-bottom: none;
}

@media (max-width: 47.9375rem) {
  .rte .ck-content tbody tr th {
    color: var(--general-color-text-dark);
    font-family: var(--typography-font-family-body);
    font-size: var(--typography-font-size-desktop-body-medium);
    font-style: normal;
    font-weight: var(--typography-font-weight-body);
    line-height: 150%;
  }

  .rte .ck-content tbody tr:nth-child(odd) td,
  .rte .ck-content tbody tr:nth-child(odd) th {
    background: var(--general-color-background-white);
  }

  .rte .ck-content tbody tr:nth-child(2n) td,
  .rte .ck-content tbody tr:nth-child(2n) th {
    background: var(--component-table-color-table-row-bg-alt);
  }

  .rte .ck-content .table table td,
  .rte .ck-content .table table th,
  .rte .ck-content .table table tr {
    text-align: left !important;
  }

  .rte .ck-content table:has(th) {
    display: block;
    width: 100%;
  }

  .rte .ck-content table:has(th) thead {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }

  .rte .ck-content table:has(th) thead:focus {
    clip: auto !important;
    width: auto;
    height: auto;
    display: block;
    overflow: auto;
  }

  .rte .ck-content table:has(th) tbody {
    display: block;
    width: 100%;
  }

  .rte .ck-content table:has(th) tr {
    display: block;
  }

  .rte .ck-content table:has(th) tr:first-child > :first-child {
    border-top-left-radius: var(--general-radius-base);
    border-top-right-radius: var(--general-radius-base);
  }

  .rte .ck-content table:has(th) tr:last-child > :last-child {
    border-bottom-left-radius: var(--general-radius-base);
    border-bottom-right-radius: var(--general-radius-base);
  }

  .rte .ck-content table:has(th) tbody td,
  .rte .ck-content table:has(th) tbody th {
    display: block;
    position: relative;
    border: 0;
  }

  .rte .ck-content table:has(th) tbody td:before,
  .rte .ck-content table:has(th) tbody th:before {
    display: block;
    margin-bottom: var(--space-between-xsmall);
    color: var(--general-color-text-dark);
    font-weight: var(--typography-font-weight-body-bold);
    content: attr(data-column) / "";
  }

  .editing-mode .rte .ck-content table:has(th) tbody td:before,
  .editing-mode .rte .ck-content table:has(th) tbody th:before {
    content: "[Mobile Heading not available in editing mode]";
    background-color: #ff0;
    color: #000;
    padding: 2px 6px;
  }

  .rte .ck-content .table table {
    overflow: visible;
  }

  .rte .ck-content .table {
    width: -webkit-fill-available !important;
  }

  .rte .ck-content .table:has(th) table tbody td,
  .rte .ck-content .table:has(th) table tbody th {
    border: none;
    text-align: left;
  }
}

.rte .ck .ck-placeholder:before,
.rte .ck.ck-placeholder:before {
  color: inherit;
}

.rte .ck.ck-editor__editable_inline[dir="ltr"] {
  text-align: inherit;
}

.rte .ck-content .table table td,
.rte .ck-content .table table th,
.rte .ck-content .table table tr {
  text-align: left;
}

:host {
  --font-inter: "Inter", sans-serif;
  --font-roboto: "Roboto", sans-serif;
  --font-aria: "aria", serif;
}

a {
  color: inherit;
  text-decoration: none;
}

.ee-help-text-block {
  background-color: #ff0;
  padding: 2px 6px;
  text-align: center;
}

.ee-warning-text-block {
  color: #fff;
  background-color: red;
  /* padding: 1rem; */
  padding: 1.6rem;
  text-align: center;
}

.ee-help-text-highlight {
  background-color: #ff0;
  padding: 2px 6px;
  display: inline-block;
}

.scChromeData,
.scpm {
  display: none !important;
}

.sc-jss-editing-error,
.sc-jss-placeholder-error {
  background-color: #ffffe0;
  padding: 16px;
}

.brand-root {
  --color-alpha-white-20: #ffffff33;
  --color-brand-general-mills-generalMills-blue: #1e265e;
  --color-brand-general-mills-generalMills-heart: #e32726;
  --color-brand-general-mills-generalMills-red: #db0038;
  --color-grayscale-black: #000000;
  --color-grayscale-coolGray-100: #e3e3e3;
  --color-grayscale-coolGray-200: #929295;
  --color-grayscale-coolGray-300: #78787f;
  --color-grayscale-coolGray-400: #5f5f68;
  --color-grayscale-coolGray-500: #484850;
  --color-grayscale-coolGray-600: #333333;
  --color-grayscale-coolGray-700: #292929;
  --color-grayscale-coolGray-800: #212121;
  --color-grayscale-coolGray-900: #0d0d0d;
  --color-grayscale-warmGray-100: #f5f5f6;
  --color-grayscale-warmGray-200: #eeeeee;
  --color-grayscale-warmGray-300: #d8d8d8;
  --color-grayscale-warmGray-400: #888888;
  --color-grayscale-warmGray-500: #555555;
  --color-grayscale-warmGray-600: #4d4d4d;
  --color-grayscale-warmGray-700: #333333;
  --color-grayscale-warmGray-800: #212121;
  --color-grayscale-warmGray-900: #030303;
  --color-grayscale-white: #ffffff;
  --color-system-effects-shadow: #ffffff;
  --color-system-effects-shadow-2: #ffffff;
  --color-system-error-100: #ffd9d9;
  --color-system-error-500: #b50000;
  --color-system-error-900: #4b0000;
  --color-system-error-on-inverse-100: #ffffff;
  --color-system-error-on-inverse-500: #ffffff;
  --color-system-error-on-inverse-900: #ffffff;
  --color-system-focus-100: #c6e0fd;
  --color-system-focus-500: #1979df;
  --color-system-focus-900: #002043;
  --color-system-focus-on-inverse-100: #ffffff;
  --color-system-focus-on-inverse-500: #ffffff;
  --color-system-focus-on-inverse-900: #ffffff;
  --color-system-social-media-facebook: #1877f2;
  --color-system-social-media-pinterest: #bb171f;
  --color-system-success-100: #c0f1c6;
  --color-system-success-500: #00a113;
  --color-system-success-900: #004308;
  --color-system-success-on-inverse-100: #ffffff;
  --color-system-success-on-inverse-500: #ffffff;
  --color-system-success-on-inverse-900: #ffffff;
  --color-system-warning-100: #fff5e7;
  --color-system-warning-500: #d27c05;
  --color-system-warning-900: #623a02;
  --color-system-warning-on-inverse-100: #ffffff;
  --color-system-warning-on-inverse-500: #ffffff;
  --color-system-warning-on-inverse-900: #ffffff;
  --figma-file-component-section-bg: #f5f6f8;
  --figma-file-Section-Radius: 120px;
  --global-columns-base-desktop-full-max-width: 1680px;
  --global-columns-base-desktop-full-min-width: 360px;
  --global-columns-base-desktop-half-max-width: 828px;
  --global-columns-base-desktop-half-min-width: 320px;
  --global-columns-base-desktop-oneFourth-max-width: 480px;
  --global-columns-base-desktop-oneFourth-min-width: 224px;
  --global-columns-base-desktop-oneThird-max-width: 560px;
  --global-columns-base-desktop-oneThird-min-width: 320px;
  --global-columns-base-desktop-three-fourth-max-width: 1254px;
  --global-columns-base-desktop-three-fourth-min-width: 774px;
  --global-columns-base-mobile-full-max-width: 767px;
  --global-columns-base-mobile-full-min-width: 310px;
  --global-columns-base-mobile-half-max-width: 720px;
  --global-columns-base-mobile-half-min-width: 310px;
  --global-columns-base-mobile-oneFourth-max-width: 760px;
  --global-columns-base-mobile-oneFourth-min-width: 310px;
  --global-columns-base-mobile-oneThird-max-width: 760px;
  --global-columns-base-mobile-oneThird-min-width: 310px;
  --global-columns-base-mobile-three-fourth-max-width: 719px;
  --global-columns-base-mobile-three-fourth-min-width: 327px;
  --global-columns-base-tablet-full-max-width: 1200px;
  --global-columns-base-tablet-full-min-width: 360px;
  --global-columns-base-tablet-half-max-width: 1103px;
  --global-columns-base-tablet-half-min-width: 360px;
  --global-columns-base-tablet-oneFourth-max-width: 760px;
  --global-columns-base-tablet-oneFourth-min-width: 368px;
  --global-columns-base-tablet-oneThird-max-width: 1103px;
  --global-columns-base-tablet-oneThird-min-width: 349px;
  --global-columns-base-tablet-three-fourth-max-width: 1135px;
  --global-columns-base-tablet-three-fourth-min-width: 704px;
  --global-columns-compact-desktop-full-max-width: 1680px;
  --global-columns-compact-desktop-full-min-width: 360px;
  --global-columns-compact-desktop-half-max-width: 800px;
  --global-columns-compact-desktop-half-min-width: 560px;
  --global-columns-compact-desktop-oneFourth-max-width: 480px;
  --global-columns-compact-desktop-oneFourth-min-width: 224px;
  --global-columns-compact-desktop-oneThird-max-width: 528px;
  --global-columns-compact-desktop-oneThird-min-width: 320px;
  --global-columns-compact-mobile-full-max-width: 767px;
  --global-columns-compact-mobile-full-min-width: 316px;
  --global-columns-compact-mobile-half-max-width: 720px;
  --global-columns-compact-mobile-half-min-width: 310px;
  --global-columns-compact-mobile-oneFourth-max-width: 760px;
  --global-columns-compact-mobile-oneFourth-min-width: 310px;
  --global-columns-compact-mobile-oneThird-max-width: 760px;
  --global-columns-compact-mobile-oneThird-min-width: 310px;
  --global-columns-compact-tablet-full-max-width: 1200px;
  --global-columns-compact-tablet-full-min-width: 360px;
  --global-columns-compact-tablet-half-max-width: 1103px;
  --global-columns-compact-tablet-half-min-width: 360px;
  --global-columns-compact-tablet-oneFourth-max-width: 760px;
  --global-columns-compact-tablet-oneFourth-min-width: 368px;
  --global-columns-compact-tablet-oneThird-max-width: 1103px;
  --global-columns-compact-tablet-oneThird-min-width: 349px;
  --global-columns-wide-desktop-full-max-width: 1680px;
  --global-columns-wide-desktop-full-min-width: 360px;
  --global-columns-wide-desktop-half-max-width: 760px;
  --global-columns-wide-desktop-half-min-width: 480px;
  --global-columns-wide-desktop-oneFourth-max-width: 480px;
  --global-columns-wide-desktop-oneFourth-min-width: 224px;
  --global-columns-wide-desktop-oneThird-max-width: 560px;
  --global-columns-wide-desktop-oneThird-min-width: 320px;
  --global-columns-wide-mobile-full-max-width: 767px;
  --global-columns-wide-mobile-full-min-width: 310px;
  --global-columns-wide-mobile-half-max-width: 767px;
  --global-columns-wide-mobile-half-min-width: 310px;
  --global-columns-wide-mobile-oneFourth-max-width: 767px;
  --global-columns-wide-mobile-oneFourth-min-width: 310px;
  --global-columns-wide-mobile-oneThird-max-width: 767px;
  --global-columns-wide-mobile-oneThird-min-width: 310px;
  --global-columns-wide-tablet-full-max-width: 1200px;
  --global-columns-wide-tablet-full-min-width: 360px;
  --global-columns-wide-tablet-half-max-width: 1103px;
  --global-columns-wide-tablet-half-min-width: 360px;
  --global-columns-wide-tablet-oneFourth-max-width: 767px;
  --global-columns-wide-tablet-oneFourth-min-width: 400px;
  --global-columns-wide-tablet-oneThird-max-width: 1103px;
  --global-columns-wide-tablet-oneThird-min-width: 360px;
  --radius-radius-0: 0px;
  --radius-radius-1: 1px;
  --radius-radius-104: 104px;
  --radius-radius-12: 12px;
  --radius-radius-16: 16px;
  --radius-radius-160: 160px;
  --radius-radius-2: 2px;
  --radius-radius-24: 24px;
  --radius-radius-300: 300px;
  --radius-radius-32: 32px;
  --radius-radius-4: 4px;
  --radius-radius-40: 40px;
  --radius-radius-64: 64px;
  --radius-radius-8: 8px;
  --radius-radius-80: 80px;
  --radius-radius-rounded: 1000px;
  --spacing-spacing-0: 0px;
  --spacing-spacing-1: 1px;
  --spacing-spacing-104: 104px;
  --spacing-spacing-12: 12px;
  --spacing-spacing-120: 120px;
  --spacing-spacing-16: 16px;
  --spacing-spacing-2: 2px;
  --spacing-spacing-24: 24px;
  --spacing-spacing-32: 32px;
  --spacing-spacing-4: 4px;
  --spacing-spacing-40: 40px;
  --spacing-spacing-48: 48px;
  --spacing-spacing-56: 56px;
  --spacing-spacing-64: 64px;
  --spacing-spacing-8: 8px;
  --spacing-spacing-80: 80px;
  --spacing-spacing-96: 96px;
  --typography-font-family-agbalumo: var(--font-agbalumo);
  --typography-font-family-Barlow: var(--font-barlow);
  --typography-font-family-bitter: var(--font-bitter);
  --typography-font-family-boogaloo: var(--font-boogaloo);
  --typography-font-family-gabarito: var(--font-gabarito);
  --typography-font-family-glegoo: var(--font-glegoo);
  --typography-font-family-jost: var(--font-jost);
  --typography-font-family-lato: var(--font-lato);
  --typography-font-family-lexend: var(--font-lexend);
  --typography-font-family-lora: var(--font-lora);
  --typography-font-family-montserrat: var(--font-montserrat);
  --typography-font-family-noto-sans: var(--font-noto-sans);
  --typography-font-family-noto-serif: var(--font-noto-serif);
  --typography-font-family-oswald: var(--font-oswald);
  --typography-font-family-poppins: var(--font-poppins);
  --typography-font-family-roboto: var(--font-roboto);
  --typography-font-family-roboto-slab: var(--font-roboto-slab);
  --typography-font-family-slackey: var(--font-slackey);
  --typography-font-family-sniglet: var(--font-sniglet);
  --typography-font-family-snippity-snap: var(--font-dk-snippity-snap);
  --typography-font-family-yellowtail: var(--font-yellowtail);
  --typography-font-family-zilla-slab: var(--font-zilla-slab);
  /* --typography-font-size-font-size-10: 0.625rem;
  --typography-font-size-font-size-104: 6.5rem;
  --typography-font-size-font-size-12: 0.75rem;
  --typography-font-size-font-size-120: 7.5rem;
  --typography-font-size-font-size-14: 0.875rem;
  --typography-font-size-font-size-16: 1rem;
  --typography-font-size-font-size-18: 1.125rem;
  --typography-font-size-font-size-20: 1.25rem;
  --typography-font-size-font-size-24: 1.5rem;
  --typography-font-size-font-size-28: 1.75rem;
  --typography-font-size-font-size-32: 2rem;
  --typography-font-size-font-size-36: 2.25rem;
  --typography-font-size-font-size-40: 2.5rem;
  --typography-font-size-font-size-48: 3rem;
  --typography-font-size-font-size-56: 3.5rem;
  --typography-font-size-font-size-64: 4rem;
  --typography-font-size-font-size-72: 4.5rem;
  --typography-font-size-font-size-80: 5rem;
  --typography-font-size-font-size-88: 5.5rem;
  --typography-font-size-font-size-96: 6rem; */
  --typography-font-size-font-size-10: 1rem;
  --typography-font-size-font-size-104: 10.4rem;
  --typography-font-size-font-size-12: 1.2rem;
  --typography-font-size-font-size-120: 12rem;
  --typography-font-size-font-size-14: 1.4rem;
  --typography-font-size-font-size-16: 1.6rem;
  --typography-font-size-font-size-18: 1.8rem;
  --typography-font-size-font-size-20: 2rem;
  --typography-font-size-font-size-24: 2.4rem;
  --typography-font-size-font-size-28: 2.8rem;
  --typography-font-size-font-size-32: 3.2rem;
  --typography-font-size-font-size-36: 3.6rem;
  --typography-font-size-font-size-40: 4rem;
  --typography-font-size-font-size-48: 4.8rem;
  --typography-font-size-font-size-56: 5.6rem;
  --typography-font-size-font-size-64: 6.4rem;
  --typography-font-size-font-size-72: 7.2rem;
  --typography-font-size-font-size-80: 8rem;
  --typography-font-size-font-size-88: 8.8rem;
  --typography-font-size-font-size-96: 9.6rem;
}

@media (min-width: 1200px) {
  .brand-root {
    --columns-full-max-width: var(--spacing-columns-desktop-full-max-width);
    --columns-full-min-width: var(--spacing-columns-desktop-full-min-width);
    --columns-half-max-width: var(--spacing-columns-desktop-half-max-width);
    --columns-half-min-width: var(--spacing-columns-desktop-half-min-width);
    --columns-one-fourth-max-width: var(--spacing-columns-desktop-one-fourth-max-width);
    --columns-one-fourth-min-width: var(--spacing-columns-desktop-one-fourth-min-width);
    --columns-one-third-max-width: var(--spacing-columns-desktop-one-third-max-width);
    --columns-one-third-min-width: var(--spacing-columns-desktop-one-third-min-width);
    --columns-three-fourths-max-width: var(--spacing-columns-desktop-three-fourth-max-width);
    --columns-three-fourths-min-width: var(--spacing-columns-desktop-three-fourth-min-width);
    --height-component-article-hero-image-max-height: var(--component-hero-article-image-max-height-desktop);
    --height-component-article-hero-image-min-height: var(--component-hero-article-image-min-height-desktop);
    --height-component-header-logo-min-height: var(--component-site-header-main-bar-logo-height-large);
    --height-component-header-logo-min-width: var(--component-site-header-main-bar-logo-width-large);
    --height-component-hero-max-height: var(--component-hero-desktop-max-width);
    --height-component-hero-min-height: var(--component-hero-container-desktop-min-height);
    --height-component-recipe-hero-image-max-height: var(--component-hero-recipe-image-max-height-desktop);
    --height-component-video-tall-max-height: 600px;
    --icon-large-height: var(--component-icon-content-large-desktop-height);
    --icon-large-width: var(--component-icon-content-large-desktop-width);
    --icon-small-height: var(--component-icon-content-small-desktop-height);
    --icon-small-width: var(--component-icon-content-small-desktop-width);
    --layout-base-columns: 12px;
    --layout-base-gutter: var(--spacing-spacing-24);
    --layout-base-margin-x: var(--spacing-spacing-80);
    --layout-base-margin-y: var(--spacing-spacing-64);
    --layout-columns: 12px;
    --layout-compact-gutter: var(--spacing-spacing-16);
    --layout-compact-margin-x: var(--spacing-spacing-32);
    --layout-compact-margin-y: var(--spacing-spacing-32);
    --layout-full-gutter: var(--spacing-spacing-0);
    --layout-full-margin-x: var(--spacing-spacing-0);
    --layout-full-margin-y: var(--spacing-spacing-0);
    --layout-overlap-overlap-gutter: -40px;
    --margin-large: var(--spacing-spacing-56);
    --margin-medium: var(--spacing-spacing-40);
    --margin-none: var(--spacing-spacing-0);
    --margin-small: var(--spacing-spacing-24);
    --margin-xlarge: var(--spacing-spacing-80);
    --margin-xsmall: var(--spacing-spacing-16);
    --margin-xxlarge: var(--spacing-spacing-96);
    --margin-xxsmall: var(--spacing-spacing-8);
    --other-action-bar-text: var(--typography-font-size-font-size-12);
    --other-nutrition-table-container-padding: var(--spacing-spacing-24);
    --other-pdp-content-radius: var(--general-radius-container);
    --other-pdp-nutrition-table-body: var(--typography-font-size-body-small);
    --other-pdp-nutrition-table-column-min-width-lg: 140px;
    --other-pdp-nutrition-table-column-min-width-sm: 120px;
    --other-pdp-nutrition-table-display: var(--typography-font-size-header-large);
    --other-pdp-nutrition-table-headings: var(--typography-font-size-body-medium);
    --other-pdp-nutrition-table-valueLabel: var(--typography-font-size-body-xsmall);
    --other-pillsbury-radius-corner: 160px;
    --other-show-decor-desktop-only-Feature-Full-Bottom: var(--component-feature-full-decor-show-bottom-decor);
    --other-show-decor-desktop-only-feature-Full-Top: var(--component-feature-full-decor-show-top-decor);
    --other-show-newsletter-selctor: var(--component-site-footer-show-newsletter);
    --other-show-secondary--utility: var(--component-site-header-show-secondary-utility);
    --other-table-cell-padding: var(--padding-small);
    --other-table-layout: "desktop";
    --padding-large: var(--spacing-spacing-48);
    --padding-medium: var(--spacing-spacing-40);
    --padding-none: var(--spacing-spacing-0);
    --padding-small: var(--spacing-spacing-24);
    --padding-xlarge: var(--spacing-spacing-64);
    --padding-xsmall: var(--spacing-spacing-12);
    --padding-xxlarge: var(--spacing-spacing-104);
    --padding-xxsmall: var(--spacing-spacing-8);
    --screen-dimensions-height: 1024px;
    --screen-dimensions-max-width: 1920px;
    --screen-dimensions-min-width: 1200px;
    --screen-dimensions-width: 1440px;
    --space-between-large: var(--spacing-spacing-40);
    --space-between-medium: var(--spacing-spacing-24);
    --space-between-none: var(--spacing-spacing-0);
    --space-between-small: var(--spacing-spacing-16);
    --space-between-xlarge: var(--spacing-spacing-64);
    --space-between-xsmall: var(--spacing-spacing-8);
    --space-between-xxlarge: var(--spacing-spacing-80);
    --space-between-xxsmall: var(--spacing-spacing-4);
    --typography-copy-max-width: 960px;
    --typography-eyebrow: var(--typography-font-size-desktop-header-eyebrow);
    --typography-font-size-accent-header-display: var(--typography-font-size-desktop-accent-header-display);
    --typography-font-size-accent-header-large: var(--typography-font-size-desktop-accent-header-large);
    --typography-font-size-accent-header-medium: var(--typography-font-size-desktop-accent-header-medium);
    --typography-font-size-accent-header-small: var(--typography-font-size-desktop-accent-header-small);
    --typography-font-size-accent-header-xlarge: var(--typography-font-size-desktop-accent-header-xlarge);
    --typography-font-size-accent-header-xsmall: var(--typography-font-size-desktop-accent-header-xsmall);
    --typography-font-size-accent-header-xxlarge: var(--typography-font-size-desktop-accent-header-xxlarge);
    --typography-font-size-accent-header-xxsmall: var(--typography-font-size-desktop-accent-header-xxsmall);
    --typography-font-size-body-large: var(--typography-font-size-desktop-body-large);
    --typography-font-size-body-medium: var(--typography-font-size-desktop-body-medium);
    --typography-font-size-body-small: var(--typography-font-size-desktop-body-small);
    --typography-font-size-body-xlarge: var(--typography-font-size-desktop-body-xlarge);
    --typography-font-size-body-xsmall: var(--typography-font-size-desktop-body-xsmall);
    --typography-font-size-header-display: var(--typography-font-size-desktop-header-display);
    --typography-font-size-header-large: var(--typography-font-size-desktop-header-large);
    --typography-font-size-header-medium: var(--typography-font-size-desktop-header-medium);
    --typography-font-size-header-small: var(--typography-font-size-desktop-header-small);
    --typography-font-size-header-xlarge: var(--typography-font-size-desktop-header-xlarge);
    --typography-font-size-header-xsmall: var(--typography-font-size-desktop-header-xsmall);
    --typography-font-size-header-xxlarge: var(--typography-font-size-desktop-header-xxlarge);
    --typography-font-size-header-xxsmall: var(--typography-font-size-desktop-header-xxsmall);
    --width-component-accordion-title-image-size: 64px;
    --width-component-action-bar-width: var(--component-action-bar-width-desktop);
    --width-component-card-max-width: var(--columns-one-fourth-max-width);
    --width-component-card-min-width: 768px;
    --width-component-carousel-card-max-width: 376px;
    --width-component-carousel-card-min-width: 216px;
    --width-component-carousel-container-max-width: 936px;
    --width-component-carousel-container-width: 936px;
    --width-component-category-image-width: 240px;
    --width-component-copy-block-no-mobile-padding: var(--padding-xlarge);
    --width-component-email-unsubscribe-max-width: 728px;
    --width-component-email-unsubscribe-min-width: 320px;
    --width-component-feature-constrained-margin-x: 0px;
    --width-component-feature-constrained-max-width: 960px;
    --width-component-feature-constrained-min-width: 960px;
    --width-component-feature-contained-copy-width: 640px;
    --width-component-feature-contained-image-min-height: var(--component-feature-split-constrained-copy-desktop-max-width);
    --width-component-feature-full-copy-width: 640px;
    --width-component-feature-full-image-indent: 360px;
    --width-component-feature-margin-x: 80px;
    --width-component-feature-margin-y: 0px;
    --width-component-feature-one-third-max-width: 411px;
    --width-component-half-image-min-width: 588px;
    --width-component-hero-article-image-min-width: 588px;
    --width-component-hero-general-copy-width: 560px;
    --width-component-hero-image-min-width: 588px;
    --width-component-hero-product-image-min-width: 640px;
    --width-component-hero-product-image-padding: var(--spacing-spacing-24);
    --width-component-image-bottomRight-responsiveradius: var(--radius-radius-300);
    --width-component-listing-grid-container-max-width: 1680px;
    --width-component-listing-grid-container-min-width: 1200px;
    --width-component-listing-grid-max-width: 1254px;
    --width-component-listing-grid-min-width: 774px;
    --width-component-modal-max-width: 480px;
    --width-component-modal-min-width: 480px;
    --width-component-my-account-side-bar-max-width: 320px;
    --width-component-pdp-content-background-gap: 48px;
    --width-component-pdp-content-background-margin-x: var(--layout-base-margin-x);
    --width-component-pdp-content-background-margin-y: var(--layout-base-margin-y);
    --width-component-pdp-content-surface-gap: 80px;
    --width-component-pdp-content-surface-padding: 64px;
    --width-component-recipe-description-max-width: var(--component-recipe-description-copy-max-width-desktop);
    --width-component-recipe-description-padding-x: var(--layout-base-margin-x);
    --width-component-recipe-header-max-width: 527px;
    --width-component-recipe-ingredients-column-max-width: 320px;
    --width-component-recipe-ingredients-column-min-width: 180px;
    --width-component-recipe-instructions-column-min-width: 240px;
    --width-component-side-by-side-min-width: var(--spacing-columns-desktop-half-min-width);
    --width-component-site-footer-links-min-width: 560px;
    --width-component-site-header-content-min-width: 560px;
    --width-component-site-header-content-side-bar-max-width: 380px;
    --width-component-standalone-image-max-width: var(--component-image-standalone-image-max-width-desktop);
    --width-component-standalone-video-max-width: var(--component-video-standalone-video-max-width-desktop);
    --width-component-tab-max-width: 240px;
    --width-component-tab-min-width: 220px;
    --width-content-grid-max-width-1col: 960px;
    --width-content-grid-max-width-2col: 960px;
  }
}

@media (max-width: 767px) {
  .brand-root {
    --columns-full-max-width: var(--spacing-columns-mobile-full-max-width);
    --columns-full-min-width: var(--spacing-columns-mobile-full-min-width);
    --columns-half-max-width: var(--spacing-columns-mobile-half-max-width);
    --columns-half-min-width: var(--spacing-columns-mobile-half-min-width);
    --columns-one-fourth-max-width: var(--spacing-columns-mobile-one-fourth-max-width);
    --columns-one-fourth-min-width: var(--spacing-columns-mobile-oneFourth-min-width);
    --columns-one-third-max-width: var(--spacing-columns-mobile-one-third-max-width);
    --columns-one-third-min-width: var(--spacing-columns-mobile-one-third-min-width);
    --columns-three-fourths-max-width: var(--spacing-columns-mobile-three-fourth-max-width);
    --columns-three-fourths-min-width: var(--spacing-columns-mobile-three-fourth-min-width);
    --height-component-article-hero-image-max-height: var(--component-hero-article-image-max-height-mobile);
    --height-component-article-hero-image-min-height: var(--component-hero-article-image-min-height-mobile);
    --height-component-header-logo-min-height: var(--component-site-header-main-bar-logo-height-small);
    --height-component-header-logo-min-width: var(--component-site-header-main-bar-logo-width-small);
    --height-component-hero-max-height: var(--component-hero-mobile-max-width);
    --height-component-hero-min-height: 460px;
    --height-component-recipe-hero-image-max-height: var(--component-hero-recipe-image-max-height-mobile);
    --height-component-video-tall-max-height: 480px;
    --icon-large-height: var(--component-icon-content-large-mobile-height);
    --icon-large-width: var(--component-icon-content-large-mobile-width);
    --icon-small-height: var(--component-icon-content-small-mobile-height);
    --icon-small-width: var(--component-icon-content-small-mobile-width);
    --layout-base-columns: 6px;
    --layout-base-gutter: var(--spacing-spacing-24);
    --layout-base-margin-x: var(--spacing-spacing-24);
    --layout-base-margin-y: var(--spacing-spacing-32);
    --layout-columns: 6px;
    --layout-compact-gutter: var(--spacing-spacing-24);
    --layout-compact-margin-x: var(--spacing-spacing-12);
    --layout-compact-margin-y: var(--spacing-spacing-16);
    --layout-full-gutter: var(--spacing-spacing-0);
    --layout-full-margin-x: var(--spacing-spacing-0);
    --layout-full-margin-y: var(--spacing-spacing-0);
    --layout-overlap-overlap-gutter: -24px;
    --margin-large: var(--spacing-spacing-32);
    --margin-medium: var(--spacing-spacing-24);
    --margin-none: var(--spacing-spacing-0);
    --margin-small: var(--spacing-spacing-16);
    --margin-xlarge: var(--spacing-spacing-40);
    --margin-xsmall: var(--spacing-spacing-12);
    --margin-xxlarge: var(--spacing-spacing-48);
    --margin-xxsmall: var(--spacing-spacing-4);
    --other-action-bar-text: var(--typography-font-size-font-size-10);
    --other-nutrition-table-container-padding: var(--spacing-spacing-8);
    --other-pdp-content-radius: 0px;
    --other-pdp-nutrition-table-body: var(--typography-font-size-body-xsmall);
    --other-pdp-nutrition-table-column-min-width-lg: 170px;
    --other-pdp-nutrition-table-column-min-width-sm: 120px;
    --other-pdp-nutrition-table-display: var(--typography-font-size-header-xsmall);
    --other-pdp-nutrition-table-headings: var(--typography-font-size-body-xsmall);
    --other-pillsbury-radius-corner: 80px;
    --other-show-langauge-selector-in-mega-menu: var(--component-site-header-show-language-toggle);
    --other-show-secondary-utility-mobile: var(--other-show-secondary--utility);
    --other-table-cell-padding: var(--padding-xxsmall);
    --other-table-layout: "mobile";
    --padding-large: var(--spacing-spacing-32);
    --padding-medium: var(--spacing-spacing-24);
    --padding-none: var(--spacing-spacing-0);
    --padding-small: var(--spacing-spacing-16);
    --padding-xlarge: var(--spacing-spacing-40);
    --padding-xsmall: var(--spacing-spacing-12);
    --padding-xxlarge: var(--spacing-spacing-48);
    --padding-xxsmall: var(--spacing-spacing-8);
    --screen-dimensions-height: 844px;
    --screen-dimensions-max-width: 767px;
    --screen-dimensions-min-width: 375px;
    --screen-dimensions-width: 390px;
    --space-between-large: var(--spacing-spacing-24);
    --space-between-medium: var(--spacing-spacing-16);
    --space-between-none: var(--spacing-spacing-0);
    --space-between-small: var(--spacing-spacing-8);
    --space-between-xlarge: var(--spacing-spacing-32);
    --space-between-xsmall: var(--spacing-spacing-4);
    --space-between-xxlarge: var(--spacing-spacing-80);
    --space-between-xxsmall: var(--spacing-spacing-2);
    --typography-copy-max-width: 767px;
    --typography-eyebrow: var(--typography-font-size-mobile-header-eyebrow);
    --typography-font-size-accent-header-display: var(--typography-font-size-mobile-accent-header-display);
    --typography-font-size-accent-header-large: var(--typography-font-size-mobile-accent-header-large);
    --typography-font-size-accent-header-medium: var(--typography-font-size-mobile-accent-header-medium);
    --typography-font-size-accent-header-small: var(--typography-font-size-mobile-accent-header-small);
    --typography-font-size-accent-header-xlarge: var(--typography-font-size-mobile-accent-header-xlarge);
    --typography-font-size-accent-header-xsmall: var(--typography-font-size-mobile-accent-header-xsmall);
    --typography-font-size-accent-header-xxlarge: var(--typography-font-size-mobile-accent-header-xxlarge);
    --typography-font-size-accent-header-xxsmall: var(--typography-font-size-mobile-accent-header-xxsmall);
    --typography-font-size-body-large: var(--typography-font-size-mobile-body-large);
    --typography-font-size-body-medium: var(--typography-font-size-mobile-body-medium);
    --typography-font-size-body-small: var(--typography-font-size-mobile-body-small);
    --typography-font-size-body-xlarge: var(--typography-font-size-mobile-body-xlarge);
    --typography-font-size-body-xsmall: var(--typography-font-size-mobile-body-xsmall);
    --typography-font-size-header-display: var(--typography-font-size-mobile-header-display);
    --typography-font-size-header-large: var(--typography-font-size-mobile-header-large);
    --typography-font-size-header-medium: var(--typography-font-size-mobile-header-medium);
    --typography-font-size-header-small: var(--typography-font-size-mobile-header-small);
    --typography-font-size-header-xlarge: var(--typography-font-size-mobile-header-xlarge);
    --typography-font-size-header-xsmall: var(--typography-font-size-mobile-header-xsmall);
    --typography-font-size-header-xxlarge: var(--typography-font-size-mobile-header-xxlarge);
    --typography-font-size-header-xxsmall: var(--typography-font-size-mobile-header-xxsmall);
    --width-component-accordion-title-image-size: 40px;
    --width-component-action-bar-width: var(--component-action-bar-width-mobile);
    --width-component-card-max-width: var(--component-cards-card-max-width-mobile);
    --width-component-card-min-width: var(--columns-one-fourth-min-width);
    --width-component-carousel-card-max-width: 719px;
    --width-component-carousel-card-min-width: var(--columns-one-fourth-min-width);
    --width-component-carousel-container-max-width: 0px;
    --width-component-carousel-container-width: 0px;
    --width-component-category-image-width: 180px;
    --width-component-copy-block-no-mobile-padding: var(--padding-medium);
    --width-component-email-unsubscribe-max-width: 728px;
    --width-component-email-unsubscribe-min-width: 320px;
    --width-component-feature-constrained-margin-x: 16px;
    --width-component-feature-constrained-max-width: 375px;
    --width-component-feature-constrained-min-width: 375px;
    --width-component-feature-contained-copy-width: 375px;
    --width-component-feature-contained-image-min-height: var(--component-feature-split-constrained-copy-mobile-max-width);
    --width-component-feature-full-copy-width: 375px;
    --width-component-feature-full-image-indent: var(--component-feature-full-image-padding-x);
    --width-component-feature-margin-x: 0px;
    --width-component-feature-margin-y: 16px;
    --width-component-feature-one-third-max-width: var(--component-feature-split-constrained-copy-mobile-max-width);
    --width-component-half-image-min-width: 375px;
    --width-component-hero-article-image-min-width: 375px;
    --width-component-hero-general-copy-width: 767px;
    --width-component-hero-image-min-width: 311px;
    --width-component-hero-product-image-min-width: 320px;
    --width-component-hero-product-image-padding: var(--spacing-spacing-8);
    --width-component-image-bottomRight-responsiveradius: var(--radius-radius-104);
    --width-component-listing-grid-container-max-width: 720px;
    --width-component-listing-grid-container-min-width: 327px;
    --width-component-listing-grid-max-width: 719px;
    --width-component-listing-grid-min-width: 327px;
    --width-component-modal-max-width: 480px;
    --width-component-modal-min-width: 320px;
    --width-component-my-account-side-bar-max-width: 767px;
    --width-component-pdp-content-background-gap: 0px;
    --width-component-pdp-content-background-margin-x: 0px;
    --width-component-pdp-content-background-margin-y: 0px;
    --width-component-pdp-content-surface-gap: 48px;
    --width-component-pdp-content-surface-padding: 24px;
    --width-component-recipe-description-max-width: var(--component-recipe-description-copy-max-width-mobile);
    --width-component-recipe-description-padding-x: var(--component-hero-recipe-copy-padding-x);
    --width-component-recipe-header-max-width: var(--columns-full-max-width);
    --width-component-recipe-ingredients-column-max-width: 550px;
    --width-component-recipe-ingredients-column-min-width: 271px;
    --width-component-recipe-instructions-column-min-width: 248px;
    --width-component-side-by-side-min-width: 348px;
    --width-component-site-footer-links-min-width: 320px;
    --width-component-site-header-content-min-width: 320px;
    --width-component-site-header-content-side-bar-max-width: 767px;
    --width-component-standalone-image-max-width: var(--component-image-standalone-image-max-width-mobile);
    --width-component-standalone-video-max-width: var(--component-video-standalone-video-max-width-mobile);
    --width-component-tab-max-width: 240px;
    --width-component-tab-min-width: 220px;
    --width-content-grid-max-width-1col: 767px;
    --width-content-grid-max-width-2col: 767px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .brand-root {
    --columns-full-max-width: var(--spacing-columns-tablet-full-max-width);
    --columns-full-min-width: var(--spacing-columns-tablet-full-min-width);
    --columns-half-max-width: var(--spacing-columns-tablet-half-max-width);
    --columns-half-min-width: var(--spacing-columns-tablet-half-min-width);
    --columns-one-fourth-max-width: var(--spacing-columns-tablet-one-fourth-max-width);
    --columns-one-fourth-min-width: var(--spacing-columns-tablet-one-fourth-min-width);
    --columns-one-third-max-width: var(--spacing-columns-tablet-one-third-max-width);
    --columns-one-third-min-width: var(--spacing-columns-tablet-one-third-min-width);
    --columns-three-fourths-max-width: var(--spacing-columns-tablet-three-fourth-max-width);
    --columns-three-fourths-min-width: var(--spacing-columns-tablet-three-fourth-min-width);
    --height-component-article-hero-image-max-height: var(--component-hero-article-image-max-height-tablet);
    --height-component-article-hero-image-min-height: var(--component-hero-article-image-min-height-tablet);
    --height-component-header-logo-min-height: var(--component-site-header-main-bar-logo-height-large);
    --height-component-header-logo-min-width: var(--component-site-header-main-bar-logo-width-large);
    --height-component-hero-max-height: var(--component-hero-tablet-max-width);
    --height-component-hero-min-height: var(--component-hero-container-tablet-min-height);
    --height-component-recipe-hero-image-max-height: var(--component-hero-recipe-image-max-height-tablet);
    --height-component-video-tall-max-height: 600px;
    --icon-large-height: var(--component-icon-content-large-tablet-height);
    --icon-large-width: var(--component-icon-content-large-tablet-width);
    --icon-small-height: var(--component-icon-content-small-tablet-height);
    --icon-small-width: var(--component-icon-content-small-tablet-width);
    --layout-base-columns: 12px;
    --layout-base-gutter: var(--spacing-spacing-24);
    --layout-base-margin-x: var(--spacing-spacing-32);
    --layout-base-margin-y: var(--spacing-spacing-64);
    --layout-columns: 12px;
    --layout-compact-gutter: var(--spacing-spacing-24);
    --layout-compact-margin-x: var(--spacing-spacing-24);
    --layout-compact-margin-y: var(--spacing-spacing-24);
    --layout-full-gutter: var(--spacing-spacing-0);
    --layout-full-margin-x: var(--spacing-spacing-0);
    --layout-full-margin-y: var(--spacing-spacing-0);
    --layout-overlap-overlap-gutter: -24px;
    --margin-large: var(--spacing-spacing-48);
    --margin-medium: var(--spacing-spacing-40);
    --margin-none: var(--spacing-spacing-0);
    --margin-small: var(--spacing-spacing-24);
    --margin-xlarge: var(--spacing-spacing-64);
    --margin-xsmall: var(--spacing-spacing-16);
    --margin-xxlarge: var(--spacing-spacing-80);
    --margin-xxsmall: var(--spacing-spacing-8);
    --other-action-bar-text: var(--spacing-spacing-12);
    --other-nutrition-table-container-padding: var(--spacing-spacing-24);
    --other-pdp-content-radius: var(--general-radius-container);
    --other-pdp-nutrition-table-body: var(--typography-font-size-body-small);
    --other-pdp-nutrition-table-column-min-width-lg: 140px;
    --other-pdp-nutrition-table-column-min-width-sm: 120px;
    --other-pdp-nutrition-table-display: var(--typography-font-size-body-large);
    --other-pdp-nutrition-table-headings: var(--typography-font-size-body-medium);
    --other-pdp-nutrition-table-valueLabel: var(--typography-font-size-body-xsmall);
    --other-pillsbury-radius-corner: 120px;
    --other-show-langauge-selector-in-mega-menu: var(--component-site-header-show-language-toggle);
    --other-show-secondary-utility-mobile: var(--other-show-secondary--utility);
    --other-table-cell-padding: var(--padding-xsmall);
    --other-table-layout: "desktop";
    --padding-large: var(--spacing-spacing-48);
    --padding-medium: var(--spacing-spacing-40);
    --padding-none: var(--spacing-spacing-0);
    --padding-small: var(--spacing-spacing-24);
    --padding-xlarge: var(--spacing-spacing-56);
    --padding-xsmall: var(--spacing-spacing-12);
    --padding-xxlarge: var(--spacing-spacing-64);
    --padding-xxsmall: var(--spacing-spacing-8);
    --screen-dimensions-height: 834px;
    --screen-dimensions-max-width: 1199px;
    --screen-dimensions-min-width: 768px;
    --screen-dimensions-width: 1194px;
    --space-between-large: var(--spacing-spacing-40);
    --space-between-medium: var(--spacing-spacing-24);
    --space-between-none: var(--spacing-spacing-0);
    --space-between-small: var(--spacing-spacing-16);
    --space-between-xlarge: var(--spacing-spacing-48);
    --space-between-xsmall: var(--spacing-spacing-8);
    --space-between-xxlarge: var(--spacing-spacing-80);
    --space-between-xxsmall: var(--spacing-spacing-4);
    --typography-copy-max-width: 960px;
    --typography-eyebrow: var(--typography-font-size-tablet-header-eyebrow);
    --typography-font-size-accent-header-display: var(--typography-font-size-tablet-accent-header-display);
    --typography-font-size-accent-header-large: var(--typography-font-size-tablet-accent-header-large);
    --typography-font-size-accent-header-medium: var(--typography-font-size-tablet-accent-header-medium);
    --typography-font-size-accent-header-small: var(--typography-font-size-tablet-accent-header-small);
    --typography-font-size-accent-header-xlarge: var(--typography-font-size-tablet-accent-header-xlarge);
    --typography-font-size-accent-header-xsmall: var(--typography-font-size-tablet-accent-header-xsmall);
    --typography-font-size-accent-header-xxlarge: var(--typography-font-size-tablet-accent-header-xxlarge);
    --typography-font-size-accent-header-xxsmall: var(--typography-font-size-tablet-accent-header-xxsmall);
    --typography-font-size-body-large: var(--typography-font-size-tablet-body-large);
    --typography-font-size-body-medium: var(--typography-font-size-tablet-body-medium);
    --typography-font-size-body-small: var(--typography-font-size-tablet-body-small);
    --typography-font-size-body-xlarge: var(--typography-font-size-tablet-body-xlarge);
    --typography-font-size-body-xsmall: var(--typography-font-size-tablet-body-xsmall);
    --typography-font-size-header-display: var(--typography-font-size-tablet-header-display);
    --typography-font-size-header-large: var(--typography-font-size-tablet-header-large);
    --typography-font-size-header-medium: var(--typography-font-size-tablet-header-medium);
    --typography-font-size-header-small: var(--typography-font-size-tablet-header-small);
    --typography-font-size-header-xlarge: var(--typography-font-size-tablet-header-xlarge);
    --typography-font-size-header-xsmall: var(--typography-font-size-tablet-header-xsmall);
    --typography-font-size-header-xxlarge: var(--typography-font-size-tablet-header-xxlarge);
    --typography-font-size-header-xxsmall: var(--typography-font-size-tablet-header-xxsmall);
    --width-component-accordion-title-image-size: 64px;
    --width-component-action-bar-width: var(--component-action-bar-width-tablet);
    --width-component-card-max-width: var(--columns-one-fourth-max-width);
    --width-component-card-min-width: 768px;
    --width-component-carousel-card-max-width: var(--columns-one-third-max-width);
    --width-component-carousel-card-min-width: 224px;
    --width-component-carousel-container-max-width: 751px;
    --width-component-carousel-container-width: 751px;
    --width-component-category-image-width: 200px;
    --width-component-copy-block-no-mobile-padding: var(--padding-medium);
    --width-component-email-unsubscribe-max-width: 728px;
    --width-component-email-unsubscribe-min-width: 320px;
    --width-component-feature-constrained-margin-x: 24px;
    --width-component-feature-constrained-max-width: 960px;
    --width-component-feature-constrained-min-width: 767px;
    --width-component-feature-contained-copy-width: 588px;
    --width-component-feature-contained-image-min-height: var(--component-feature-split-constrained-copy-tablet-max-width);
    --width-component-feature-full-copy-width: 588px;
    --width-component-feature-full-image-indent: var(--component-feature-full-image-padding-x);
    --width-component-feature-margin-x: 24px;
    --width-component-feature-margin-y: 0px;
    --width-component-feature-one-third-max-width: 362px;
    --width-component-half-image-min-width: 588px;
    --width-component-hero-article-image-min-width: 588px;
    --width-component-hero-general-copy-width: 459px;
    --width-component-hero-image-min-width: 588px;
    --width-component-hero-product-image-min-width: 588px;
    --width-component-hero-product-image-padding: var(--spacing-spacing-24);
    --width-component-image-bottomRight-responsiveradius: var(--radius-radius-160);
    --width-component-listing-grid-container-max-width: 1200px;
    --width-component-listing-grid-container-min-width: 720px;
    --width-component-listing-grid-max-width: 845.25px;
    --width-component-listing-grid-min-width: 704px;
    --width-component-modal-max-width: 480px;
    --width-component-modal-min-width: 480px;
    --width-component-my-account-side-bar-max-width: 1199px;
    --width-component-pdp-content-background-gap: 32px;
    --width-component-pdp-content-background-margin-x: 48px;
    --width-component-pdp-content-background-margin-y: 48px;
    --width-component-pdp-content-surface-gap: 64px;
    --width-component-pdp-content-surface-padding: 48px;
    --width-component-recipe-description-max-width: var(--component-recipe-description-copy-max-width-tablet);
    --width-component-recipe-description-padding-x: var(--component-hero-recipe-copy-padding-x);
    --width-component-recipe-header-max-width: var(--columns-full-max-width);
    --width-component-recipe-ingredients-column-max-width: 640px;
    --width-component-recipe-ingredients-column-min-width: 294px;
    --width-component-recipe-instructions-column-min-width: 480px;
    --width-component-side-by-side-min-width: var(--spacing-columns-tablet-half-min-width);
    --width-component-site-footer-links-min-width: 720px;
    --width-component-site-header-content-min-width: 480px;
    --width-component-site-header-content-side-bar-max-width: 1199px;
    --width-component-standalone-image-max-width: var(--component-image-standalone-image-max-width-tablet);
    --width-component-standalone-video-max-width: var(--component-video-standalone-video-max-width-tablet);
    --width-component-tab-max-width: 240px;
    --width-component-tab-min-width: 220px;
    --width-content-grid-max-width-1col: 960px;
    --width-content-grid-max-width-2col: 960px;
  }
}

.BrandsAnnies {
  --color-grayscale-100: #f2f2f7;
  --color-grayscale-200: var(--color-grayscale-coolGray-200);
  --color-grayscale-300: var(--color-grayscale-coolGray-300);
  --color-grayscale-400: var(--color-grayscale-coolGray-400);
  --color-grayscale-500: var(--color-grayscale-coolGray-500);
  --color-grayscale-600: var(--color-grayscale-coolGray-600);
  --color-grayscale-700: var(--color-grayscale-coolGray-700);
  --color-grayscale-800: var(--color-grayscale-coolGray-800);
  --color-grayscale-900: #0d0d0d;
  --color-grayscale-black: #000000;
  --color-primary-color-1-100: #e9daf4;
  --color-primary-color-1-300: #c295dd;
  --color-primary-color-1-500: #8c4cad;
  --color-primary-color-1-700: #7d4199;
  --color-primary-color-1-900: #613375;
  --color-primary-color-1-accessible: #7d4199;
  --color-primary-color-2-100: #f0eee5;
  --color-primary-color-2-300: #f0eee5;
  --color-primary-color-2-500: #f0eee5;
  --color-primary-color-2-700: #f0eee5;
  --color-primary-color-2-900: #f0eee5;
  --color-primary-color-2-accessible: #f0eee5;
  --color-secondary-color-3-100: #feff86;
  --color-secondary-color-3-500: #ffdd00;
  --color-secondary-color-3-900: #895b0a;
  --color-secondary-color-4-100: #cefffe;
  --color-secondary-color-4-500: #00c9d4;
  --color-secondary-color-4-900: #126978;
  --color-secondary-color-5-100: #cccccc;
  --color-secondary-color-5-500: #cccccc;
  --color-secondary-color-5-900: #cccccc;
  --color-secondary-color-6-100: #cccccc;
  --color-secondary-color-6-500: #cccccc;
  --color-secondary-color-6-900: #cccccc;
  --color-secondary-color-7-100: #cccccc;
  --color-secondary-color-7-500: #cccccc;
  --color-secondary-color-7-900: #cccccc;
  --color-tertiary-color-swatch-500: var(--color-brand-general-mills-generalMills-red);
  --component-accordion-color-default-body: var(--general-color-text-dark);
  --component-accordion-color-default-border: var(--general-color-border-light);
  --component-accordion-color-default-icons: var(--general-color-fill-brand-1);
  --component-accordion-color-default-surface: var(--general-color-surface-white);
  --component-accordion-color-default-title: var(--general-color-text-darkest);
  --component-accordion-color-hover-body: var(--general-color-text-dark);
  --component-accordion-color-hover-border: var(--general-color-border-brand-1);
  --component-accordion-color-hover-icons: var(--general-color-background-brand-1);
  --component-accordion-color-hover-surface: var(--general-color-surface-light);
  --component-accordion-color-hover-title: var(--general-color-text-darkest);
  --component-accordion-item-border-bottom: 0px;
  --component-accordion-item-border-left: 0px;
  --component-accordion-item-border-right: 0px;
  --component-accordion-item-border-top: 1px;
  --component-accordion-padding-x: var(--padding-small);
  --component-accordion-padding-y: var(--padding-small);
  --component-action-bar-border: var(--spacing-spacing-0);
  --component-action-bar-color-border: var(--general-color-border-white);
  --component-action-bar-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-enabled-border: var(--general-color-text-brand-1);
  --component-action-bar-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-action-bar-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-focus-focus-border: var(--theme-brand-action);
  --component-action-bar-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-action-bar-color-button-hover-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-action-bar-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-action-bar-color-surface: var(--general-color-surface-white);
  --component-action-bar-color-toggle-active-bg: var(--general-color-fill-brand-2);
  --component-action-bar-color-toggle-active-switch-circle: var(--general-color-fill-white);
  --component-action-bar-color-toggle-inactive-bg: var(--general-color-fill-mid);
  --component-action-bar-color-toggle-inactive-switch-circle: var(--general-color-fill-white);
  --component-action-bar-gap-horizontal: var(--spacing-spacing-16);
  --component-action-bar-gap-vertical: var(--spacing-spacing-12);
  --component-action-bar-radius: var(--radius-radius-12);
  --component-action-bar-share-menu-bg-default: var(--general-color-background-white);
  --component-action-bar-share-menu-bg-hover: var(--color-grayscale-100);
  --component-action-bar-share-menu-blur: 12px;
  --component-action-bar-share-menu-color: #00000014;
  --component-action-bar-share-menu-focus-border: var(--theme-brand-action);
  --component-action-bar-share-menu-max-width: 350px;
  --component-action-bar-share-menu-min-height: 48px;
  --component-action-bar-share-menu-min-width: 200px;
  --component-action-bar-share-menu-text: var(--general-color-text-darkest);
  --component-action-bar-share-menu-y-value: 2px;
  --component-action-bar-width-desktop: 88px;
  --component-action-bar-width-mobile: 56px;
  --component-action-bar-width-tablet: 64px;
  --component-alert-banner-bg: var(--general-color-background-darkest);
  --component-alert-banner-body: var(--general-color-text-white);
  --component-alert-banner-button-color-1: inverse;
  --component-alert-banner-button-color-2: inverse;
  --component-alert-banner-close: var(--general-color-fill-white);
  --component-alert-banner-icon: var(--general-color-fill-white);
  --component-alert-banner-title: var(--general-color-text-white);
  --component-breadcrumb-color-bg: var(--theme-primary-bg-bg);
  --component-breadcrumb-color-item-enabled-icon: var(--general-color-fill-mid);
  --component-breadcrumb-color-item-enabled-text: var(--color-grayscale-500);
  --component-breadcrumb-color-item-focus-icon: var(--component-breadcrumb-color-item-hover-icon);
  --component-breadcrumb-color-item-focus-text: var(--component-breadcrumb-color-item-hover-text);
  --component-breadcrumb-color-item-hover-icon: var(--theme-brand-action);
  --component-breadcrumb-color-item-hover-text: var(--theme-brand-action);
  --component-breadcrumb-color-item-pressed-icon: var(--general-color-fill-brand-1);
  --component-breadcrumb-color-item-pressed-text: var(--general-color-text-brand-1);
  --component-breadcrumb-color-tip-active-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-bg: var(--color-grayscale-black);
  --component-breadcrumb-color-tip-enabled-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-hover-link: var(--general-color-text-white);
  --component-button-tag-color-disabled-bg: #08459833;
  --component-button-tag-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-button-tag-color-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-focus-bg: var(--component-button-tag-color-enabled-bg);
  --component-button-tag-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-button-tag-color-focus-text: var(--component-button-tag-color-enabled-text);
  --component-button-tag-color-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-border: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-button-tag-color-link-underline: var(--general-color-fill-brand-1);
  --component-button-tag-color-pressed-bg: var(--component-button-tag-color-hover-bg);
  --component-button-tag-color-pressed-border: var(--component-button-tag-color-hover-border);
  --component-button-tag-color-pressed-text: var(--component-button-tag-color-hover-text);
  --component-button-tag-radius: var(--radius-radius-rounded);
  --component-button-tag-size-base-border: var(--spacing-spacing-2);
  --component-button-tag-size-base-padding-left: var(--spacing-spacing-16);
  --component-button-tag-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-button-tag-size-base-padding-y: var(--spacing-spacing-8);
  --component-button-tag-size-base-space-between: var(--spacing-spacing-8);
  --component-button-tag-size-small-border: var(--spacing-spacing-4);
  --component-button-tag-size-small-gap: var(--spacing-spacing-8);
  --component-button-tag-size-small-padding-left: var(--spacing-spacing-12);
  --component-button-tag-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-button-tag-size-small-padding-y: var(--spacing-spacing-8);
  --component-card-article-card-border-width: var(--spacing-spacing-4);
  --component-card-article-card-radius: var(--general-radius-card);
  --component-card-article-image-borderWidth: var(--spacing-spacing-4);
  --component-card-article-image-image-ratio: "3:2";
  --component-card-article-image-radius: var(--general-radius-image);
  --component-card-general-card-border-width: var(--spacing-spacing-4);
  --component-card-general-card-radius: var(--general-radius-card);
  --component-card-general-color-body: var(--component-cards-base-color-on-surface-body);
  --component-card-general-color-border: var(--component-cards-base-color-on-surface-border);
  --component-card-general-color-cta-1-color: var(--component-cards-base-color-on-surface-cta-1-color);
  --component-card-general-color-image-border: var(--color-grayscale-black);
  --component-card-general-color-subtitle: var(--component-cards-base-color-on-surface-subtitle);
  --component-card-general-color-surface: var(--component-cards-base-color-on-surface-surface);
  --component-card-general-color-title: var(--component-cards-base-color-on-surface-title);
  --component-card-product-card-border-width: var(--spacing-spacing-4);
  --component-card-product-color-image-bg: var(--general-color-background-brand-1);
  --component-card-product-image-borderWidth: var(--spacing-spacing-4);
  --component-card-product-image-image-ratio: "1:1";
  --component-card-recipe-card-border-width: var(--spacing-spacing-4);
  --component-card-recipe-card-minHeight: 280px;
  --component-card-recipe-card-padding-x: var(--padding-none);
  --component-card-recipe-card-padding-y: var(--padding-none);
  --component-card-recipe-card-radius: var(--general-radius-card);
  --component-card-recipe-color-ratings: var(--interactiveTheme-ratings-active);
  --component-card-recipe-image-borderWidth: var(--spacing-spacing-4);
  --component-card-recipe-image-image-ratio: "3:2";
  --component-card-recipe-image-padding-top: var(--component-card-recipe-image-padding-x);
  --component-card-recipe-image-padding-x: var(--padding-none);
  --component-card-recipe-image-radius: var(--general-radius-image);
  --component-cards-base-card-border-width: var(--spacing-spacing-2);
  --component-cards-base-card-border-width-focus: var(--spacing-spacing-4);
  --component-cards-base-card-border-width-hover: var(--spacing-spacing-2);
  --component-cards-base-card-label-margin: var(--spacing-spacing-12);
  --component-cards-base-card-min-height: 262px;
  --component-cards-base-card-padding-x: var(--padding-xxsmall);
  --component-cards-base-card-padding-y: var(--padding-xxsmall);
  --component-cards-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-primary);
  --component-cards-base-color-on-surface-border: var(--component-cards-base-color-on-surface-surface);
  --component-cards-base-color-on-surface-border-focus: var(--general-color-border-brand-1);
  --component-cards-base-color-on-surface-border-hover: var(--componentTheme-cards-on-surface-border-hover);
  --component-cards-base-color-on-surface-cta-1-color: var(--componentTheme-cards-on-surface-cta-1-color);
  --component-cards-base-color-on-surface-cta-2-color: var(--componentTheme-cards-on-surface-cta-2-color);
  --component-cards-base-color-on-surface-image-bg: var(--color-grayscale-200);
  --component-cards-base-color-on-surface-image-border: var(--color-grayscale-white);
  --component-cards-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-cards-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-cards-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-cards-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-cards-base-copy-padding-x: var(--padding-xsmall);
  --component-cards-base-copy-padding-y: var(--padding-xsmall);
  --component-cards-base-image-bg: var(--color-grayscale-200);
  --component-cards-base-image-border: var(--color-grayscale-white);
  --component-cards-base-image-border-width: var(--spacing-spacing-0);
  --component-cards-base-image-category-image-ratio: "1:1";
  --component-cards-base-image-image-ratio: "16:9";
  --component-cards-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-cards-base-image-padding-x: var(--padding-none);
  --component-cards-base-image-radius: var(--general-radius-none);
  --component-cards-card-max-width-mobile: 480px;
  --component-carousel-border-width: 1px;
  --component-carousel-controls-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-brand-icon: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-controls-inverse-icon: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-brand-fill: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-inverse-fill: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-color: var(--component-content-grid-color-button-color-1);
  --component-category-asset-default-height: 120px;
  --component-category-asset-default-width: 120px;
  --component-category-asset-hover-height: 112px;
  --component-category-asset-hover-width: 112px;
  --component-category-color-bg: var(--componentTheme-content-grid-bg);
  --component-category-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-border-focus: var(--component-category-color-category-enabled);
  --component-category-color-category-enabled: var(--component-content-grid-color-body);
  --component-category-color-category-hover: var(--component-content-grid-color-body);
  --component-category-color-fill: var(--componentTheme-content-grid-fill);
  --component-category-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-surface: var(--componentTheme-content-grid-bg);
  --component-category-color-title: var(--componentTheme-content-grid-text-primary);
  --component-category-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-category-gutter: var(--spacing-general-gutter);
  --component-category-padding-x: var(--spacing-general-margin-x);
  --component-category-padding-y: var(--spacing-general-margin-y);
  --component-checkbox-radio-color-brand-fill-disabled-opacity: 0.5;
  --component-checkbox-radio-color-brand-fill-disabled-text: var(--general-color-text-mid);
  --component-checkbox-radio-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-checkbox-radio-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-checkbox-radio-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-enabled-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-error-bg: var(--color-system-error-100);
  --component-checkbox-radio-color-brand-fill-error-border: var(--color-system-error-500);
  --component-checkbox-radio-color-brand-fill-error-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-enabled-bg);
  --component-checkbox-radio-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-focus-border);
  --component-checkbox-radio-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-focus-icon);
  --component-checkbox-radio-color-brand-fill-focus-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-selected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-selected-border: var(--component-checkbox-radio-color-brand-fill-hover-selected-bg);
  --component-checkbox-radio-color-brand-fill-hover-selected-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-hover-selected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-unselected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-unselected-border: var(--component-checkbox-radio-color-brand-fill-hover-selected-bg);
  --component-checkbox-radio-color-brand-fill-hover-unselected-icon: var(--theme-primary-interactive-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-unselected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-uneditable-bg: var(--general-color-background-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-icon: var(--general-color-background-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-text: var(--general-color-text-dark);
  --component-content-grid-color-bg: var(--componentTheme-content-grid-bg);
  --component-content-grid-color-body: var(--componentTheme-content-grid-text-primary);
  --component-content-grid-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-content-grid-color-title: var(--componentTheme-content-grid-text-primary);
  --component-content-grid-margin-x: var(--spacing-general-margin-x);
  --component-content-grid-margin-x-2: var(--spacing-general-margin-x);
  --component-content-grid-margin-y: var(--spacing-general-margin-y);
  --component-content-grid-margin-y-2: var(--spacing-general-margin-y);
  --component-content-grid-pdp-color-bg: var(--general-color-background-white);
  --component-content-grid-pdp-color-body: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-pdp-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-pdp-color-subtitle: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-title: var(--general-color-text-darkest);
  --component-cta-color-brand-fill-disabled-opacity: 0.5;
  --component-cta-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-cta-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-cta-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-cta-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-cta-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-cta-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-cta-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-ghost-disabled-opacity: 0.5;
  --component-cta-color-brand-ghost-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-enabled-text: var(--interactiveTheme-button-ghost-link);
  --component-cta-color-brand-ghost-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-cta-color-brand-ghost-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-ghost-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-cta-color-brand-ghost-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-cta-color-brand-ghost-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-cta-color-brand-ghost-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-cta-color-brand-ghost-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-outline-disabled-opacity: 0.5;
  --component-cta-color-brand-outline-enabled-bg: #ffffff00;
  --component-cta-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action-alternate);
  --component-cta-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action-alternate);
  --component-cta-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-cta-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-cta-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-cta-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-cta-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-cta-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-cta-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-inverse-fill-disabled-opacity: 0.5;
  --component-cta-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-enabled-text: var(--theme-primary-interactive-button-brand-action);
  --component-cta-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-cta-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-cta-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-brand-action-hover);
  --component-cta-color-inverse-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-cta-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-cta-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-cta-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-ghost-disabled-opacity: 0.5;
  --component-cta-color-inverse-ghost-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-cta-color-inverse-ghost-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-ghost-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-cta-color-inverse-ghost-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-outline-disabled-opacity: 0.5;
  --component-cta-color-inverse-outline-enabled-bg: #ffffff00;
  --component-cta-color-inverse-outline-enabled-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-cta-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-cta-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-cta-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-inverse-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-color-inverse-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-cta-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-cta-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-cta-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-focus-radius: var(--radius-radius-0);
  --component-cta-radius: var(--radius-radius-0);
  --component-cta-size-base-border: var(--spacing-spacing-2);
  --component-cta-size-base-border-2: var(--spacing-spacing-2);
  --component-cta-size-base-padding-left: var(--spacing-spacing-12);
  --component-cta-size-base-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-base-padding-y: var(--spacing-spacing-12);
  --component-cta-size-base-space-between: var(--spacing-spacing-4);
  --component-cta-size-small-border: var(--spacing-spacing-4);
  --component-cta-size-small-gap: var(--spacing-spacing-8);
  --component-cta-size-small-padding-left: var(--spacing-spacing-16);
  --component-cta-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-small-padding-y: var(--spacing-spacing-8);
  --component-dialog-box-shadow-blur: 24px;
  --component-dialog-color-body: var(--theme-primary-surface-match-bg-text-secondary);
  --component-dialog-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-dialog-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-dialog-color-smokescreen: #000000cc;
  --component-dialog-color-surface: var(--general-color-surface-white);
  --component-dialog-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-dialog-content-padding-x: var(--padding-medium);
  --component-dialog-content-padding-y: var(--padding-medium);
  --component-error-state-page-color-bg: var(--component-content-grid-color-bg);
  --component-error-state-page-color-body: var(--componentTheme-surface-text-secondary);
  --component-error-state-page-color-cta-1-color: var(--componentTheme-surface-cta-1-color);
  --component-error-state-page-color-icon: var(--componentTheme-surface-icon);
  --component-error-state-page-color-image-bg: var(--general-color-background-dark);
  --component-error-state-page-color-surface: var(--componentTheme-surface-surface);
  --component-error-state-page-color-title: var(--general-color-text-brand-1);
  --component-error-state-page-content-padding-x: var(--layout-full-margin-x);
  --component-error-state-page-content-padding-y: var(--layout-full-margin-y);
  --component-error-state-page-content-radius: var(--general-radius-container);
  --component-error-state-page-copy-padding-x: var(--padding-medium);
  --component-error-state-page-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-error-state-page-copy-radius: var(--general-radius-container);
  --component-error-state-page-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-error-state-page-gutter: var(--layout-full-gutter);
  --component-error-state-page-image-imageLeft-radius-bottomLeft: var(--general-radius-base);
  --component-error-state-page-image-imageLeft-radius-bottomRight: var(--general-radius-base);
  --component-error-state-page-image-imageLeft-radius-top-left: var(--general-radius-base);
  --component-error-state-page-image-imageLeft-radius-top-right: var(--general-radius-base);
  --component-error-state-page-image-imageRight-radius-bottom-left: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-imageRight-radius-bottom-right: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-imageRight-radius-top-left: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-imageRight-radius-top-right: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-max-height-desktop: 1024px;
  --component-error-state-page-image-max-height-mobile: 360px;
  --component-error-state-page-image-max-height-tablet: 1024px;
  --component-error-state-page-image-min-height-desktop: 370px;
  --component-error-state-page-image-min-height-mobile: 180px;
  --component-error-state-page-image-min-height-tablet: 392px;
  --component-error-state-page-image-padding-x: var(--padding-small);
  --component-error-state-page-image-padding-y: var(--component-newsletter-sign-up-image-padding-x);
  --component-error-state-page-image-radius: var(--general-radius-image);
  --component-error-state-page-margin-x: var(--spacing-general-margin-x);
  --component-error-state-page-margin-y: var(--spacing-general-margin-y);
  --component-facets-color-default-border: var(--component-facets-color-default-surface);
  --component-facets-color-default-icons: var(--general-color-fill-brand-1);
  --component-facets-color-default-surface: var(--theme-primary-surface-match-bg-surface);
  --component-facets-color-default-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-facets-color-focus-border: var(--general-color-border-brand-1);
  --component-facets-color-focus-icons: var(--general-color-background-brand-1);
  --component-facets-color-focus-surface: var(--general-color-surface-light);
  --component-facets-color-focus-title: var(--general-color-text-darkest);
  --component-facets-color-hover-border: var(--general-color-border-brand-1);
  --component-facets-color-hover-icons: var(--general-color-background-brand-1);
  --component-facets-color-hover-surface: var(--general-color-surface-light);
  --component-facets-color-hover-title: var(--general-color-text-darkest);
  --component-facets-counter-surface: #ffffff;
  --component-facets-counter-text: #ffffff;
  --component-facets-max-width: 302px;
  --component-facets-padding-x: var(--padding-xxsmall);
  --component-facets-padding-y: var(--padding-xxsmall);
  --component-facets-radius: var(--radius-radius-2);
  --component-favorites-border: var(--spacing-spacing-0);
  --component-favorites-color-border: var(--general-color-border-white);
  --component-favorites-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-focus-focus-border: var(--theme-brand-action);
  --component-favorites-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-favorites-color-button-hover-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-favorites-color-surface: var(--general-color-surface-white);
  --component-favorites-lists-menu-bg-default: var(--general-color-background-white);
  --component-favorites-lists-menu-bg-hover: var(--general-color-background-white);
  --component-favorites-lists-menu-focus-border: var(--general-color-text-darkest);
  --component-favorites-lists-menu-max-width: 350px;
  --component-favorites-lists-menu-min-height: 48px;
  --component-favorites-lists-menu-min-width: 200px;
  --component-favorites-lists-menu-text: var(--general-color-text-darkest);
  --component-favorites-radius: var(--radius-radius-12);
  --component-feature-full-color-bg: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-body: var(--componentTheme-content-grid-text-primary);
  --component-feature-full-color-cta-1-color: var(--componentTheme-content-grid-cta-1-color);
  --component-feature-full-color-cta-2-color: var(--componentTheme-content-grid-cta-2-color);
  --component-feature-full-color-eyebrow: var(--componentTheme-content-grid-text-primary);
  --component-feature-full-color-fill: var(--componentTheme-content-grid-fill);
  --component-feature-full-color-image-bg: var(--general-color-fill-light);
  --component-feature-full-color-surface: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-title: var(--componentTheme-content-grid-text-primary);
  --component-feature-full-copy-block-copy-block-indent: var(--padding-small);
  --component-feature-full-copy-block-padding-x: var(--padding-medium);
  --component-feature-full-copy-block-padding-y: var(--component-feature-full-copy-block-padding-x);
  --component-feature-full-copy-block-radius: var(--general-radius-container);
  --component-feature-full-copy-container-padding-x: var(--layout-base-margin-x);
  --component-feature-full-copy-container-padding-y: var(--layout-base-margin-y);
  --component-feature-full-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-feature-full-decor-decor-accent: var(--componentTheme-content-grid-bg-decor-accent);
  --component-feature-full-decor-decor-match-primary-bg: var(--theme-primary-bg-bg);
  --component-feature-full-decor-icon-height: var(--icon-large-height);
  --component-feature-full-image-padding-left: var(--padding-none);
  --component-feature-full-image-padding-right: var(--padding-none);
  --component-feature-full-image-padding-x: var(--padding-none);
  --component-feature-full-image-padding-y: var(--padding-none);
  --component-feature-full-image-radius: var(--general-radius-image);
  --component-feature-split-color-bg: var(--componentTheme-feature-bg);
  --component-feature-split-color-body: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-color-button-size: base;
  --component-feature-split-color-cta-1-color: var(--componentTheme-feature-match-bg-cta-1-color);
  --component-feature-split-color-cta-2-color: var(--componentTheme-feature-match-bg-cta-2-color);
  --component-feature-split-color-eyebrow: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-color-fill: var(--componentTheme-feature-match-bg-fill);
  --component-feature-split-color-image-bg: var(--general-color-background-brand-1);
  --component-feature-split-color-subtitle: var(--componentTheme-feature-match-bg-text-secondary);
  --component-feature-split-color-surface: var(--componentTheme-feature-match-bg-surface);
  --component-feature-split-color-title: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-constrained-copy-desktop-max-width: 360px;
  --component-feature-split-constrained-copy-mobile-max-width: 767px;
  --component-feature-split-constrained-copy-padding-x: var(--padding-xlarge);
  --component-feature-split-constrained-copy-padding-y: var(--component-feature-split-constrained-copy-padding-x);
  --component-feature-split-constrained-copy-tablet-max-width: 816px;
  --component-feature-split-constrained-image-desktop-min-width: 560px;
  --component-feature-split-constrained-image-mobile-min-width: 560px;
  --component-feature-split-constrained-image-tablet-min-width: 560px;
  --component-feature-split-constrained-margin-left: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-constrained-margin-right: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-content-padding-x: var(--layout-full-margin-x);
  --component-feature-split-content-padding-y: var(--layout-full-margin-y);
  --component-feature-split-content-radius: var(--general-radius-container);
  --component-feature-split-copy-padding-x: var(--padding-small);
  --component-feature-split-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-feature-split-copy-radius: var(--general-radius-container);
  --component-feature-split-decor-bg-accent: var(--general-color-text-brand-3);
  --component-feature-split-decor-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-feature-split-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-feature-split-decor-icon-height: var(--icon-large-height);
  --component-feature-split-gutter: var(--margin-none);
  --component-feature-split-image-border: var(--color-grayscale-100);
  --component-feature-split-image-border-width: var(--spacing-spacing-0);
  --component-feature-split-image-image-ratio: "3:2";
  --component-feature-split-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-padding-x: var(--padding-none);
  --component-feature-split-image-padding-y: var(--component-feature-split-image-padding-x);
  --component-feature-split-image-radius: var(--general-radius-image);
  --component-feature-split-margin-x: var(--width-component-feature-margin-x);
  --component-feature-split-margin-y: var(--width-component-feature-margin-y);
  --component-filters-color-default-border: var(--general-color-border-darkest);
  --component-filters-color-default-label: var(--general-color-text-darkest);
  --component-filters-color-default-surface: var(--general-color-surface-white);
  --component-filters-color-focus-border: var(--general-color-border-brand-1);
  --component-filters-color-focus-label: var(--general-color-text-darkest);
  --component-filters-color-focus-surface: var(--general-color-surface-light);
  --component-filters-color-hover-border: var(--theme-brand-action);
  --component-filters-color-hover-label: var(--general-color-text-darkest);
  --component-filters-color-hover-surface: var(--general-color-surface-light);
  --component-filters-color-selected-border: var(--theme-brand-action);
  --component-filters-color-selected-icons: var(--general-color-background-white);
  --component-filters-color-selected-label: var(--general-color-text-darkest);
  --component-filters-color-selected-surface: var(--theme-brand-action);
  --component-filters-counter-surface: var(--general-color-background-darkest);
  --component-filters-counter-text: var(--general-color-text-white);
  --component-filters-padding-x: var(--padding-xxsmall);
  --component-filters-padding-y: var(--padding-xxsmall);
  --component-filters-radius: var(--radius-radius-2);
  --component-form-field-color-button-color-1: brand;
  --component-form-field-color-button-color-2: brand;
  --component-form-field-color-default-bg: var(--component-search-field-default-bg);
  --component-form-field-color-default-border: var(--color-grayscale-200);
  --component-form-field-color-descriptive-text: var(--general-color-text-darkest);
  --component-form-field-color-filled-border: var(--color-grayscale-800);
  --component-form-field-color-icon: var(--general-color-fill-darkest);
  --component-form-field-color-label: var(--general-color-text-darkest);
  --component-form-field-color-placeholder-text: var(--general-color-text-mid);
  --component-form-field-color-required-asterisk: var(--component-form-field-color-label);
  --component-form-field-color-surface: var(--general-color-surface-white);
  --component-hero-color-alternate-bg: var(--componentTheme-hero-bg);
  --component-hero-color-alternate-body: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-alternate-cta-1-color: var(--componentTheme-hero-match-bg-cta-1-color);
  --component-hero-color-alternate-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-alternate-eyebrow: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-alternate-fill: var(--componentTheme-hero-fill);
  --component-hero-color-alternate-surface: var(--componentTheme-hero-match-bg-surface);
  --component-hero-color-alternate-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-alternate-title: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-bg: var(--componentTheme-hero-bg);
  --component-hero-color-general-body: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-cta-1-color: var(--componentTheme-hero-match-bg-cta-1-color);
  --component-hero-color-general-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-general-decor: var(--theme-primary-bg-bg);
  --component-hero-color-general-decor-mobile: var(--component-hero-color-general-surface);
  --component-hero-color-general-eyebrow: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-fill: var(--componentTheme-hero-fill);
  --component-hero-color-general-surface: var(--componentTheme-hero-match-bg-surface);
  --component-hero-color-general-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-general-title: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-simple-bg: var(--general-color-background-white);
  --component-hero-color-simple-body: var(--theme-primary-bg-text-primary);
  --component-hero-color-simple-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-color-simple-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-color-simple-decor-accent: var(--general-color-background-white);
  --component-hero-color-simple-eyebrow: var(--theme-primary-bg-text-primary);
  --component-hero-color-simple-text-link: var(--theme-primary-bg-text-link);
  --component-hero-color-simple-title: var(--theme-primary-bg-text-primary);
  --component-hero-container-desktop-min-height: 500px;
  --component-hero-container-desktop-radius: var(--general-radius-container);
  --component-hero-container-gap: var(--layout-base-gutter);
  --component-hero-container-mobile-min-height: 560px;
  --component-hero-container-mobile-radius: var(--general-radius-none);
  --component-hero-container-padding-x: var(--spacing-general-margin-x);
  --component-hero-container-padding-y: var(--spacing-general-margin-y);
  --component-hero-container-radius: var(--general-radius-container);
  --component-hero-container-tablet-min-height: 432px;
  --component-hero-container-tablet-radius: var(--general-radius-none);
  --component-hero-copy-padding-x: var(--padding-large);
  --component-hero-copy-padding-y: var(--padding-large);
  --component-hero-copy-radius: var(--general-radius-container);
  --component-hero-copy-radius-bottom-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-bottom-right: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-right: var(--component-hero-copy-radius);
  --component-hero-copyBlock-padding-x: var(--padding-small);
  --component-hero-copyBlock-padding-y: var(--padding-medium);
  --component-hero-copyBlock-radius: var(--general-radius-container);
  --component-hero-copyBlock-radius-bottom-left: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-bottom-right: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-top-left: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-top-right: var(--component-hero-container-radius);
  --component-hero-decor-brand: var(--theme-brand-name);
  --component-hero-desktop-max-width: var(--screen-dimensions-max-width);
  --component-hero-image-a11y-image-background-blur: 10px;
  --component-hero-image-a11y-image-overlay-opacity: 0.9;
  --component-hero-image-desktop-radius: var(--radius-radius-0);
  --component-hero-image-mobile-radius: var(--general-radius-none);
  --component-hero-image-padding-top: var(--component-hero-image-padding-y);
  --component-hero-image-padding-x: var(--padding-none);
  --component-hero-image-padding-y: var(--padding-none);
  --component-hero-image-splitHero-radius: var(--radius-radius-0);
  --component-hero-mobile-max-width: 1000px;
  --component-hero-tablet-max-width: 1000px;
  --component-hero-typography-title: var(--typography-font-size-header-display);
  --component-hero-article-color-bg: var(--theme-primary-bg-bg);
  --component-hero-article-color-bg-accent: var(--general-color-text-brand-3);
  --component-hero-article-color-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-hero-article-color-body: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-color-category: var(--theme-primary-surface-match-bg-text-secondary);
  --component-hero-article-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-hero-article-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-hero-article-color-date: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-color-details: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-color-icon: var(--theme-primary-surface-match-bg-fill);
  --component-hero-article-color-image-bg: var(--general-color-background-dark);
  --component-hero-article-color-surface: var(--theme-primary-surface-match-bg-surface);
  --component-hero-article-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-content-padding-x: var(--layout-full-margin-x);
  --component-hero-article-content-padding-y: var(--layout-full-margin-y);
  --component-hero-article-content-radius: var(--general-radius-none);
  --component-hero-article-copy-category-margin-bottom: var(--spacing-general-eyebrow-margin-bottom);
  --component-hero-article-copy-padding-x: var(--spacing-general-margin-x);
  --component-hero-article-copy-padding-y: var(--padding-small);
  --component-hero-article-copy-radius: var(--general-radius-container);
  --component-hero-article-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-article-gutter: var(--spacing-general-gutter);
  --component-hero-article-image-image-ratio: "16:9";
  --component-hero-article-image-imageLeft-radius-bottom-left: var(--general-radius-none);
  --component-hero-article-image-imageLeft-radius-bottom-right: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-article-image-imageLeft-radius-top-left: var(--general-radius-none);
  --component-hero-article-image-imageLeft-radius-top-right: var(--general-radius-none);
  --component-hero-article-image-imageRight-radius-bottom-left: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-article-image-imageRight-radius-bottom-right: var(--general-radius-none);
  --component-hero-article-image-imageRight-radius-top-left: var(--general-radius-none);
  --component-hero-article-image-imageRight-radius-top-right: var(--general-radius-none);
  --component-hero-article-image-max-height-desktop: 1024px;
  --component-hero-article-image-max-height-mobile: 360px;
  --component-hero-article-image-max-height-tablet: 1024px;
  --component-hero-article-image-min-height-desktop: 370px;
  --component-hero-article-image-min-height-mobile: 180px;
  --component-hero-article-image-min-height-tablet: 392px;
  --component-hero-article-image-padding-x: var(--padding-none);
  --component-hero-article-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-hero-article-image-radius: var(--general-radius-image);
  --component-hero-article-margin-x: var(--padding-none);
  --component-hero-article-padding-y: var(--component-hero-article-margin-x);
  --component-hero-product-brand-decor: var(--component-site-header-main-bar-brand-logo);
  --component-hero-product-color-badge-color: brand;
  --component-hero-product-color-bg: var(--theme-primary-bg-bg);
  --component-hero-product-color-body: var(--theme-primary-bg-text-primary);
  --component-hero-product-color-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-product-color-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-product-color-decor: var(--general-color-background-brand-1);
  --component-hero-product-color-eyebrow: var(--theme-primary-bg-text-primary);
  --component-hero-product-color-icon: var(--theme-primary-bg-icon);
  --component-hero-product-color-image-bg: var(--general-color-background-dark);
  --component-hero-product-color-image-border: var(--general-color-border-light);
  --component-hero-product-color-image-surface: var(--general-color-surface-white);
  --component-hero-product-color-link: var(--theme-primary-bg-text-link-underline);
  --component-hero-product-color-ratings: var(--theme-aux-1-interactive-ratings-active);
  --component-hero-product-color-ratings-inactive: var(--theme-primary-interactive-ratings-inactive);
  --component-hero-product-color-subtitle: var(--theme-secondary-bg-text-primary);
  --component-hero-product-color-thumbnail-selected-border: var(--theme-brand-action);
  --component-hero-product-color-title: var(--theme-primary-bg-text-primary);
  --component-hero-product-content-padding-x: var(--layout-full-margin-x);
  --component-hero-product-content-padding-y: var(--layout-full-margin-y);
  --component-hero-product-content-radius: var(--general-radius-none);
  --component-hero-product-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-product-copy-padding-y: var(--component-hero-recipe-copy-padding-x);
  --component-hero-product-copy-radius: var(--general-radius-container);
  --component-hero-product-gutter: var(--layout-full-gutter);
  --component-hero-product-image-imageLeft-radius-bottom-left: var(--general-radius-none);
  --component-hero-product-image-imageLeft-radius-bottom-right: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-product-image-imageLeft-radius-top-left: var(--general-radius-none);
  --component-hero-product-image-imageLeft-radius-top-right: var(--general-radius-none);
  --component-hero-product-image-imageRight-radius-bottom-left: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-product-image-imageRight-radius-bottom-right: var(--general-radius-none);
  --component-hero-product-image-imageRight-radius-top-left: var(--general-radius-none);
  --component-hero-product-image-imageRight-radius-top-right: var(--general-radius-none);
  --component-hero-product-image-max-height-desktop: 640px;
  --component-hero-product-image-max-height-mobile: 320px;
  --component-hero-product-image-max-height-tablet: 1024px;
  --component-hero-product-image-padding-x: var(--padding-none);
  --component-hero-product-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-product-image-radius: var(--general-radius-image);
  --component-hero-product-margin-x: var(--padding-none);
  --component-hero-product-margin-y: var(--margin-none);
  --component-hero-recipe-color-badge-color: brand;
  --component-hero-recipe-color-bg: var(--theme-primary-bg-bg);
  --component-hero-recipe-color-body: var(--theme-secondary-bg-text-secondary);
  --component-hero-recipe-color-cta-1-color: var(--theme-secondary-bg-cta-1-color);
  --component-hero-recipe-color-cta-2-color: var(--theme-secondary-bg-cta-2-color);
  --component-hero-recipe-color-eyebrow: var(--theme-secondary-bg-text-secondary);
  --component-hero-recipe-color-icon: var(--theme-secondary-bg-icon);
  --component-hero-recipe-color-image-bg: var(--general-color-background-dark);
  --component-hero-recipe-color-link: var(--theme-secondary-interactive-button-ghost-link);
  --component-hero-recipe-color-ratings: var(--theme-secondary-interactive-ratings-active);
  --component-hero-recipe-color-ratings-inactive: var(--theme-secondary-interactive-ratings-inverse-inactive);
  --component-hero-recipe-color-subtitle: var(--theme-secondary-bg-text-secondary);
  --component-hero-recipe-color-title: var(--theme-secondary-bg-text-primary);
  --component-hero-recipe-content-padding-x: var(--layout-full-margin-x);
  --component-hero-recipe-content-padding-y: var(--layout-full-margin-y);
  --component-hero-recipe-content-radius: var(--general-radius-none);
  --component-hero-recipe-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-recipe-copy-padding-y: var(--component-hero-recipe-copy-padding-x);
  --component-hero-recipe-copy-radius: var(--general-radius-container);
  --component-hero-recipe-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-recipe-gutter: var(--spacing-general-gutter);
  --component-hero-recipe-image-imageLeft-radius-bottom-left: var(--general-radius-none);
  --component-hero-recipe-image-imageLeft-radius-bottom-right: var(--general-radius-none);
  --component-hero-recipe-image-imageLeft-radius-top-left: var(--general-radius-none);
  --component-hero-recipe-image-imageLeft-radius-top-right: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-bottom-left: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-bottom-right: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-top-left: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-top-right: var(--general-radius-none);
  --component-hero-recipe-image-max-height-desktop: 640px;
  --component-hero-recipe-image-max-height-mobile: 320px;
  --component-hero-recipe-image-max-height-tablet: 1024px;
  --component-hero-recipe-image-padding-x: var(--padding-none);
  --component-hero-recipe-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-recipe-image-radius: var(--general-radius-image);
  --component-hero-recipe-margin-x: var(--padding-none);
  --component-hero-recipe-padding-y: var(--component-hero-recipe-margin-x);
  --component-icon-content-large-desktop-height: 120px;
  --component-icon-content-large-desktop-width: 120px;
  --component-icon-content-large-mobile-height: 120px;
  --component-icon-content-large-mobile-width: 120px;
  --component-icon-content-large-tablet-height: 120px;
  --component-icon-content-large-tablet-width: 120px;
  --component-icon-content-small-desktop-height: 80px;
  --component-icon-content-small-desktop-width: 80px;
  --component-icon-content-small-mobile-height: 40px;
  --component-icon-content-small-mobile-width: 40px;
  --component-icon-content-small-tablet-height: 64px;
  --component-icon-content-small-tablet-width: 64px;
  --component-image-color-button-color-below-image: brand;
  --component-image-color-button-color-on-image: inverse;
  --component-image-standalone-image-max-width-desktop: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-mobile: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-tablet: var(--typography-copy-max-width);
  --component-listing-grid-color-bg: var(--theme-primary-bg-bg);
  --component-listing-grid-color-body: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-button-color-1: var(--theme-primary-bg-cta-1-color);
  --component-listing-grid-color-button-color-2: var(--theme-primary-bg-cta-2-color);
  --component-listing-grid-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-title: var(--theme-primary-bg-text-primary);
  --component-listing-grid-margin-x: var(--spacing-general-margin-x);
  --component-listing-grid-margin-y: var(--spacing-general-margin-y);
  --component-location-selector-color-default-body: var(--component-accordion-color-default-body);
  --component-location-selector-color-default-border: var(--component-accordion-color-default-border);
  --component-location-selector-color-default-icons: var(--component-accordion-color-default-icons);
  --component-location-selector-color-default-surface: var(--component-accordion-color-default-surface);
  --component-location-selector-color-default-title: var(--component-accordion-color-default-title);
  --component-location-selector-color-hover-body: var(--component-accordion-color-hover-body);
  --component-location-selector-color-hover-border: var(--component-accordion-color-hover-border);
  --component-location-selector-color-hover-icons: var(--component-accordion-color-hover-icons);
  --component-location-selector-color-hover-surface: var(--component-accordion-color-hover-surface);
  --component-location-selector-color-hover-title: var(--component-accordion-color-hover-title);
  --component-location-selector-item-border-bottom: 0px;
  --component-location-selector-item-border-left: 0px;
  --component-location-selector-item-border-right: 0px;
  --component-location-selector-item-border-top: 1px;
  --component-location-selector-padding-x: var(--component-accordion-padding-x);
  --component-location-selector-padding-y: var(--component-accordion-padding-y);
  --component-modal-color-body: var(--theme-primary-surface-match-bg-text-secondary);
  --component-modal-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-modal-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-modal-color-smokescreen: var(--component-dialog-color-smokescreen);
  --component-modal-color-surface: var(--general-color-surface-white);
  --component-modal-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-modal-content-padding-x: var(--padding-small);
  --component-modal-content-padding-y: var(--padding-small);
  --component-my-account-color-bg: var(--general-color-background-light);
  --component-my-account-color-bg-cta-color: var(--theme-primary-bg-cta-1-color);
  --component-my-account-color-body: var(--theme-primary-bg-text-secondary);
  --component-my-account-color-border: var(--component-my-account-color-surface);
  --component-my-account-color-header: var(--theme-primary-bg-text-primary);
  --component-my-account-color-line-break: var(--general-color-border-light);
  --component-my-account-color-sidebar-surface: var(--general-color-surface-brand-2);
  --component-my-account-color-sidebar-text: var(--general-color-text-white);
  --component-my-account-color-surface: var(--theme-primary-surface-match-bg-surface);
  --component-my-account-color-surface-cta-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-my-account-color-surface-highlight: var(--color-grayscale-100);
  --component-my-account-color-title: var(--theme-primary-bg-text-primary);
  --component-my-account-content-padding-x: var(--padding-medium);
  --component-my-account-content-padding-y: var(--padding-medium);
  --component-my-account-padding-x: var(--layout-compact-margin-x);
  --component-my-account-padding-y: var(--layout-compact-margin-y);
  --component-nav-dropdown-menu-border: var(--spacing-spacing-0);
  --component-nav-dropdown-menu-color-border: var(--general-color-border-white);
  --component-nav-dropdown-menu-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-focus-focus-border: var(--theme-brand-action);
  --component-nav-dropdown-menu-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-nav-dropdown-menu-color-button-hover-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-surface: var(--general-color-surface-white);
  --component-nav-dropdown-menu-lists-menu-bg-default: var(--general-color-background-white);
  --component-nav-dropdown-menu-lists-menu-bg-hover: var(--color-grayscale-100);
  --component-nav-dropdown-menu-lists-menu-focus-border: var(--general-color-text-darkest);
  --component-nav-dropdown-menu-lists-menu-max-width: 350px;
  --component-nav-dropdown-menu-lists-menu-min-height: 48px;
  --component-nav-dropdown-menu-lists-menu-min-width: 200px;
  --component-nav-dropdown-menu-lists-menu-text: var(--general-color-text-darkest);
  --component-nav-dropdown-menu-radius: var(--radius-radius-12);
  --component-newsletter-sign-up-color-bg: var(--component-content-grid-color-bg);
  --component-newsletter-sign-up-color-body: var(--componentTheme-surface-text-secondary);
  --component-newsletter-sign-up-color-cta-1-color: var(--componentTheme-surface-cta-1-color);
  --component-newsletter-sign-up-color-icon: var(--componentTheme-surface-icon);
  --component-newsletter-sign-up-color-image-bg: var(--general-color-background-dark);
  --component-newsletter-sign-up-color-surface: var(--componentTheme-surface-surface);
  --component-newsletter-sign-up-color-title: var(--componentTheme-surface-text-primary);
  --component-newsletter-sign-up-content-padding-x: var(--layout-full-margin-x);
  --component-newsletter-sign-up-content-padding-y: var(--layout-full-margin-y);
  --component-newsletter-sign-up-content-radius: var(--general-radius-container);
  --component-newsletter-sign-up-copy-padding-x: var(--padding-medium);
  --component-newsletter-sign-up-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-newsletter-sign-up-copy-radius: var(--general-radius-container);
  --component-newsletter-sign-up-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-newsletter-sign-up-gutter: var(--layout-full-gutter);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-left: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-right: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageLeft-radius-top-left: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageLeft-radius-top-right: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-left: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-right: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-left: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-right: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-max-height-desktop: 1024px;
  --component-newsletter-sign-up-image-max-height-mobile: 360px;
  --component-newsletter-sign-up-image-max-height-tablet: 1024px;
  --component-newsletter-sign-up-image-min-height-desktop: 370px;
  --component-newsletter-sign-up-image-min-height-mobile: 180px;
  --component-newsletter-sign-up-image-min-height-tablet: 392px;
  --component-newsletter-sign-up-image-padding-x: var(--padding-small);
  --component-newsletter-sign-up-image-padding-y: var(--component-newsletter-sign-up-image-padding-x);
  --component-newsletter-sign-up-image-radius: var(--general-radius-image);
  --component-newsletter-sign-up-margin-x: var(--spacing-general-margin-x);
  --component-newsletter-sign-up-margin-y: var(--spacing-general-margin-y);
  --component-pagination-color-disabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-disabled-icon: var(--interactiveTheme-ratings-inactive);
  --component-pagination-color-disabled-text: var(--interactiveTheme-ratings-inactive);
  --component-pagination-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-focus-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-pagination-color-focus-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-hover-bg: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-pagination-color-hover-text: var(--interactiveTheme-button-brand-action-alternate);
  --component-pagination-color-link-underline: var(--general-color-fill-brand-1);
  --component-pagination-color-pressed-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-pressed-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-selected-bg: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-selected-border: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-selected-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-pagination-radius: var(--radius-radius-rounded);
  --component-pagination-size-base-border: var(--spacing-spacing-2);
  --component-pagination-size-base-padding-left: var(--spacing-spacing-16);
  --component-pagination-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-pagination-size-base-padding-y: var(--spacing-spacing-8);
  --component-pagination-size-base-space-between: var(--spacing-spacing-8);
  --component-pagination-size-small-border: var(--spacing-spacing-4);
  --component-pagination-size-small-gap: var(--spacing-spacing-8);
  --component-pagination-size-small-padding-left: var(--spacing-spacing-12);
  --component-pagination-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-pagination-size-small-padding-y: var(--spacing-spacing-8);
  --component-pdp-product-content-color-bg: var(--theme-secondary-bg-bg);
  --component-pdp-product-content-color-body: var(--theme-secondary-bg-text-secondary);
  --component-pdp-product-content-color-icon: var(--general-color-fill-brand-1);
  --component-pdp-product-content-color-image-bg: var(--general-color-background-dark);
  --component-pdp-product-content-color-surface: var(--general-color-surface-white);
  --component-pdp-product-content-color-surface-border: var(--general-color-border-light);
  --component-pdp-product-content-color-title: var(--theme-secondary-bg-text-primary);
  --component-pdp-product-content-gutter: var(--spacing-general-gutter);
  --component-pdp-product-content-margin-x: var(--spacing-general-margin-x);
  --component-pdp-product-content-margin-y: var(--layout-compact-margin-y);
  --component-print-image-print-logo-invert: 0;
  --component-recipe-description-copy-max-width-desktop: 804px;
  --component-recipe-description-copy-max-width-mobile: var(--typography-copy-max-width);
  --component-recipe-description-copy-max-width-tablet: var(--typography-copy-max-width);
  --component-recipe-header-brand: var(--theme-brand-name);
  --component-recipe-header-color-bg: var(--theme-aux-2-bg-bg);
  --component-recipe-header-color-body: var(--theme-aux-1-surface-match-bg-text-secondary);
  --component-recipe-header-color-cta-1-color: var(--theme-aux-1-surface-match-bg-cta-1-color);
  --component-recipe-header-color-eyebrow: var(--theme-aux-1-surface-match-bg-text-secondary);
  --component-recipe-header-color-icon: var(--theme-aux-1-surface-match-bg-icon);
  --component-recipe-header-color-image-bg: var(--general-color-background-dark);
  --component-recipe-header-color-link: var(--theme-aux-1-interactive-button-ghost-inverse-link);
  --component-recipe-header-color-ratings: var(--theme-aux-1-interactive-ratings-inverse-active);
  --component-recipe-header-color-ratings-inactive: var(--theme-aux-1-interactive-ratings-inverse-inactive);
  --component-recipe-header-color-subtitle: var(--theme-aux-1-surface-match-bg-text-secondary);
  --component-recipe-header-color-surface: var(--theme-aux-2-bg-bg);
  --component-recipe-header-color-title: var(--theme-aux-1-surface-match-bg-text-primary);
  --component-recipe-header-content-padding-x: var(--padding-none);
  --component-recipe-header-content-padding-y: var(--padding-none);
  --component-recipe-header-content-radius: var(--general-radius-container);
  --component-recipe-header-copy-padding-x: var(--padding-none);
  --component-recipe-header-copy-padding-y: var(--padding-none);
  --component-recipe-header-padding-x: var(--spacing-general-margin-x);
  --component-recipe-header-padding-y: var(--layout-compact-margin-y);
  --component-recipe-instructions-card-max-width-mobile: 240px;
  --component-recipe-instructions-color-border: var(--component-recipe-instructions-color-surface);
  --component-recipe-instructions-color-surface: var(--general-color-background-light);
  --component-recipe-instructions-gutter: var(--space-between-xlarge);
  --component-recipe-instructions-padding-x: var(--padding-none);
  --component-recipe-instructions-padding-y: var(--component-hero-recipe-margin-x);
  --component-recipe-made-with-color-button-color: brand;
  --component-recipe-made-with-color-ratings: var(--theme-primary-interactive-ratings-inverse-active);
  --component-recipe-made-with-color-ratings-inactive: var(--theme-primary-interactive-ratings-inverse-inactive);
  --component-recipe-nutrition-card-max-width-mobile: 240px;
  --component-recipe-nutrition-color-bg: var(--general-color-background-brand-4);
  --component-recipe-nutrition-color-body: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-eyebrow: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-fill: var(--componentTheme-feature-match-bg-fill);
  --component-recipe-nutrition-color-subtitle: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-title: var(--componentTheme-feature-match-bg-text-primary);
  --component-recipe-nutrition-content-padding-x: var(--spacing-general-margin-x);
  --component-recipe-nutrition-content-padding-y: var(--layout-base-margin-y);
  --component-recipe-nutrition-content-radius: var(--general-radius-container);
  --component-recipe-nutrition-gutter: var(--space-between-xlarge);
  --component-recipe-nutrition-padding-x: var(--padding-none);
  --component-recipe-nutrition-padding-y: var(--component-hero-recipe-margin-x);
  --component-related-content-color-bg: var(--component-content-grid-color-bg);
  --component-related-content-color-body: var(--component-content-grid-color-body);
  --component-related-content-color-button-color-1: var(--component-content-grid-color-button-color-1);
  --component-related-content-color-button-color-2: var(--component-content-grid-color-button-color-2);
  --component-related-content-color-subtitle: var(--component-content-grid-color-subtitle);
  --component-related-content-color-title: var(--component-content-grid-color-title);
  --component-search-field-active-bg: var(--general-color-background-white);
  --component-search-field-active-border: var(--general-color-border-brand-2);
  --component-search-field-active-icon: var(--general-color-fill-brand-2);
  --component-search-field-active-search-text: var(--general-color-text-darkest);
  --component-search-field-default-bg: var(--general-color-background-white);
  --component-search-field-default-border: var(--general-color-border-white);
  --component-search-field-default-icon: var(--general-color-fill-brand-1);
  --component-search-field-default-search-text: var(--general-color-text-darkest);
  --component-search-field-dropdown-active-radius: 6px;
  --component-search-field-dropdown-bg-default: var(--component-search-field-default-bg);
  --component-search-field-dropdown-bg-hover: var(--theme-secondary-bg-bg);
  --component-search-field-dropdown-border: var(--theme-primary-surface-border-focus);
  --component-search-field-dropdown-border-focus: 2px;
  --component-search-field-dropdown-focus-border: var(--theme-primary-surface-border-focus);
  --component-search-field-dropdown-focus-radius: 12px;
  --component-search-field-hover-bg: var(--general-color-background-white);
  --component-search-field-hover-border: var(--general-color-border-brand-2);
  --component-search-field-hover-icon: var(--general-color-fill-brand-2);
  --component-search-field-hover-search-text: var(--general-color-text-darkest);
  --component-site-footer-bottom-bar-bg: var(--color-primary-color-1-700);
  --component-site-footer-bottom-bar-cta-2-color: inverse;
  --component-site-footer-bottom-bar-icons: var(--general-color-fill-white);
  --component-site-footer-bottom-bar-link: var(--general-color-text-white);
  --component-site-footer-bottom-bar-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-bottom-bar-padding-y: var(--padding-xsmall);
  --component-site-footer-footer-links-bg: var(--general-color-background-darkest);
  --component-site-footer-footer-links-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-footer-footer-links-column-label: var(--general-color-text-white);
  --component-site-footer-footer-links-cta-1-color: Inverse;
  --component-site-footer-footer-links-footer-logo: var(--theme-brand-name);
  --component-site-footer-footer-links-gap-icon: var(--spacing-spacing-4);
  --component-site-footer-footer-links-icons: var(--general-color-fill-white);
  --component-site-footer-footer-links-link: var(--general-color-text-white);
  --component-site-footer-footer-links-link-underline: var(--general-color-border-white);
  --component-site-footer-footer-links-logo-height-large: 88px;
  --component-site-footer-footer-links-logo-height-small: 40px;
  --component-site-footer-footer-links-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-footer-links-padding-y: var(--padding-medium);
  --component-site-footer-footer-links-text: var(--general-color-text-white);
  --component-site-footer-gap-links: var(--space-between-medium);
  --component-site-footer-space-between: var(--space-between-xsmall);
  --component-site-header-color-main-bar-desktop-bg: var(--general-color-background-brand-2);
  --component-site-header-color-main-bar-desktop-bottom-border: var(--general-color-border-brand-1);
  --component-site-header-color-main-bar-desktop-icons: var(--general-color-fill-white);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-desktop-link-link-enabled);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-desktop-link-link-enabled: var(--general-color-text-white);
  --component-site-header-color-main-bar-desktop-link-link-hover: var(--general-color-text-darkest);
  --component-site-header-color-main-bar-desktop-link-link-underline: var(--general-color-border-brand-3);
  --component-site-header-color-main-bar-desktop-logo: var(--general-color-fill-white);
  --component-site-header-color-main-bar-mobile-bg: var(--general-color-background-white);
  --component-site-header-color-main-bar-mobile-bottom-border: var(--color-primary-color-2-100);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-mobile-link-link-enabled);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-mobile-link-link-enabled: var(--general-color-text-darkest);
  --component-site-header-color-main-bar-mobile-link-link-hover: var(--general-color-text-darkest);
  --component-site-header-color-main-bar-mobile-link-link-underline: var(--general-color-border-brand-2);
  --component-site-header-color-mega-menu-menu-bg: var(--general-color-background-white);
  --component-site-header-color-mega-menu-menu-bottom-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-header-color-mega-menu-menu-item-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-hover-text: var(--general-color-text-brand-1);
  --component-site-header-color-mega-menu-menu-item-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-left-border-items: var(--general-color-border-brand-1);
  --component-site-header-color-mega-menu-menu-paragraph-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-side-bar-bg: var(--general-color-background-light);
  --component-site-header-color-mega-menu-menu-side-bar-title: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-active-icon: var(--component-site-header-color-mega-menu-menu-title-active-text);
  --component-site-header-color-mega-menu-menu-title-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-enabled-icon: var(--component-site-header-color-mega-menu-menu-title-enabled-text);
  --component-site-header-color-mega-menu-menu-title-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-hover-bg: var(--general-color-background-light);
  --component-site-header-color-mega-menu-menu-title-hover-icon: var(--component-site-header-color-mega-menu-menu-title-hover-text);
  --component-site-header-color-mega-menu-menu-title-hover-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-pressed-icon: var(--component-site-header-color-mega-menu-menu-title-pressed-text);
  --component-site-header-color-mega-menu-menu-title-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-enabled-bg: var(--general-color-fill-white);
  --component-site-header-color-search-tag-enabled-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-header-color-search-tag-enabled-icons: var(--general-color-fill-brand-2);
  --component-site-header-color-search-tag-enabled-link: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-hover-bg: var(--general-color-fill-light);
  --component-site-header-color-search-tag-hover-border: var(--general-color-border-brand-1);
  --component-site-header-color-search-tag-hover-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-search-tag-hover-link: var(--general-color-text-brand-1);
  --component-site-header-color-secondary-bar-bg: var(--color-primary-color-1-accessible);
  --component-site-header-color-secondary-bar-on-bar-enabled-bg: #ffffff00;
  --component-site-header-color-secondary-bar-on-bar-enabled-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-bar-enabled-link);
  --component-site-header-color-secondary-bar-on-bar-hover-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-hover-link-icons: var(--component-site-header-color-secondary-bar-on-bar-hover-link);
  --component-site-header-color-secondary-bar-on-bar-pressed-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-bar-pressed-link);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link: var(--component-site-header-color-mega-menu-menu-item-enabled-text);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-enabled-link);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link: var(--component-site-header-color-mega-menu-menu-item-hover-text);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-hover-link);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link: var(--component-site-header-color-mega-menu-menu-item-pressed-text);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-pressed-link);
  --component-site-header-color-utility-bar-bg: var(--color-primary-color-1-700);
  --component-site-header-color-utility-bar-bottom-border: var(--component-site-header-color-utility-bar-bg);
  --component-site-header-color-utility-bar-button-color-1: inverse;
  --component-site-header-color-utility-bar-button-color-2: inverse;
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-enabled: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-enabled: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-underline: var(--general-color-text-white);
  --component-site-header-color-utility-bar-favorites-button-bg: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-bg-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-bg-pressed: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-border: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-border-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-focus: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-heart-fill: var(--general-color-background-brand-2);
  --component-site-header-color-utility-bar-favorites-button-heart-fill-hover: var(--general-color-background-brand-2);
  --component-site-header-color-utility-bar-favorites-button-text: var(--general-color-text-darkest);
  --component-site-header-color-utility-bar-favorites-button-text-hover: var(--general-color-text-darkest);
  --component-site-header-color-utility-bar-icon: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-logo: var(--general-color-fill-white);
  --component-site-header-main-bar-bottom-border: var(--spacing-spacing-0);
  --component-site-header-main-bar-gap-links: var(--space-between-medium);
  --component-site-header-main-bar-link-bottom-underline-border: 2px;
  --component-site-header-main-bar-logo-height-large: 88px;
  --component-site-header-main-bar-logo-height-small: 72px;
  --component-site-header-main-bar-logo-margin-right: var(--margin-xsmall);
  --component-site-header-main-bar-logo-width-large: 121px;
  --component-site-header-main-bar-logo-width-small: 99px;
  --component-site-header-main-bar-main-bar-inset: var(--padding-none);
  --component-site-header-main-bar-radius: var(--general-radius-none);
  --component-site-header-mega-menu-menu-item-min-width-: 120px;
  --component-site-header-mega-menu-menu-item-radius: var(--component-cta-radius);
  --component-site-header-padding-x: var(--padding-small);
  --component-site-header-padding-y: var(--padding-xsmall);
  --component-site-header-site-header-simple-search-bar-max-width-desktop: 400px;
  --component-site-header-utility-bar-margin-bottom: var(--spacing-spacing-0);
  --component-skip-to-content-theme-border-size: var(--spacing-spacing-2);
  --component-skip-to-content-theme-primary-bg: var(--general-color-background-brand-2);
  --component-skip-to-content-theme-primary-border: var(--general-color-border-white);
  --component-skip-to-content-theme-primary-link-underline: var(--component-skip-to-content-theme-primary-text);
  --component-skip-to-content-theme-primary-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-skip-to-content-theme-secondary-bg: var(--theme-secondary-bg-bg);
  --component-skip-to-content-theme-secondary-border: var(--component-skip-to-content-theme-primary-bg);
  --component-skip-to-content-theme-secondary-link-underline: var(--theme-secondary-bg-text-link-underline);
  --component-skip-to-content-theme-secondary-text: var(--theme-secondary-bg-text-link-underline);
  --component-social-bar-color-bg: var(--general-color-background-white);
  --component-social-bar-color-focus: var(--general-color-background-white);
  --component-social-bar-margin-x: var(--spacing-general-margin-x);
  --component-social-bar-margin-y: var(--spacing-general-margin-y);
  --component-static-icon-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-color-on-surface-image-border: var(--color-grayscale-black);
  --component-static-icon-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-static-icon-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-static-icon-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-static-icon-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-static-icon-base-column-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-focus: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-hover: var(--spacing-spacing-4);
  --component-static-icon-base-column-label-margin: var(--spacing-spacing-0);
  --component-static-icon-base-column-min-height: 280px;
  --component-static-icon-base-column-padding-x: var(--padding-none);
  --component-static-icon-base-column-padding-y: var(--padding-none);
  --component-static-icon-base-column-width-column-width-large: 550px;
  --component-static-icon-base-column-width-column-width-medium: 480px;
  --component-static-icon-base-column-width-column-width-small: 320px;
  --component-static-icon-base-copy-padding-x: var(--padding-xsmall);
  --component-static-icon-base-copy-padding-y: var(--padding-xsmall);
  --component-static-icon-base-icon-icon-height-large: 300px;
  --component-static-icon-base-icon-icon-height-medium: 200px;
  --component-static-icon-base-icon-icon-height-small: 120px;
  --component-static-icon-base-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-image-border: var(--color-grayscale-black);
  --component-static-icon-base-image-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-image-icon-image-ratio: "1:1";
  --component-static-icon-base-image-image-ratio: "3:2";
  --component-static-icon-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-static-icon-base-image-padding-x: var(--padding-none);
  --component-static-icon-base-image-radius: var(--general-radius-image);
  --component-table-color-table-row-bg-alt: var(--general-color-surface-light);
  --component-table-color-table-row-bg-header: var(--general-color-surface-light);
  --component-tabs-color-tab-border-active-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-focus-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-hover-border: var(--theme-brand-action-hover);
  --component-tabs-color-tab-border-inactive-border: var(--general-color-border-mid);
  --component-tabs-color-tab-border-pressed-border: var(--theme-brand-action-hover);
  --component-tag-interactive-border: var(--spacing-spacing-1);
  --component-tag-interactive-color-brand-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-cta-link-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-cta-link-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-tag-interactive-color-brand-cta-link-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-cta-link-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-tag-interactive-color-brand-cta-link-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-tag-interactive-color-brand-cta-link-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-tag-interactive-color-brand-cta-link-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-tag-interactive-color-brand-cta-link-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-interactive-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-tag-interactive-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-tag-interactive-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-tag-interactive-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-tag-interactive-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-tag-interactive-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-kitchen-tested-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-kitchen-tested-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-kitchen-tested-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-kitchen-tested-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-kitchen-tested-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-inverse-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-cta-link-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-tag-interactive-color-inverse-cta-link-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-cta-link-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-tag-interactive-color-inverse-cta-link-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-enabled-text: var(--theme-primary-interactive-button-brand-action);
  --component-tag-interactive-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-tag-interactive-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-tag-interactive-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-brand-action-hover);
  --component-tag-interactive-color-inverse-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-tag-interactive-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-tag-interactive-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-tag-interactive-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-inverse-outline-enabled-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-tag-interactive-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-tag-interactive-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-tag-interactive-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-inverse-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-color-inverse-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-tag-interactive-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-tag-interactive-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-tag-interactive-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-radius-bottom-left: var(--general-radius-tag);
  --component-tag-interactive-radius-bottom-right: var(--general-radius-tag);
  --component-tag-interactive-radius-top-left: var(--general-radius-tag);
  --component-tag-interactive-radius-top-right: var(--general-radius-tag);
  --component-tag-static-border-width: 1px;
  --component-tag-static-color-fill-A-bg: var(--general-color-fill-brand-1);
  --component-tag-static-color-fill-A-border: var(--component-tag-static-color-fill-A-bg);
  --component-tag-static-color-fill-A-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-A-text: var(--general-color-text-white);
  --component-tag-static-color-fill-B-bg: var(--general-color-fill-brand-2);
  --component-tag-static-color-fill-B-border: var(--component-tag-static-color-fill-B-bg);
  --component-tag-static-color-fill-B-icon: var(--general-color-fill-dark);
  --component-tag-static-color-fill-B-text: var(--general-color-text-dark);
  --component-tag-static-color-fill-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-static-color-fill-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-static-color-fill-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-color-outline-A-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-A-border: var(--general-color-border-brand-1);
  --component-tag-static-color-outline-A-icon: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-A-text: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-B-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-B-border: var(--general-color-border-brand-2);
  --component-tag-static-color-outline-B-icon: var(--general-color-fill-darkest);
  --component-tag-static-color-outline-B-text: var(--general-color-text-darkest);
  --component-tag-static-color-outline-bg: #2e6be500;
  --component-tag-static-color-outline-border: var(--theme-brand-action);
  --component-tag-static-color-outline-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-outline-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-color-text-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-text-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-inset: var(--spacing-spacing-24);
  --component-tag-static-radius-bottom-left: var(--general-radius-tag);
  --component-tag-static-radius-bottom-right: var(--general-radius-tag);
  --component-tag-static-radius-top-left: var(--general-radius-tag);
  --component-tag-static-radius-top-right: var(--general-radius-tag);
  --component-vertical-video-asset-default-height: 120px;
  --component-vertical-video-asset-default-width: 120px;
  --component-vertical-video-asset-hover-height: 112px;
  --component-vertical-video-asset-hover-width: 112px;
  --component-vertical-video-border-width: 0px;
  --component-vertical-video-color-bg: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-border-focus: var(--component-category-color-category-enabled);
  --component-vertical-video-color-category-enabled: var(--component-content-grid-color-body);
  --component-vertical-video-color-category-hover: var(--component-content-grid-color-body);
  --component-vertical-video-color-fill: var(--componentTheme-content-grid-fill);
  --component-vertical-video-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-surface: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-title: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-gutter: var(--spacing-general-gutter);
  --component-vertical-video-padding-x: var(--spacing-general-margin-x);
  --component-vertical-video-padding-y: var(--spacing-general-margin-y);
  --component-video-margin-x: var(--spacing-general-margin-x);
  --component-video-margin-y: var(--spacing-general-margin-y);
  --component-video-standalone-video-max-width-desktop: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-mobile: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-tablet: var(--typography-copy-max-width);
  --general-color-background-brand-1: var(--color-primary-color-1-700);
  --general-color-background-brand-2: var(--color-primary-color-1-500);
  --general-color-background-brand-3: var(--color-primary-color-2-500);
  --general-color-background-brand-4: var(--color-primary-color-1-900);
  --general-color-background-dark: var(--color-primary-color-1-900);
  --general-color-background-darkest: var(--color-primary-color-1-900);
  --general-color-background-light: var(--color-primary-color-2-100);
  --general-color-background-white: var(--color-grayscale-white);
  --general-color-border-brand-1: var(--color-primary-color-1-700);
  --general-color-border-brand-2: var(--color-primary-color-1-300);
  --general-color-border-brand-3: var(--color-primary-color-1-500);
  --general-color-border-dark: var(--color-grayscale-700);
  --general-color-border-darkest: var(--color-primary-color-1-900);
  --general-color-border-light: var(--color-grayscale-300);
  --general-color-border-mid: var(--color-grayscale-400);
  --general-color-border-white: var(--color-grayscale-white);
  --general-color-fill-brand-1: var(--color-primary-color-1-700);
  --general-color-fill-brand-2: var(--color-primary-color-2-500);
  --general-color-fill-brand-3: var(--color-primary-color-1-500);
  --general-color-fill-dark: var(--color-primary-color-1-700);
  --general-color-fill-darkest: var(--color-primary-color-1-900);
  --general-color-fill-light: var(--color-primary-color-2-100);
  --general-color-fill-mid: var(--color-grayscale-400);
  --general-color-fill-white: var(--color-grayscale-white);
  --general-color-surface-brand-1: var(--color-primary-color-1-700);
  --general-color-surface-brand-2: var(--color-primary-color-2-500);
  --general-color-surface-brand-3: var(--color-primary-color-1-500);
  --general-color-surface-dark: var(--color-primary-color-1-700);
  --general-color-surface-darkest: var(--color-primary-color-1-900);
  --general-color-surface-light: var(--color-primary-color-2-100);
  --general-color-surface-white: var(--color-grayscale-white);
  --general-color-text-brand-1: var(--color-primary-color-1-700);
  --general-color-text-brand-2: var(--color-primary-color-2-100);
  --general-color-text-brand-3: var(--color-primary-color-1-500);
  --general-color-text-dark: var(--color-primary-color-1-700);
  --general-color-text-darkest: var(--color-primary-color-1-900);
  --general-color-text-light: var(--color-grayscale-100);
  --general-color-text-mid: var(--color-grayscale-400);
  --general-color-text-white: var(--color-grayscale-white);
  --general-drop-shadow-blur: 30px;
  --general-drop-shadow-color: #000000;
  --general-drop-shadow-sub-menu-blur: 12px;
  --general-drop-shadow-sub-menu-color: #00000014;
  --general-drop-shadow-sub-menu-y-value: 2px;
  --general-radius-accordion: var(--radius-radius-0);
  --general-radius-base: var(--radius-radius-0);
  --general-radius-card: var(--general-radius-none);
  --general-radius-card-focus: var(--general-radius-none);
  --general-radius-container: var(--general-radius-base);
  --general-radius-container-l2: var(--radius-radius-8);
  --general-radius-dialog: var(--general-radius-none);
  --general-radius-focus: 0px;
  --general-radius-image: var(--general-radius-none);
  --general-radius-label: var(--radius-radius-rounded);
  --general-radius-modal: var(--general-radius-base);
  --general-radius-none: var(--radius-radius-0);
  --general-radius-tag: var(--radius-radius-0);
  --spacing-columns-desktop-full-max-width: var(--global-columns-base-desktop-full-max-width);
  --spacing-columns-desktop-full-min-width: var(--global-columns-base-desktop-full-min-width);
  --spacing-columns-desktop-half-max-width: var(--global-columns-base-desktop-half-max-width);
  --spacing-columns-desktop-half-min-width: var(--global-columns-base-desktop-half-min-width);
  --spacing-columns-desktop-one-fourth-max-width: var(--global-columns-base-desktop-oneFourth-max-width);
  --spacing-columns-desktop-one-fourth-min-width: var(--global-columns-base-desktop-oneFourth-min-width);
  --spacing-columns-desktop-one-third-max-width: var(--global-columns-base-desktop-oneThird-max-width);
  --spacing-columns-desktop-one-third-min-width: var(--global-columns-base-desktop-oneThird-min-width);
  --spacing-columns-desktop-three-fourth-max-width: var(--global-columns-base-desktop-three-fourth-max-width);
  --spacing-columns-desktop-three-fourth-min-width: var(--global-columns-base-desktop-three-fourth-min-width);
  --spacing-columns-mobile-full-max-width: var(--global-columns-base-mobile-full-max-width);
  --spacing-columns-mobile-full-min-width: var(--global-columns-base-mobile-full-min-width);
  --spacing-columns-mobile-half-max-width: var(--global-columns-base-mobile-half-max-width);
  --spacing-columns-mobile-half-min-width: var(--global-columns-base-mobile-half-min-width);
  --spacing-columns-mobile-one-fourth-max-width: var(--global-columns-base-mobile-oneFourth-max-width);
  --spacing-columns-mobile-one-third-max-width: var(--global-columns-base-mobile-oneThird-max-width);
  --spacing-columns-mobile-one-third-min-width: var(--global-columns-base-mobile-oneThird-min-width);
  --spacing-columns-mobile-oneFourth-min-width: var(--global-columns-base-mobile-oneFourth-min-width);
  --spacing-columns-mobile-three-fourth-max-width: var(--global-columns-base-mobile-three-fourth-max-width);
  --spacing-columns-mobile-three-fourth-min-width: var(--global-columns-base-mobile-three-fourth-min-width);
  --spacing-columns-tablet-full-max-width: var(--global-columns-base-tablet-full-max-width);
  --spacing-columns-tablet-full-min-width: var(--global-columns-base-tablet-full-min-width);
  --spacing-columns-tablet-half-max-width: var(--global-columns-base-tablet-half-max-width);
  --spacing-columns-tablet-half-min-width: var(--global-columns-base-tablet-half-min-width);
  --spacing-columns-tablet-one-fourth-max-width: var(--global-columns-base-tablet-oneFourth-max-width);
  --spacing-columns-tablet-one-fourth-min-width: var(--global-columns-base-tablet-oneFourth-min-width);
  --spacing-columns-tablet-one-third-max-width: var(--global-columns-base-tablet-oneThird-max-width);
  --spacing-columns-tablet-one-third-min-width: var(--global-columns-base-tablet-oneThird-min-width);
  --spacing-columns-tablet-three-fourth-max-width: var(--global-columns-base-tablet-three-fourth-max-width);
  --spacing-columns-tablet-three-fourth-min-width: var(--global-columns-base-tablet-three-fourth-min-width);
  --spacing-general-buttons-space-between: var(--space-between-small);
  --spacing-general-container-padding-x: var(--layout-full-margin-x);
  --spacing-general-container-padding-y: var(--layout-full-margin-y);
  --spacing-general-copy-margin-bottom: var(--margin-none);
  --spacing-general-cta-margin-top: var(--margin-small);
  --spacing-general-eyebrow-margin-bottom: var(--margin-xsmall);
  --spacing-general-favicon-dimensions: var(--spacing-spacing-32);
  --spacing-general-gutter: var(--layout-base-gutter);
  --spacing-general-icon-margin-bottom: var(--margin-medium);
  --spacing-general-image-padding: var(--padding-none);
  --spacing-general-margin-related-y: var(--spacing-spacing-16);
  --spacing-general-margin-x: var(--layout-base-margin-x);
  --spacing-general-margin-y: var(--layout-base-margin-y);
  --spacing-general-subtitle-margin-top: var(--margin-xxsmall);
  --spacing-general-title-margin-bottom: var(--margin-xsmall);
  --spacing-general-top-title-margin-bottom: var(--margin-small);
  --theme-aux-1-bg-bg: var(--general-color-background-darkest);
  --theme-aux-1-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-1-bg-cta-1-color: inverse;
  --theme-aux-1-bg-cta-2-color: inverse;
  --theme-aux-1-bg-icon: var(--general-color-fill-brand-2);
  --theme-aux-1-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-bg-text-primary: var(--general-color-text-white);
  --theme-aux-1-bg-text-secondary: var(--general-color-fill-white);
  --theme-aux-1-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-1-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-1-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-1-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-1-interactive-button-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-link: var(--theme-brand-action-alternate);
  --theme-aux-1-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-1-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-1-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-surface-focus: var(--theme-aux-1-surface-surface);
  --theme-aux-1-interactive-surface-hover: var(--general-color-surface-white);
  --theme-aux-1-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-1-surface-border: var(--general-color-border-brand-2);
  --theme-aux-1-surface-border-focus: var(--general-color-border-white);
  --theme-aux-1-surface-border-hover: var(--general-color-border-brand-2);
  --theme-aux-1-surface-cta-1-color: brand;
  --theme-aux-1-surface-cta-2-color: brand;
  --theme-aux-1-surface-icon: var(--general-color-fill-brand-2);
  --theme-aux-1-surface-match-bg-border: var(--general-color-border-white);
  --theme-aux-1-surface-match-bg-cta-1-color: inverse;
  --theme-aux-1-surface-match-bg-cta-2-color: inverse;
  --theme-aux-1-surface-match-bg-icon: var(--theme-aux-1-bg-text-hover);
  --theme-aux-1-surface-match-bg-surface: var(--theme-aux-1-bg-bg);
  --theme-aux-1-surface-match-bg-text-hover: var(--theme-aux-1-bg-text-link);
  --theme-aux-1-surface-match-bg-text-primary: var(--theme-aux-1-bg-text-primary);
  --theme-aux-1-surface-match-bg-text-secondary: var(--theme-aux-1-bg-text-secondary);
  --theme-aux-1-surface-surface: var(--general-color-background-white);
  --theme-aux-1-surface-text-hover: var(--theme-brand-action);
  --theme-aux-1-surface-text-link: var(--theme-brand-action-alternate);
  --theme-aux-1-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-1-surface-text-primary: var(--general-color-text-darkest);
  --theme-aux-1-surface-text-secondary: var(--general-color-text-darkest);
  --theme-aux-2-bg-bg: var(--general-color-background-brand-1);
  --theme-aux-2-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-2-bg-border: var(--general-color-border-white);
  --theme-aux-2-bg-cta-1-color: inverse;
  --theme-aux-2-bg-cta-2-color: inverse;
  --theme-aux-2-bg-icon: var(--general-color-fill-white);
  --theme-aux-2-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-2-bg-text-link: var(--theme-brand-action-inverse);
  --theme-aux-2-bg-text-link-underline: var(--theme-brand-action-inverse);
  --theme-aux-2-bg-text-primary: var(--general-color-text-white);
  --theme-aux-2-bg-text-secondary: var(--general-color-text-white);
  --theme-aux-2-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-2-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-2-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-2-interactive-button-link-underline: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-ghost-link: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-ghost-link-underline: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-ghost-inverse-link-underline: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-2-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-2-interactive-ratings-inactive: var(--color-grayscale-400);
  --theme-aux-2-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-2-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-2-interactive-surface-focus: var(--theme-aux-1-surface-surface);
  --theme-aux-2-interactive-surface-hover: var(--general-color-surface-light);
  --theme-aux-2-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-2-surface-border: var(--general-color-border-brand-1);
  --theme-aux-2-surface-border-focus: var(--general-color-border-white);
  --theme-aux-2-surface-border-hover: var(--general-color-border-brand-1);
  --theme-aux-2-surface-cta-1-color: brand;
  --theme-aux-2-surface-cta-2-color: brand;
  --theme-aux-2-surface-icon: var(--general-color-fill-brand-2);
  --theme-aux-2-surface-match-bg-border: var(--general-color-border-white);
  --theme-aux-2-surface-match-bg-cta-1-color: var(--theme-aux-1-bg-cta-1-color);
  --theme-aux-2-surface-match-bg-cta-2-color: var(--theme-aux-1-bg-cta-2-color);
  --theme-aux-2-surface-match-bg-fill: var(--theme-aux-2-bg-icon);
  --theme-aux-2-surface-match-bg-surface: var(--theme-aux-2-bg-bg);
  --theme-aux-2-surface-match-bg-text-hover: var(--theme-aux-2-bg-text-hover);
  --theme-aux-2-surface-match-bg-text-primary: var(--theme-aux-2-bg-text-primary);
  --theme-aux-2-surface-match-bg-text-secondary: var(--theme-aux-2-bg-text-secondary);
  --theme-aux-2-surface-surface: var(--general-color-surface-white);
  --theme-aux-2-surface-text-hover: var(--theme-brand-action);
  --theme-aux-2-surface-text-link: var(--theme-brand-action-alternate);
  --theme-aux-2-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-2-surface-text-primary: var(--general-color-text-darkest);
  --theme-aux-2-surface-text-secondary: var(--general-color-text-darkest);
  --theme-brand-action: var(--general-color-fill-brand-3);
  --theme-brand-action-alternate: var(--color-primary-color-1-700);
  --theme-brand-action-alternate-inverse: var(--color-primary-color-1-900);
  --theme-brand-action-hover: var(--color-primary-color-1-700);
  --theme-brand-action-hover-inverse: var(--general-color-fill-brand-2);
  --theme-brand-action-inverse: var(--general-color-fill-white);
  --theme-link-underline: var(--theme-brand-action-alternate);
  --theme-link-underline-inverse: var(--theme-brand-action-inverse);
  --theme-primary-bg-bg: var(--general-color-background-white);
  --theme-primary-bg-bg-decor-accent: var(--general-color-background-brand-1);
  --theme-primary-bg-border: var(--general-color-border-light);
  --theme-primary-bg-cta-1-color: brand;
  --theme-primary-bg-cta-2-color: brand;
  --theme-primary-bg-icon: var(--general-color-fill-brand-1);
  --theme-primary-bg-text-hover: var(--theme-brand-action-alternate-inverse);
  --theme-primary-bg-text-link: var(--theme-brand-action-alternate);
  --theme-primary-bg-text-link-underline: var(--theme-link-underline);
  --theme-primary-bg-text-primary: var(--general-color-text-darkest);
  --theme-primary-bg-text-secondary: var(--general-color-text-darkest);
  --theme-primary-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-primary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-primary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-primary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-primary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-link: var(--theme-brand-action-alternate);
  --theme-primary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-primary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-primary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-primary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-primary-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-primary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-ratings-inverse-active: var(--general-color-surface-white);
  --theme-primary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-surface-focus: var(--theme-primary-surface-surface);
  --theme-primary-interactive-surface-hover: var(--general-color-surface-light);
  --theme-primary-interactive-surface-pressed: var(--theme-primary-interactive-surface-hover);
  --theme-primary-surface-border: var(--general-color-border-brand-1);
  --theme-primary-surface-border-focus: var(--general-color-border-brand-1);
  --theme-primary-surface-border-hover: var(--general-color-border-light);
  --theme-primary-surface-cta-1-color: brand;
  --theme-primary-surface-cta-2-color: brand;
  --theme-primary-surface-icon: var(--general-color-fill-brand-1);
  --theme-primary-surface-match-bg-border: var(--general-color-border-brand-1);
  --theme-primary-surface-match-bg-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --theme-primary-surface-match-bg-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --theme-primary-surface-match-bg-fill: var(--theme-primary-bg-icon);
  --theme-primary-surface-match-bg-surface: var(--theme-primary-bg-bg);
  --theme-primary-surface-match-bg-text-hover: var(--theme-primary-bg-text-hover);
  --theme-primary-surface-match-bg-text-primary: var(--theme-primary-bg-text-primary);
  --theme-primary-surface-match-bg-text-secondary: var(--theme-primary-bg-text-secondary);
  --theme-primary-surface-surface: var(--general-color-surface-white);
  --theme-primary-surface-text-hover: var(--theme-brand-action-alternate-inverse);
  --theme-primary-surface-text-link: var(--theme-brand-action-alternate);
  --theme-primary-surface-text-link-underline: var(--theme-link-underline);
  --theme-primary-surface-text-primary: var(--general-color-text-darkest);
  --theme-primary-surface-text-secondary: var(--general-color-text-darkest);
  --theme-secondary-bg-bg: var(--general-color-background-light);
  --theme-secondary-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-secondary-bg-border: var(--general-color-border-white);
  --theme-secondary-bg-cta-1-color: brand;
  --theme-secondary-bg-cta-2-color: brand;
  --theme-secondary-bg-icon: var(--general-color-fill-brand-1);
  --theme-secondary-bg-text-hover: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-bg-text-link: var(--theme-brand-action-alternate);
  --theme-secondary-bg-text-link-underline: var(--theme-link-underline);
  --theme-secondary-bg-text-primary: var(--general-color-text-darkest);
  --theme-secondary-bg-text-secondary: var(--general-color-text-darkest);
  --theme-secondary-interactive-action-bar-button-border: var(--component-cta-color-brand-fill-enabled-border);
  --theme-secondary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-secondary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-secondary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-secondary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-link: var(--theme-brand-action-alternate);
  --theme-secondary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-secondary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-secondary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-secondary-interactive-surface-hover: var(--general-color-surface-light);
  --theme-secondary-interactive-surface-pressed: var(--theme-secondary-interactive-surface-hover);
  --theme-secondary-surface-border: var(--general-color-border-brand-1);
  --theme-secondary-surface-border-focus: var(--general-color-border-brand-1);
  --theme-secondary-surface-border-hover: var(--general-color-border-brand-1);
  --theme-secondary-surface-cta-1-color: brand;
  --theme-secondary-surface-cta-2-color: brand;
  --theme-secondary-surface-icon: var(--general-color-fill-brand-1);
  --theme-secondary-surface-match-bg-border: var(--general-color-border-brand-1);
  --theme-secondary-surface-match-bg-cta-1-color: var(--theme-secondary-bg-cta-1-color);
  --theme-secondary-surface-match-bg-cta-2-color: var(--theme-secondary-bg-cta-2-color);
  --theme-secondary-surface-match-bg-fill: var(--theme-secondary-bg-icon);
  --theme-secondary-surface-match-bg-surface: var(--theme-secondary-bg-bg);
  --theme-secondary-surface-match-bg-text-hover: var(--theme-secondary-surface-text-hover);
  --theme-secondary-surface-match-bg-text-primary: var(--theme-secondary-bg-text-primary);
  --theme-secondary-surface-match-bg-text-secondary: var(--theme-secondary-bg-text-secondary);
  --theme-secondary-surface-surface: var(--general-color-surface-white);
  --theme-secondary-surface-text-hover: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-surface-text-link: var(--theme-brand-action-alternate);
  --theme-secondary-surface-text-link-underline: var(--theme-brand-action-alternate);
  --theme-secondary-surface-text-primary: var(--general-color-text-darkest);
  --theme-secondary-surface-text-secondary: var(--general-color-text-darkest);
  --typography-font-family-accent-header: var(--typography-font-family-zilla-slab);
  --typography-font-family-body: var(--typography-font-family-noto-sans);
  --typography-font-family-header: var(--typography-font-family-zilla-slab);
  --typography-font-size-desktop-accent-header-display: var(--typography-font-size-font-size-72);
  --typography-font-size-desktop-accent-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-accent-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-accent-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-accent-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-desktop-body-xlarge: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-desktop-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-desktop-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-header-medium: var(--typography-font-size-font-size-28);
  --typography-font-size-desktop-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-mobile-accent-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-large: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-accent-header-medium: var(--typography-font-size-font-size-20);
  --typography-font-size-mobile-accent-header-small: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-accent-header-xlarge: var(--typography-font-size-font-size-28);
  --typography-font-size-mobile-accent-header-xsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-xxlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-accent-header-xxsmall: var(--typography-font-size-font-size-14);
  --typography-font-size-mobile-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-mobile-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-mobile-header-display: var(--typography-font-size-font-size-48);
  --typography-font-size-mobile-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-large: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-header-medium: var(--typography-font-size-font-size-20);
  --typography-font-size-mobile-header-small: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-header-xsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-mobile-header-xxsmall: var(--typography-font-size-font-size-14);
  --typography-font-size-tablet-accent-header-display: var(--typography-font-size-font-size-96);
  --typography-font-size-tablet-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-accent-header-large: var(--typography-font-size-font-size-28);
  --typography-font-size-tablet-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-accent-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-accent-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-tablet-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-tablet-header-display: var(--typography-font-size-font-size-56);
  --typography-font-size-tablet-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-header-large: var(--typography-font-size-font-size-28);
  --typography-font-size-tablet-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-weight-body: 400;
  --typography-font-weight-body-bold: 700;
  --typography-font-weight-button: 700;
  --typography-font-weight-display: 700;
  --typography-font-weight-large: 700;
  --typography-font-weight-medium: 700;
  --typography-font-weight-small: 700;
  --typography-font-weight-xlarge: 700;
  --typography-font-weight-xsmall: 700;
  --typography-font-weight-xxlarge: 700;
  --typography-font-weight-xxsmall: 700;
}

.BrandsBLUE {
  --color-grayscale-100: var(--color-grayscale-warmGray-100);
  --color-grayscale-200: var(--color-grayscale-warmGray-200);
  --color-grayscale-300: var(--color-grayscale-warmGray-300);
  --color-grayscale-400: var(--color-grayscale-warmGray-400);
  --color-grayscale-500: var(--color-grayscale-warmGray-500);
  --color-grayscale-600: var(--color-grayscale-warmGray-600);
  --color-grayscale-700: var(--color-grayscale-warmGray-700);
  --color-grayscale-800: var(--color-grayscale-warmGray-800);
  --color-grayscale-900: var(--color-grayscale-warmGray-900);
  --color-grayscale-black: #000000;
  --color-primary-color-1-100: #e6eefb;
  --color-primary-color-1-300: #b6ccf5;
  --color-primary-color-1-500: #3490bf;
  --color-primary-color-1-700: #3663a8;
  --color-primary-color-1-900: #2d4872;
  --color-primary-color-1-accessible: var(--color-primary-color-1-500);
  --color-primary-color-2-100: #f4f1ec;
  --color-primary-color-2-300: #f4f1ec;
  --color-primary-color-2-500: #f4f1ec;
  --color-primary-color-2-700: #e1d7ce;
  --color-primary-color-2-900: #e1d7ce;
  --color-primary-color-2-accessible: var(--color-primary-color-2-500);
  --color-secondary-color-3-100: #efe3fc;
  --color-secondary-color-3-500: #efe3fc;
  --color-secondary-color-3-900: #6a56ba;
  --color-secondary-color-4-100: #dee0ff;
  --color-secondary-color-4-500: #dee0ff;
  --color-secondary-color-4-900: #8e68b7;
  --color-secondary-color-5-100: #d3f3d7;
  --color-secondary-color-5-500: #ace5b3;
  --color-secondary-color-5-900: #ace5b3;
  --color-secondary-color-6-100: #d5f4ec;
  --color-secondary-color-6-500: #2d7da6;
  --color-secondary-color-6-900: #2d7da6;
  --color-secondary-color-7-100: #ffeccd;
  --color-secondary-color-7-500: #feb336;
  --color-secondary-color-7-900: #feb336;
  --color-tertiary-color-swatch-500: var(--color-brand-general-mills-generalMills-red);
  --component-accordion-color-default-body: var(--general-color-text-dark);
  --component-accordion-color-default-border: var(--general-color-border-light);
  --component-accordion-color-default-icons: var(--general-color-fill-brand-1);
  --component-accordion-color-default-surface: var(--general-color-surface-white);
  --component-accordion-color-default-title: var(--general-color-text-darkest);
  --component-accordion-color-hover-body: var(--general-color-text-dark);
  --component-accordion-color-hover-border: var(--general-color-border-brand-1);
  --component-accordion-color-hover-icons: var(--general-color-fill-brand-1);
  --component-accordion-color-hover-surface: var(--general-color-surface-white);
  --component-accordion-color-hover-title: var(--general-color-text-darkest);
  --component-accordion-item-border-bottom: 1px;
  --component-accordion-item-border-left: 1px;
  --component-accordion-item-border-right: 1px;
  --component-accordion-item-border-top: 1px;
  --component-accordion-padding-x: var(--padding-medium);
  --component-accordion-padding-y: var(--padding-medium);
  --component-action-bar-border: var(--spacing-spacing-1);
  --component-action-bar-color-border: var(--general-color-border-darkest);
  --component-action-bar-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-enabled-border: var(--general-color-text-brand-1);
  --component-action-bar-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-action-bar-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-focus-focus-border: var(--theme-brand-action);
  --component-action-bar-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-action-bar-color-button-hover-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-action-bar-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-action-bar-color-surface: var(--general-color-surface-white);
  --component-action-bar-color-toggle-active-bg: var(--general-color-fill-brand-1);
  --component-action-bar-color-toggle-active-switch-circle: var(--general-color-fill-white);
  --component-action-bar-color-toggle-inactive-bg: var(--general-color-fill-mid);
  --component-action-bar-color-toggle-inactive-switch-circle: var(--general-color-fill-white);
  --component-action-bar-gap-horizontal: var(--spacing-spacing-16);
  --component-action-bar-gap-vertical: var(--spacing-spacing-12);
  --component-action-bar-radius: var(--spacing-spacing-12);
  --component-action-bar-share-menu-bg-default: var(--general-color-background-white);
  --component-action-bar-share-menu-bg-hover: var(--color-grayscale-100);
  --component-action-bar-share-menu-blur: 12px;
  --component-action-bar-share-menu-color: #00000014;
  --component-action-bar-share-menu-focus-border: var(--theme-brand-action);
  --component-action-bar-share-menu-max-width: 350px;
  --component-action-bar-share-menu-min-height: 48px;
  --component-action-bar-share-menu-min-width: 200px;
  --component-action-bar-share-menu-text: var(--general-color-text-darkest);
  --component-action-bar-share-menu-y-value: 2px;
  --component-action-bar-width-desktop: 88px;
  --component-action-bar-width-mobile: 64px;
  --component-action-bar-width-tablet: 64px;
  --component-alert-banner-bg: var(--general-color-background-brand-1);
  --component-alert-banner-body: var(--general-color-text-white);
  --component-alert-banner-button-color-1: inverse;
  --component-alert-banner-button-color-2: inverse;
  --component-alert-banner-close: var(--general-color-fill-white);
  --component-alert-banner-icon: var(--general-color-fill-white);
  --component-alert-banner-title: var(--general-color-text-white);
  --component-breadcrumb-color-bg: var(--theme-primary-bg-bg);
  --component-breadcrumb-color-item-enabled-icon: var(--general-color-fill-mid);
  --component-breadcrumb-color-item-enabled-text: var(--general-color-text-mid);
  --component-breadcrumb-color-item-focus-icon: var(--component-breadcrumb-color-item-hover-icon);
  --component-breadcrumb-color-item-focus-text: var(--component-breadcrumb-color-item-hover-text);
  --component-breadcrumb-color-item-hover-icon: var(--theme-brand-action);
  --component-breadcrumb-color-item-hover-text: var(--theme-brand-action);
  --component-breadcrumb-color-item-pressed-icon: var(--component-breadcrumb-color-item-hover-icon);
  --component-breadcrumb-color-item-pressed-text: var(--component-breadcrumb-color-item-hover-text);
  --component-breadcrumb-color-tip-active-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-bg: var(--color-grayscale-black);
  --component-breadcrumb-color-tip-enabled-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-hover-link: var(--general-color-text-white);
  --component-button-tag-color-disabled-bg: #682dff33;
  --component-button-tag-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-button-tag-color-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-focus-bg: var(--component-button-tag-color-enabled-bg);
  --component-button-tag-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-button-tag-color-focus-text: var(--component-button-tag-color-enabled-text);
  --component-button-tag-color-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-border: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-button-tag-color-link-underline: var(--general-color-fill-brand-1);
  --component-button-tag-color-pressed-bg: var(--component-button-tag-color-hover-bg);
  --component-button-tag-color-pressed-border: var(--component-button-tag-color-hover-border);
  --component-button-tag-color-pressed-text: var(--component-button-tag-color-hover-text);
  --component-button-tag-radius: var(--radius-radius-rounded);
  --component-button-tag-size-base-border: var(--spacing-spacing-4);
  --component-button-tag-size-base-padding-left: var(--spacing-spacing-16);
  --component-button-tag-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-button-tag-size-base-padding-y: var(--spacing-spacing-8);
  --component-button-tag-size-base-space-between: var(--spacing-spacing-8);
  --component-button-tag-size-small-border: var(--spacing-spacing-4);
  --component-button-tag-size-small-gap: var(--spacing-spacing-8);
  --component-button-tag-size-small-padding-left: var(--spacing-spacing-12);
  --component-button-tag-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-button-tag-size-small-padding-y: var(--spacing-spacing-8);
  --component-card-article-card-border-width: var(--spacing-spacing-4);
  --component-card-article-card-radius: var(--general-radius-card);
  --component-card-article-image-borderWidth: var(--spacing-spacing-4);
  --component-card-article-image-image-ratio: "3:2";
  --component-card-article-image-radius: var(--general-radius-image);
  --component-card-general-card-border-width: var(--spacing-spacing-4);
  --component-card-general-card-radius: var(--general-radius-card);
  --component-card-general-color-body: var(--component-cards-base-color-on-surface-body);
  --component-card-general-color-border: var(--component-cards-base-color-on-surface-border);
  --component-card-general-color-cta-1-color: var(--component-cards-base-color-on-surface-cta-1-color);
  --component-card-general-color-image-border: var(--color-grayscale-black);
  --component-card-general-color-subtitle: var(--component-cards-base-color-on-surface-subtitle);
  --component-card-general-color-surface: var(--component-cards-base-color-on-surface-surface);
  --component-card-general-color-title: var(--component-cards-base-color-on-surface-title);
  --component-card-product-card-border-width: var(--spacing-spacing-4);
  --component-card-product-color-image-bg: var(--general-color-background-brand-1);
  --component-card-product-image-borderWidth: var(--spacing-spacing-4);
  --component-card-product-image-image-ratio: "1:1";
  --component-card-recipe-card-border-width: var(--spacing-spacing-4);
  --component-card-recipe-card-minHeight: 280px;
  --component-card-recipe-card-padding-x: var(--padding-none);
  --component-card-recipe-card-padding-y: var(--padding-none);
  --component-card-recipe-card-radius: var(--general-radius-card);
  --component-card-recipe-color-ratings: var(--interactiveTheme-ratings-active);
  --component-card-recipe-image-borderWidth: var(--spacing-spacing-4);
  --component-card-recipe-image-image-ratio: "3:2";
  --component-card-recipe-image-padding-top: var(--component-card-recipe-image-padding-x);
  --component-card-recipe-image-padding-x: var(--padding-none);
  --component-card-recipe-image-radius: var(--general-radius-image);
  --component-cards-base-card-border-width: var(--spacing-spacing-4);
  --component-cards-base-card-border-width-focus: var(--spacing-spacing-4);
  --component-cards-base-card-border-width-hover: var(--spacing-spacing-4);
  --component-cards-base-card-label-margin: var(--spacing-spacing-12);
  --component-cards-base-card-min-height: 280px;
  --component-cards-base-card-padding-x: var(--padding-none);
  --component-cards-base-card-padding-y: var(--padding-none);
  --component-cards-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-border: var(--componentTheme-cards-on-surface-surface);
  --component-cards-base-color-on-surface-border-focus: var(--componentTheme-cards-on-surface-border-focus);
  --component-cards-base-color-on-surface-border-hover: var(--componentTheme-cards-on-surface-border-hover);
  --component-cards-base-color-on-surface-cta-1-color: var(--componentTheme-cards-on-surface-cta-1-color);
  --component-cards-base-color-on-surface-cta-2-color: var(--componentTheme-cards-on-surface-cta-2-color);
  --component-cards-base-color-on-surface-image-bg: var(--color-primary-color-1-100);
  --component-cards-base-color-on-surface-image-border: var(--color-grayscale-black);
  --component-cards-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-cards-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-cards-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-cards-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-cards-base-copy-padding-x: var(--padding-xsmall);
  --component-cards-base-copy-padding-y: var(--padding-xsmall);
  --component-cards-base-image-bg: var(--color-primary-color-1-100);
  --component-cards-base-image-border: var(--color-grayscale-black);
  --component-cards-base-image-border-width: var(--spacing-spacing-4);
  --component-cards-base-image-category-image-ratio: "1:1";
  --component-cards-base-image-image-ratio: "3:2";
  --component-cards-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-cards-base-image-padding-x: var(--padding-none);
  --component-cards-base-image-radius: var(--general-radius-image);
  --component-cards-card-max-width-mobile: 480px;
  --component-carousel-border-width: 1px;
  --component-carousel-controls-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-brand-icon: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-controls-inverse-icon: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-brand-fill: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-inverse-fill: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-color: var(--component-content-grid-color-button-color-1);
  --component-category-asset-default-height: 120px;
  --component-category-asset-default-width: 120px;
  --component-category-asset-hover-height: 112px;
  --component-category-asset-hover-width: 112px;
  --component-category-color-bg: var(--componentTheme-content-grid-bg);
  --component-category-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-border-focus: var(--component-category-color-category-enabled);
  --component-category-color-category-enabled: var(--component-content-grid-color-body);
  --component-category-color-category-hover: var(--component-content-grid-color-body);
  --component-category-color-fill: var(--componentTheme-content-grid-fill);
  --component-category-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-surface: var(--componentTheme-content-grid-bg);
  --component-category-color-title: var(--componentTheme-content-grid-text-primary);
  --component-category-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-category-gutter: var(--layout-base-gutter);
  --component-category-padding-x: var(--layout-base-margin-y);
  --component-category-padding-y: var(--layout-base-margin-y);
  --component-checkbox-radio-color-brand-fill-disabled-opacity: 0.5;
  --component-checkbox-radio-color-brand-fill-disabled-text: var(--general-color-text-mid);
  --component-checkbox-radio-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-checkbox-radio-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-checkbox-radio-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-enabled-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-error-bg: var(--color-system-error-100);
  --component-checkbox-radio-color-brand-fill-error-border: var(--color-system-error-500);
  --component-checkbox-radio-color-brand-fill-error-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-focus-bg);
  --component-checkbox-radio-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-focus-border);
  --component-checkbox-radio-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-focus-icon);
  --component-checkbox-radio-color-brand-fill-focus-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-selected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-selected-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-checkbox-radio-color-brand-fill-hover-selected-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-hover-selected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-unselected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-unselected-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-checkbox-radio-color-brand-fill-hover-unselected-icon: var(--component-action-bar-color-button-hover-icon);
  --component-checkbox-radio-color-brand-fill-hover-unselected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-uneditable-bg: var(--general-color-background-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-icon: var(--general-color-fill-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-text: var(--general-color-text-dark);
  --component-content-grid-color-bg: var(--componentTheme-content-grid-bg);
  --component-content-grid-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-content-grid-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-content-grid-color-title: var(--componentTheme-content-grid-text-primary);
  --component-content-grid-margin-x: var(--spacing-general-margin-x);
  --component-content-grid-margin-x-2: var(--spacing-general-margin-x);
  --component-content-grid-margin-y: var(--spacing-general-margin-y);
  --component-content-grid-margin-y-2: var(--spacing-general-margin-y);
  --component-content-grid-pdp-color-bg: var(--general-color-background-white);
  --component-content-grid-pdp-color-body: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-pdp-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-pdp-color-subtitle: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-title: var(--general-color-background-darkest);
  --component-cta-color-brand-fill-disabled-opacity: 0.5;
  --component-cta-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-cta-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-enabled-bg);
  --component-cta-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-cta-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-cta-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-fill-hover-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-cta-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-cta-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-cta-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-ghost-disabled-opacity: 0.5;
  --component-cta-color-brand-ghost-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-ghost-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-cta-color-brand-ghost-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-ghost-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-cta-color-brand-ghost-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-cta-color-brand-ghost-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-cta-color-brand-ghost-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-cta-color-brand-ghost-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-outline-disabled-opacity: 0.5;
  --component-cta-color-brand-outline-enabled-bg: #ffffff00;
  --component-cta-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-cta-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-cta-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-cta-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-outline-hover-border: var(--component-cta-color-brand-outline-hover-bg);
  --component-cta-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-cta-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-cta-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-cta-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-inverse-fill-disabled-opacity: 0.5;
  --component-cta-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-cta-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-cta-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-inverse-brand-action-hover-inverse);
  --component-cta-color-inverse-fill-hover-border: var(--component-cta-color-inverse-fill-hover-bg);
  --component-cta-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-fill-hover-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-cta-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-cta-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-cta-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-ghost-disabled-opacity: 0.5;
  --component-cta-color-inverse-ghost-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-cta-color-inverse-ghost-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-ghost-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-cta-color-inverse-ghost-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-outline-disabled-opacity: 0.5;
  --component-cta-color-inverse-outline-enabled-bg: #ffffff00;
  --component-cta-color-inverse-outline-enabled-border: var(--interactiveTheme-button-brand-action-alternate);
  --component-cta-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-cta-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-cta-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-cta-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-hover-bg: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-cta-color-inverse-outline-hover-border: var(--component-cta-color-inverse-outline-hover-bg);
  --component-cta-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-color-inverse-outline-hover-text: var(--theme-brand-action);
  --component-cta-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-cta-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-cta-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-cta-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-focus-radius: 6px;
  --component-cta-radius: var(--radius-radius-4);
  --component-cta-size-base-border: 1.5px;
  --component-cta-size-base-border-2: var(--spacing-spacing-4);
  --component-cta-size-base-padding-left: var(--spacing-spacing-24);
  --component-cta-size-base-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-base-padding-y: var(--spacing-spacing-12);
  --component-cta-size-base-space-between: var(--spacing-spacing-8);
  --component-cta-size-small-border: 1.5px;
  --component-cta-size-small-gap: var(--spacing-spacing-8);
  --component-cta-size-small-padding-left: var(--spacing-spacing-12);
  --component-cta-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-small-padding-y: var(--spacing-spacing-8);
  --component-dialog-box-shadow-blur: 24px;
  --component-dialog-color-body: var(--theme-primary-bg-text-secondary);
  --component-dialog-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-dialog-color-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --component-dialog-color-smokescreen: #00000080;
  --component-dialog-color-surface: var(--general-color-surface-white);
  --component-dialog-color-title: var(--theme-primary-bg-text-primary);
  --component-dialog-content-padding-x: var(--padding-medium);
  --component-dialog-content-padding-y: var(--padding-medium);
  --component-error-state-page-color-bg: var(--component-content-grid-color-bg);
  --component-error-state-page-color-body: var(--theme-primary-surface-text-primary);
  --component-error-state-page-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-error-state-page-color-icon: var(--theme-primary-surface-text-secondary);
  --component-error-state-page-color-image-bg: var(--color-primary-color-1-100);
  --component-error-state-page-color-surface: var(--theme-primary-surface-surface);
  --component-error-state-page-color-title: var(--general-color-text-brand-1);
  --component-error-state-page-content-padding-x: var(--layout-full-margin-x);
  --component-error-state-page-content-padding-y: var(--layout-full-margin-y);
  --component-error-state-page-content-radius: var(--general-radius-container);
  --component-error-state-page-copy-padding-x: var(--padding-small);
  --component-error-state-page-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-error-state-page-copy-radius: var(--general-radius-container);
  --component-error-state-page-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-error-state-page-gutter: var(--layout-full-gutter);
  --component-error-state-page-image-imageLeft-radius-bottomLeft: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageLeft-radius-bottomRight: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-error-state-page-image-max-height-desktop: 1024px;
  --component-error-state-page-image-max-height-mobile: 360px;
  --component-error-state-page-image-max-height-tablet: 1024px;
  --component-error-state-page-image-min-height-desktop: 370px;
  --component-error-state-page-image-min-height-mobile: 180px;
  --component-error-state-page-image-min-height-tablet: 392px;
  --component-error-state-page-image-padding-x: var(--padding-none);
  --component-error-state-page-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-error-state-page-image-radius: var(--general-radius-container);
  --component-error-state-page-margin-x: var(--spacing-general-margin-x);
  --component-error-state-page-margin-y: var(--spacing-general-margin-y);
  --component-facets-color-default-border: var(--component-facets-color-default-surface);
  --component-facets-color-default-icons: var(--general-color-fill-brand-1);
  --component-facets-color-default-surface: var(--theme-primary-bg-bg);
  --component-facets-color-default-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-facets-color-focus-border: var(--theme-brand-action);
  --component-facets-color-focus-icons: var(--theme-brand-action);
  --component-facets-color-focus-surface: var(--color-grayscale-100);
  --component-facets-color-focus-title: var(--general-color-text-darkest);
  --component-facets-color-hover-border: var(--general-color-border-white);
  --component-facets-color-hover-icons: var(--theme-brand-action);
  --component-facets-color-hover-surface: var(--color-grayscale-100);
  --component-facets-color-hover-title: var(--general-color-text-darkest);
  --component-facets-counter-surface: var(--general-color-background-darkest);
  --component-facets-counter-text: var(--general-color-text-white);
  --component-facets-max-width: 302px;
  --component-facets-padding-x: var(--padding-xxsmall);
  --component-facets-padding-y: var(--padding-xxsmall);
  --component-facets-radius: var(--radius-radius-0);
  --component-favorites-border: var(--spacing-spacing-1);
  --component-favorites-color-border: var(--general-color-border-darkest);
  --component-favorites-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-focus-focus-border: var(--theme-brand-action);
  --component-favorites-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-favorites-color-button-hover-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-favorites-color-surface: var(--general-color-surface-white);
  --component-favorites-lists-menu-bg-default: var(--general-color-background-white);
  --component-favorites-lists-menu-bg-hover: var(--color-grayscale-100);
  --component-favorites-lists-menu-focus-border: var(--theme-brand-action);
  --component-favorites-lists-menu-max-width: 350px;
  --component-favorites-lists-menu-min-height: 48px;
  --component-favorites-lists-menu-min-width: 200px;
  --component-favorites-lists-menu-text: var(--general-color-text-darkest);
  --component-favorites-radius: var(--spacing-spacing-12);
  --component-feature-full-color-bg: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-feature-full-color-cta-1-color: var(--componentTheme-content-grid-cta-1-color);
  --component-feature-full-color-cta-2-color: var(--componentTheme-content-grid-cta-2-color);
  --component-feature-full-color-eyebrow: var(--componentTheme-content-grid-text-secondary);
  --component-feature-full-color-fill: var(--componentTheme-content-grid-fill);
  --component-feature-full-color-image-bg: var(--color-primary-color-1-100);
  --component-feature-full-color-surface: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-title: var(--componentTheme-content-grid-text-primary);
  --component-feature-full-copy-block-copy-block-indent: var(--padding-small);
  --component-feature-full-copy-block-padding-x: var(--padding-medium);
  --component-feature-full-copy-block-padding-y: var(--component-feature-full-copy-block-padding-x);
  --component-feature-full-copy-block-radius: var(--general-radius-base);
  --component-feature-full-copy-container-padding-x: var(--layout-base-margin-x);
  --component-feature-full-copy-container-padding-y: var(--layout-base-margin-y);
  --component-feature-full-decor-brand: var(--theme-brand-name);
  --component-feature-full-decor-decor-accent: var(--theme-primary-bg-bg-decor-accent);
  --component-feature-full-decor-decor-match-primary-bg: var(--theme-primary-bg-bg);
  --component-feature-full-decor-icon-height: var(--icon-large-height);
  --component-feature-full-image-padding-left: var(--padding-none);
  --component-feature-full-image-padding-right: var(--padding-none);
  --component-feature-full-image-padding-x: var(--padding-none);
  --component-feature-full-image-padding-y: var(--padding-none);
  --component-feature-full-image-radius: var(--padding-none);
  --component-feature-split-color-bg: var(--componentTheme-feature-bg);
  --component-feature-split-color-body: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-color-button-size: base;
  --component-feature-split-color-cta-1-color: var(--componentTheme-feature-match-bg-cta-1-color);
  --component-feature-split-color-cta-2-color: var(--componentTheme-feature-match-bg-cta-2-color);
  --component-feature-split-color-eyebrow: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-color-fill: var(--componentTheme-feature-match-bg-fill);
  --component-feature-split-color-image-bg: var(--color-primary-color-1-100);
  --component-feature-split-color-subtitle: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-color-surface: var(--componentTheme-feature-match-bg-surface);
  --component-feature-split-color-title: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-constrained-copy-desktop-max-width: 420px;
  --component-feature-split-constrained-copy-mobile-max-width: 767px;
  --component-feature-split-constrained-copy-padding-x: var(--padding-small);
  --component-feature-split-constrained-copy-padding-y: var(--component-feature-split-constrained-copy-padding-x);
  --component-feature-split-constrained-copy-tablet-max-width: 816px;
  --component-feature-split-constrained-image-desktop-min-width: 480px;
  --component-feature-split-constrained-image-mobile-min-width: 320px;
  --component-feature-split-constrained-image-tablet-min-width: 480px;
  --component-feature-split-constrained-margin-left: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-constrained-margin-right: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-content-padding-x: var(--layout-full-margin-x);
  --component-feature-split-content-padding-y: var(--layout-full-margin-y);
  --component-feature-split-content-radius: var(--general-radius-none);
  --component-feature-split-copy-padding-x: var(--padding-small);
  --component-feature-split-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-feature-split-copy-radius: var(--general-radius-container);
  --component-feature-split-decor-bg-accent: var(--general-color-text-brand-3);
  --component-feature-split-decor-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-feature-split-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-feature-split-decor-icon-height: var(--icon-large-height);
  --component-feature-split-gutter: var(--layout-base-gutter);
  --component-feature-split-image-border: var(--color-grayscale-black);
  --component-feature-split-image-border-width: var(--spacing-spacing-4);
  --component-feature-split-image-image-ratio: "3:2";
  --component-feature-split-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-padding-x: var(--padding-none);
  --component-feature-split-image-padding-y: var(--component-feature-split-image-padding-x);
  --component-feature-split-image-radius: var(--general-radius-container);
  --component-feature-split-margin-x: var(--layout-base-margin-x);
  --component-feature-split-margin-y: var(--layout-compact-margin-y);
  --component-filters-color-default-border: var(--general-color-border-darkest);
  --component-filters-color-default-label: var(--general-color-text-darkest);
  --component-filters-color-default-surface: var(--general-color-surface-white);
  --component-filters-color-focus-border: var(--theme-brand-action);
  --component-filters-color-focus-label: var(--general-color-text-darkest);
  --component-filters-color-focus-surface: var(--general-color-background-light);
  --component-filters-color-hover-border: var(--theme-brand-action);
  --component-filters-color-hover-label: var(--general-color-text-darkest);
  --component-filters-color-hover-surface: var(--general-color-background-light);
  --component-filters-color-selected-border: var(--theme-brand-action);
  --component-filters-color-selected-icons: var(--general-color-fill-white);
  --component-filters-color-selected-label: var(--general-color-text-darkest);
  --component-filters-color-selected-surface: var(--theme-brand-action);
  --component-filters-counter-surface: var(--general-color-background-darkest);
  --component-filters-counter-text: var(--general-color-text-white);
  --component-filters-padding-x: var(--padding-xxsmall);
  --component-filters-padding-y: var(--padding-xxsmall);
  --component-filters-radius: var(--radius-radius-0);
  --component-form-field-color-button-color-1: brand;
  --component-form-field-color-button-color-2: brand;
  --component-form-field-color-default-bg: var(--component-search-field-default-bg);
  --component-form-field-color-default-border: var(--general-color-border-mid);
  --component-form-field-color-descriptive-text: var(--general-color-text-darkest);
  --component-form-field-color-filled-border: var(--general-color-border-dark);
  --component-form-field-color-icon: var(--general-color-fill-darkest);
  --component-form-field-color-label: var(--general-color-text-darkest);
  --component-form-field-color-placeholder-text: var(--general-color-text-mid);
  --component-form-field-color-required-asterisk: var(--component-form-field-color-label);
  --component-form-field-color-surface: var(--general-color-surface-white);
  --component-hero-color-alternate-bg: var(--componentTheme-hero-bg);
  --component-hero-color-alternate-body: var(--componentTheme-hero-text-secondary);
  --component-hero-color-alternate-cta-1-color: var(--componentTheme-hero-match-bg-cta-1-color);
  --component-hero-color-alternate-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-alternate-eyebrow: var(--componentTheme-hero-text-primary);
  --component-hero-color-alternate-fill: var(--componentTheme-hero-fill);
  --component-hero-color-alternate-surface: var(--componentTheme-hero-match-bg-surface);
  --component-hero-color-alternate-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-alternate-title: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-bg: var(--general-color-background-brand-1);
  --component-hero-color-general-body: var(--componentTheme-hero-text-primary);
  --component-hero-color-general-cta-1-color: var(--componentTheme-hero-cta-1-color);
  --component-hero-color-general-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-general-decor: var(--theme-primary-bg-bg);
  --component-hero-color-general-decor-mobile: var(--component-hero-color-general-surface);
  --component-hero-color-general-eyebrow: var(--componentTheme-content-grid-text-primary);
  --component-hero-color-general-fill: var(--componentTheme-hero-fill);
  --component-hero-color-general-surface: var(--componentTheme-hero-surface);
  --component-hero-color-general-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-general-title: var(--componentTheme-content-grid-text-primary);
  --component-hero-color-simple-bg: var(--general-color-background-white);
  --component-hero-color-simple-body: var(--theme-primary-bg-text-secondary);
  --component-hero-color-simple-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-color-simple-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-color-simple-decor-accent: var(--general-color-background-white);
  --component-hero-color-simple-eyebrow: var(--theme-primary-bg-text-secondary);
  --component-hero-color-simple-text-link: var(--theme-primary-bg-text-link);
  --component-hero-color-simple-title: var(--theme-primary-bg-text-primary);
  --component-hero-container-desktop-min-height: 500px;
  --component-hero-container-desktop-radius: var(--general-radius-container);
  --component-hero-container-gap: var(--layout-overlap-overlap-gutter);
  --component-hero-container-mobile-min-height: var(--screen-dimensions-height);
  --component-hero-container-mobile-radius: var(--general-radius-container);
  --component-hero-container-padding-x: var(--layout-compact-margin-x);
  --component-hero-container-padding-y: var(--layout-compact-margin-x);
  --component-hero-container-radius: var(--general-radius-container);
  --component-hero-container-tablet-min-height: var(--screen-dimensions-height);
  --component-hero-container-tablet-radius: var(--general-radius-container);
  --component-hero-copy-padding-x: var(--padding-small);
  --component-hero-copy-padding-y: var(--padding-large);
  --component-hero-copy-radius: var(--general-radius-none);
  --component-hero-copy-radius-bottom-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-bottom-right: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-right: var(--component-hero-copy-radius);
  --component-hero-copyBlock-padding-x: var(--padding-small);
  --component-hero-copyBlock-padding-y: var(--padding-large);
  --component-hero-copyBlock-radius: var(--general-radius-none);
  --component-hero-copyBlock-radius-bottom-left: var(--component-hero-container-radius);
  --component-hero-copyBlock-radius-bottom-right: var(--component-hero-image-desktop-radius);
  --component-hero-copyBlock-radius-top-left: var(--component-hero-image-desktop-radius);
  --component-hero-copyBlock-radius-top-right: var(--component-hero-image-desktop-radius);
  --component-hero-decor-brand: var(--theme-brand-name);
  --component-hero-desktop-max-width: var(--screen-dimensions-max-width);
  --component-hero-image-a11y-image-background-blur: 10px;
  --component-hero-image-a11y-image-overlay-opacity: 0.7;
  --component-hero-image-desktop-radius: var(--general-radius-none);
  --component-hero-image-mobile-radius: var(--general-radius-none);
  --component-hero-image-padding-top: var(--layout-full-margin-x);
  --component-hero-image-padding-x: var(--layout-full-margin-x);
  --component-hero-image-padding-y: var(--component-hero-image-padding-x);
  --component-hero-image-splitHero-radius: var(--general-radius-none);
  --component-hero-mobile-max-width: 1000px;
  --component-hero-tablet-max-width: 1000px;
  --component-hero-typography-title: var(--typography-font-size-header-xlarge);
  --component-hero-article-color-bg: var(--theme-primary-bg-bg);
  --component-hero-article-color-bg-accent: var(--general-color-text-brand-3);
  --component-hero-article-color-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-hero-article-color-body: var(--theme-primary-surface-text-primary);
  --component-hero-article-color-category: var(--theme-primary-surface-text-primary);
  --component-hero-article-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-hero-article-color-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --component-hero-article-color-date: var(--theme-primary-surface-text-primary);
  --component-hero-article-color-details: var(--theme-primary-surface-text-secondary);
  --component-hero-article-color-icon: var(--theme-primary-surface-text-secondary);
  --component-hero-article-color-image-bg: var(--color-primary-color-1-100);
  --component-hero-article-color-surface: var(--theme-primary-surface-surface);
  --component-hero-article-color-title: var(--theme-primary-surface-text-primary);
  --component-hero-article-content-padding-x: var(--layout-full-margin-x);
  --component-hero-article-content-padding-y: var(--layout-full-margin-y);
  --component-hero-article-content-radius: var(--general-radius-none);
  --component-hero-article-copy-category-margin-bottom: var(--spacing-general-eyebrow-margin-bottom);
  --component-hero-article-copy-padding-x: var(--padding-small);
  --component-hero-article-copy-padding-y: var(--component-hero-article-copy-padding-x);
  --component-hero-article-copy-radius: var(--general-radius-container);
  --component-hero-article-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-article-gutter: var(--layout-base-gutter);
  --component-hero-article-image-image-ratio: "3:2";
  --component-hero-article-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-article-image-max-height-desktop: 1024px;
  --component-hero-article-image-max-height-mobile: 360px;
  --component-hero-article-image-max-height-tablet: 1024px;
  --component-hero-article-image-min-height-desktop: 370px;
  --component-hero-article-image-min-height-mobile: 180px;
  --component-hero-article-image-min-height-tablet: 392px;
  --component-hero-article-image-padding-x: var(--padding-none);
  --component-hero-article-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-hero-article-image-radius: var(--general-radius-container);
  --component-hero-article-margin-x: var(--layout-base-margin-x);
  --component-hero-article-padding-y: var(--layout-base-margin-y);
  --component-hero-product-brand-decor: var(--component-site-header-main-bar-brand-logo);
  --component-hero-product-color-badge-color: brand;
  --component-hero-product-color-bg: var(--theme-primary-bg-bg);
  --component-hero-product-color-body: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-product-color-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-product-color-decor: var(--general-color-background-brand-1);
  --component-hero-product-color-eyebrow: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-icon: var(--theme-primary-bg-icon);
  --component-hero-product-color-image-bg: var(--color-primary-color-1-100);
  --component-hero-product-color-image-border: var(--general-color-border-mid);
  --component-hero-product-color-image-surface: var(--general-color-surface-white);
  --component-hero-product-color-link: var(--theme-primary-bg-text-link-underline);
  --component-hero-product-color-ratings: var(--theme-secondary-interactive-ratings-active);
  --component-hero-product-color-ratings-inactive: var(--theme-primary-interactive-button-ghost-link);
  --component-hero-product-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-thumbnail-selected-border: var(--theme-brand-action);
  --component-hero-product-color-title: var(--theme-primary-bg-text-primary);
  --component-hero-product-content-padding-x: var(--layout-full-margin-x);
  --component-hero-product-content-padding-y: var(--layout-full-margin-y);
  --component-hero-product-content-radius: var(--general-radius-none);
  --component-hero-product-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-product-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-hero-product-copy-radius: var(--general-radius-container);
  --component-hero-product-gutter: var(--layout-base-gutter);
  --component-hero-product-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-product-image-max-height-desktop: 640px;
  --component-hero-product-image-max-height-mobile: 273px;
  --component-hero-product-image-max-height-tablet: 1024px;
  --component-hero-product-image-padding-x: var(--padding-none);
  --component-hero-product-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-product-image-radius: var(--general-radius-container);
  --component-hero-product-margin-x: var(--layout-base-margin-y);
  --component-hero-product-margin-y: var(--layout-base-margin-y);
  --component-hero-recipe-color-badge-color: brand;
  --component-hero-recipe-color-bg: var(--theme-primary-bg-bg);
  --component-hero-recipe-color-body: var(--theme-primary-bg-text-secondary);
  --component-hero-recipe-color-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-recipe-color-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-recipe-color-eyebrow: var(--theme-primary-bg-text-secondary);
  --component-hero-recipe-color-icon: var(--theme-primary-bg-icon);
  --component-hero-recipe-color-image-bg: var(--color-primary-color-1-100);
  --component-hero-recipe-color-link: var(--theme-primary-interactive-button-ghost-link);
  --component-hero-recipe-color-ratings: var(--theme-secondary-interactive-ratings-active);
  --component-hero-recipe-color-ratings-inactive: var(--theme-primary-interactive-button-ghost-link);
  --component-hero-recipe-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-hero-recipe-color-title: var(--theme-primary-bg-text-primary);
  --component-hero-recipe-content-padding-x: var(--layout-full-margin-x);
  --component-hero-recipe-content-padding-y: var(--layout-full-margin-y);
  --component-hero-recipe-content-radius: var(--general-radius-none);
  --component-hero-recipe-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-recipe-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-hero-recipe-copy-radius: var(--general-radius-container);
  --component-hero-recipe-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-recipe-gutter: var(--layout-base-gutter);
  --component-hero-recipe-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-max-height-desktop: 640px;
  --component-hero-recipe-image-max-height-mobile: 273px;
  --component-hero-recipe-image-max-height-tablet: 1024px;
  --component-hero-recipe-image-padding-x: var(--padding-none);
  --component-hero-recipe-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-recipe-image-radius: var(--general-radius-container);
  --component-hero-recipe-margin-x: var(--layout-base-margin-y);
  --component-hero-recipe-padding-y: var(--layout-base-margin-y);
  --component-icon-content-large-desktop-height: 120px;
  --component-icon-content-large-desktop-width: 120px;
  --component-icon-content-large-mobile-height: 120px;
  --component-icon-content-large-mobile-width: 120px;
  --component-icon-content-large-tablet-height: 120px;
  --component-icon-content-large-tablet-width: 120px;
  --component-icon-content-small-desktop-height: 64px;
  --component-icon-content-small-desktop-width: 64px;
  --component-icon-content-small-mobile-height: 64px;
  --component-icon-content-small-mobile-width: 64px;
  --component-icon-content-small-tablet-height: 64px;
  --component-icon-content-small-tablet-width: 64px;
  --component-image-color-button-color-below-image: brand;
  --component-image-color-button-color-on-image: inverse;
  --component-image-standalone-image-max-width-desktop: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-mobile: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-tablet: var(--typography-copy-max-width);
  --component-listing-grid-color-bg: var(--theme-primary-bg-bg);
  --component-listing-grid-color-body: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-button-color-1: var(--theme-primary-bg-cta-1-color);
  --component-listing-grid-color-button-color-2: var(--theme-primary-bg-cta-2-color);
  --component-listing-grid-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-title: var(--theme-primary-bg-text-primary);
  --component-listing-grid-margin-x: var(--spacing-general-margin-x);
  --component-listing-grid-margin-y: var(--spacing-general-margin-y);
  --component-location-selector-color-default-body: var(--component-accordion-color-default-body);
  --component-location-selector-color-default-border: var(--component-accordion-color-default-border);
  --component-location-selector-color-default-icons: var(--component-accordion-color-default-icons);
  --component-location-selector-color-default-surface: var(--component-accordion-color-default-surface);
  --component-location-selector-color-default-title: var(--component-accordion-color-default-title);
  --component-location-selector-color-hover-body: var(--component-accordion-color-hover-body);
  --component-location-selector-color-hover-border: var(--component-accordion-color-hover-border);
  --component-location-selector-color-hover-icons: var(--component-accordion-color-hover-icons);
  --component-location-selector-color-hover-surface: var(--component-accordion-color-hover-surface);
  --component-location-selector-color-hover-title: var(--component-accordion-color-hover-title);
  --component-location-selector-item-border-bottom: 0px;
  --component-location-selector-item-border-left: 0px;
  --component-location-selector-item-border-right: 0px;
  --component-location-selector-item-border-top: 1px;
  --component-location-selector-padding-x: var(--component-accordion-padding-x);
  --component-location-selector-padding-y: var(--component-accordion-padding-y);
  --component-modal-color-body: var(--theme-primary-bg-text-secondary);
  --component-modal-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-modal-color-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --component-modal-color-smokescreen: var(--component-dialog-color-smokescreen);
  --component-modal-color-surface: var(--general-color-surface-white);
  --component-modal-color-title: var(--theme-primary-bg-text-primary);
  --component-modal-content-padding-x: var(--padding-small);
  --component-modal-content-padding-y: var(--padding-small);
  --component-my-account-color-bg: var(--theme-primary-bg-bg);
  --component-my-account-color-bg-cta-color: var(--theme-primary-surface-cta-1-color);
  --component-my-account-color-body: var(--theme-primary-bg-text-secondary);
  --component-my-account-color-border: var(--general-color-border-darkest);
  --component-my-account-color-header: var(--theme-primary-bg-text-primary);
  --component-my-account-color-line-break: var(--general-color-border-darkest);
  --component-my-account-color-sidebar-surface: var(--general-color-surface-brand-1);
  --component-my-account-color-sidebar-text: var(--general-color-text-white);
  --component-my-account-color-surface: var(--general-color-surface-white);
  --component-my-account-color-surface-cta-color: var(--theme-primary-surface-cta-1-color);
  --component-my-account-color-surface-highlight: var(--color-grayscale-100);
  --component-my-account-color-title: var(--theme-primary-bg-text-primary);
  --component-my-account-content-padding-x: var(--padding-small);
  --component-my-account-content-padding-y: var(--padding-small);
  --component-my-account-padding-x: var(--spacing-general-margin-x);
  --component-my-account-padding-y: var(--layout-compact-margin-y);
  --component-nav-dropdown-menu-border: var(--spacing-spacing-1);
  --component-nav-dropdown-menu-color-border: var(--general-color-border-darkest);
  --component-nav-dropdown-menu-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-focus-focus-border: var(--theme-brand-action);
  --component-nav-dropdown-menu-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-nav-dropdown-menu-color-button-hover-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-surface: var(--general-color-surface-white);
  --component-nav-dropdown-menu-lists-menu-bg-default: var(--general-color-background-white);
  --component-nav-dropdown-menu-lists-menu-bg-hover: var(--color-grayscale-100);
  --component-nav-dropdown-menu-lists-menu-focus-border: var(--theme-brand-action);
  --component-nav-dropdown-menu-lists-menu-max-width: 350px;
  --component-nav-dropdown-menu-lists-menu-min-height: 48px;
  --component-nav-dropdown-menu-lists-menu-min-width: 200px;
  --component-nav-dropdown-menu-lists-menu-text: var(--general-color-text-darkest);
  --component-nav-dropdown-menu-radius: var(--spacing-spacing-12);
  --component-newsletter-sign-up-color-bg: var(--component-content-grid-color-bg);
  --component-newsletter-sign-up-color-body: var(--theme-primary-surface-text-primary);
  --component-newsletter-sign-up-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-newsletter-sign-up-color-icon: var(--theme-primary-surface-text-secondary);
  --component-newsletter-sign-up-color-image-bg: var(--color-primary-color-1-100);
  --component-newsletter-sign-up-color-surface: var(--theme-primary-surface-surface);
  --component-newsletter-sign-up-color-title: var(--theme-primary-surface-text-primary);
  --component-newsletter-sign-up-content-padding-x: var(--layout-full-margin-x);
  --component-newsletter-sign-up-content-padding-y: var(--layout-full-margin-y);
  --component-newsletter-sign-up-content-radius: var(--general-radius-container);
  --component-newsletter-sign-up-copy-padding-x: var(--padding-small);
  --component-newsletter-sign-up-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-newsletter-sign-up-copy-radius: var(--general-radius-container);
  --component-newsletter-sign-up-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-newsletter-sign-up-gutter: var(--layout-full-gutter);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-max-height-desktop: 1024px;
  --component-newsletter-sign-up-image-max-height-mobile: 360px;
  --component-newsletter-sign-up-image-max-height-tablet: 1024px;
  --component-newsletter-sign-up-image-min-height-desktop: 370px;
  --component-newsletter-sign-up-image-min-height-mobile: 180px;
  --component-newsletter-sign-up-image-min-height-tablet: 392px;
  --component-newsletter-sign-up-image-padding-x: var(--padding-none);
  --component-newsletter-sign-up-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-newsletter-sign-up-image-radius: var(--general-radius-container);
  --component-newsletter-sign-up-margin-x: var(--spacing-general-margin-x);
  --component-newsletter-sign-up-margin-y: var(--spacing-general-margin-y);
  --component-pagination-color-disabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-disabled-icon: var(--color-grayscale-300);
  --component-pagination-color-disabled-text: var(--interactiveTheme-ratings-inactive);
  --component-pagination-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-focus-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-pagination-color-focus-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-hover-bg: var(--general-color-surface-light);
  --component-pagination-color-hover-text: var(--interactiveTheme-button-brand-action-hover);
  --component-pagination-color-link-underline: var(--general-color-fill-brand-1);
  --component-pagination-color-pressed-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-pressed-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-selected-bg: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-selected-border: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-selected-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-pagination-radius: var(--radius-radius-rounded);
  --component-pagination-size-base-border: var(--spacing-spacing-4);
  --component-pagination-size-base-padding-left: var(--spacing-spacing-16);
  --component-pagination-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-pagination-size-base-padding-y: var(--spacing-spacing-8);
  --component-pagination-size-base-space-between: var(--spacing-spacing-8);
  --component-pagination-size-small-border: var(--spacing-spacing-4);
  --component-pagination-size-small-gap: var(--spacing-spacing-8);
  --component-pagination-size-small-padding-left: var(--spacing-spacing-12);
  --component-pagination-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-pagination-size-small-padding-y: var(--spacing-spacing-8);
  --component-pdp-product-content-color-bg: var(--theme-secondary-bg-bg);
  --component-pdp-product-content-color-body: var(--theme-secondary-bg-text-secondary);
  --component-pdp-product-content-color-icon: var(--theme-secondary-bg-icon);
  --component-pdp-product-content-color-image-bg: var(--color-primary-color-1-100);
  --component-pdp-product-content-color-surface: var(--general-color-surface-white);
  --component-pdp-product-content-color-surface-border: var(--general-color-border-light);
  --component-pdp-product-content-color-title: var(--theme-secondary-bg-text-primary);
  --component-pdp-product-content-gutter: var(--layout-base-gutter);
  --component-pdp-product-content-margin-x: var(--spacing-general-margin-x);
  --component-pdp-product-content-margin-y: var(--layout-compact-margin-y);
  --component-print-image-print-logo-invert: 1;
  --component-recipe-description-copy-max-width-desktop: 804px;
  --component-recipe-description-copy-max-width-mobile: var(--typography-copy-max-width);
  --component-recipe-description-copy-max-width-tablet: var(--typography-copy-max-width);
  --component-recipe-header-brand: var(--theme-brand-name);
  --component-recipe-header-color-bg: var(--theme-aux-1-bg-bg);
  --component-recipe-header-color-body: var(--theme-aux-1-surface-text-secondary);
  --component-recipe-header-color-cta-1-color: var(--theme-aux-1-surface-cta-1-color);
  --component-recipe-header-color-eyebrow: var(--theme-aux-1-surface-text-secondary);
  --component-recipe-header-color-icon: var(--theme-aux-1-surface-icon);
  --component-recipe-header-color-image-bg: var(--color-primary-color-1-100);
  --component-recipe-header-color-link: var(--theme-aux-1-interactive-button-ghost-link);
  --component-recipe-header-color-ratings: var(--theme-aux-1-interactive-ratings-active);
  --component-recipe-header-color-ratings-inactive: var(--theme-aux-1-interactive-ratings-inactive);
  --component-recipe-header-color-subtitle: var(--theme-aux-1-surface-text-primary);
  --component-recipe-header-color-surface: var(--theme-aux-1-surface-surface);
  --component-recipe-header-color-title: var(--theme-aux-1-surface-text-primary);
  --component-recipe-header-content-padding-x: var(--padding-small);
  --component-recipe-header-content-padding-y: var(--padding-xsmall);
  --component-recipe-header-content-radius: var(--general-radius-none);
  --component-recipe-header-copy-padding-x: var(--padding-small);
  --component-recipe-header-copy-padding-y: var(--padding-small);
  --component-recipe-header-padding-x: var(--spacing-general-margin-x);
  --component-recipe-header-padding-y: var(--layout-compact-margin-y);
  --component-recipe-instructions-card-max-width-mobile: 280px;
  --component-recipe-instructions-color-border: var(--component-recipe-instructions-color-surface);
  --component-recipe-instructions-color-surface: var(--general-color-background-light);
  --component-recipe-instructions-gutter: var(--layout-base-gutter);
  --component-recipe-instructions-padding-x: var(--layout-base-margin-y);
  --component-recipe-instructions-padding-y: var(--layout-base-margin-y);
  --component-recipe-made-with-color-button-color: brand;
  --component-recipe-made-with-color-ratings: var(--theme-primary-interactive-ratings-active);
  --component-recipe-made-with-color-ratings-inactive: var(--theme-primary-interactive-ratings-inactive);
  --component-recipe-nutrition-card-max-width-mobile: 280px;
  --component-recipe-nutrition-color-bg: var(--general-color-background-light);
  --component-recipe-nutrition-color-body: var(--componentTheme-feature-text-primary);
  --component-recipe-nutrition-color-eyebrow: var(--componentTheme-feature-text-primary);
  --component-recipe-nutrition-color-fill: var(--componentTheme-feature-fill);
  --component-recipe-nutrition-color-subtitle: var(--componentTheme-feature-text-primary);
  --component-recipe-nutrition-color-title: var(--componentTheme-feature-text-primary);
  --component-recipe-nutrition-content-padding-x: var(--layout-full-margin-x);
  --component-recipe-nutrition-content-padding-y: var(--layout-full-margin-y);
  --component-recipe-nutrition-content-radius: var(--general-radius-none);
  --component-recipe-nutrition-gutter: var(--layout-base-gutter);
  --component-recipe-nutrition-padding-x: var(--layout-base-margin-y);
  --component-recipe-nutrition-padding-y: var(--layout-base-margin-y);
  --component-related-content-color-bg: var(--component-content-grid-color-bg);
  --component-related-content-color-body: var(--component-content-grid-color-body);
  --component-related-content-color-button-color-1: var(--component-content-grid-color-button-color-1);
  --component-related-content-color-button-color-2: var(--component-content-grid-color-button-color-2);
  --component-related-content-color-subtitle: var(--component-content-grid-color-subtitle);
  --component-related-content-color-title: var(--component-content-grid-color-title);
  --component-search-field-active-bg: var(--general-color-background-white);
  --component-search-field-active-border: var(--general-color-border-brand-2);
  --component-search-field-active-icon: var(--general-color-fill-brand-2);
  --component-search-field-active-search-text: var(--general-color-text-darkest);
  --component-search-field-default-bg: var(--general-color-background-white);
  --component-search-field-default-border: var(--general-color-border-brand-1);
  --component-search-field-default-icon: var(--general-color-fill-brand-1);
  --component-search-field-default-search-text: var(--general-color-text-darkest);
  --component-search-field-dropdown-active-radius: 56px;
  --component-search-field-dropdown-bg-default: var(--component-search-field-default-bg);
  --component-search-field-dropdown-bg-hover: var(--theme-secondary-bg-bg);
  --component-search-field-dropdown-border: var(--component-search-field-active-border);
  --component-search-field-dropdown-border-focus: 2px;
  --component-search-field-dropdown-focus-border: var(--theme-primary-surface-border-focus);
  --component-search-field-dropdown-focus-radius: 12px;
  --component-search-field-hover-bg: var(--general-color-background-white);
  --component-search-field-hover-border: var(--general-color-border-brand-2);
  --component-search-field-hover-icon: var(--general-color-fill-brand-2);
  --component-search-field-hover-search-text: var(--general-color-text-darkest);
  --component-site-footer-bottom-bar-bg: var(--general-color-background-dark);
  --component-site-footer-bottom-bar-cta-2-color: inverse;
  --component-site-footer-bottom-bar-icons: var(--general-color-fill-white);
  --component-site-footer-bottom-bar-link: var(--general-color-text-white);
  --component-site-footer-bottom-bar-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-bottom-bar-padding-y: var(--padding-small);
  --component-site-footer-footer-links-bg: var(--general-color-background-darkest);
  --component-site-footer-footer-links-border: var(--general-color-border-darkest);
  --component-site-footer-footer-links-column-label: var(--general-color-text-white);
  --component-site-footer-footer-links-cta-1-color: brand;
  --component-site-footer-footer-links-footer-logo: var(--theme-brand-name);
  --component-site-footer-footer-links-gap-icon: var(--spacing-spacing-4);
  --component-site-footer-footer-links-icons: var(--general-color-fill-white);
  --component-site-footer-footer-links-link: var(--general-color-text-white);
  --component-site-footer-footer-links-link-underline: var(--general-color-border-white);
  --component-site-footer-footer-links-logo-height-large: 40px;
  --component-site-footer-footer-links-logo-height-small: 40px;
  --component-site-footer-footer-links-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-footer-links-padding-y: var(--padding-medium);
  --component-site-footer-footer-links-text: var(--general-color-text-white);
  --component-site-footer-gap-links: var(--space-between-medium);
  --component-site-footer-space-between: var(--space-between-xsmall);
  --component-site-header-color-main-bar-desktop-bg: var(--general-color-background-white);
  --component-site-header-color-main-bar-desktop-bottom-border: var(--general-color-border-darkest);
  --component-site-header-color-main-bar-desktop-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-desktop-link-link-enabled);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-desktop-link-link-enabled: var(--general-color-text-darkest);
  --component-site-header-color-main-bar-desktop-link-link-hover: var(--general-color-text-brand-1);
  --component-site-header-color-main-bar-desktop-link-link-underline: var(--general-color-border-brand-1);
  --component-site-header-color-main-bar-desktop-logo: var(--general-color-fill-brand-1);
  --component-site-header-color-main-bar-mobile-bg: var(--general-color-background-white);
  --component-site-header-color-main-bar-mobile-bottom-border: var(--general-color-border-mid);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-desktop-link-link-enabled);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-mobile-link-link-enabled: var(--general-color-text-darkest);
  --component-site-header-color-main-bar-mobile-link-link-hover: var(--general-color-text-brand-1);
  --component-site-header-color-main-bar-mobile-link-link-underline: var(--general-color-border-brand-1);
  --component-site-header-color-mega-menu-menu-bg: var(--general-color-background-white);
  --component-site-header-color-mega-menu-menu-bottom-border: var(--general-color-border-darkest);
  --component-site-header-color-mega-menu-menu-item-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-hover-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-left-border-items: var(--general-color-border-brand-1);
  --component-site-header-color-mega-menu-menu-paragraph-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-side-bar-bg: var(--general-color-background-light);
  --component-site-header-color-mega-menu-menu-side-bar-title: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-active-icon: var(--general-color-fill-white);
  --component-site-header-color-mega-menu-menu-title-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-enabled-icon: var(--general-color-fill-brand-1);
  --component-site-header-color-mega-menu-menu-title-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-hover-bg: var(--component-site-header-color-mega-menu-menu-bg);
  --component-site-header-color-mega-menu-menu-title-hover-icon: var(--general-color-fill-darkest);
  --component-site-header-color-mega-menu-menu-title-hover-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-pressed-icon: var(--general-color-fill-darkest);
  --component-site-header-color-mega-menu-menu-title-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-enabled-bg: var(--general-color-fill-white);
  --component-site-header-color-search-tag-enabled-border: var(--general-color-border-darkest);
  --component-site-header-color-search-tag-enabled-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-search-tag-enabled-link: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-hover-bg: var(--general-color-fill-light);
  --component-site-header-color-search-tag-hover-border: var(--general-color-border-darkest);
  --component-site-header-color-search-tag-hover-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-search-tag-hover-link: var(--general-color-text-darkest);
  --component-site-header-color-secondary-bar-bg: var(--general-color-background-darkest);
  --component-site-header-color-secondary-bar-on-bar-enabled-bg: #ffffff00;
  --component-site-header-color-secondary-bar-on-bar-enabled-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-bar-enabled-link);
  --component-site-header-color-secondary-bar-on-bar-hover-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-hover-link-icons: var(--component-site-header-color-secondary-bar-on-bar-hover-link);
  --component-site-header-color-secondary-bar-on-bar-pressed-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-bar-pressed-link);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link: var(--component-site-header-color-mega-menu-menu-item-enabled-text);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-enabled-link);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link: var(--component-site-header-color-mega-menu-menu-item-hover-text);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-hover-link);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link: var(--component-site-header-color-mega-menu-menu-item-pressed-text);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-pressed-link);
  --component-site-header-color-utility-bar-bg: var(--general-color-background-dark);
  --component-site-header-color-utility-bar-bottom-border: var(--general-color-border-darkest);
  --component-site-header-color-utility-bar-button-color-1: inverse;
  --component-site-header-color-utility-bar-button-color-2: inverse;
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-enabled: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-enabled: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-underline: var(--general-color-text-white);
  --component-site-header-color-utility-bar-favorites-button-bg: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-bg-hover: var(--general-color-fill-darkest);
  --component-site-header-color-utility-bar-favorites-button-bg-pressed: var(--general-color-fill-darkest);
  --component-site-header-color-utility-bar-favorites-button-border: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-border-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-focus: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-heart-fill: var(--color-brand-general-mills-generalMills-red);
  --component-site-header-color-utility-bar-favorites-button-heart-fill-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-text: var(--general-color-text-darkest);
  --component-site-header-color-utility-bar-favorites-button-text-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-icon: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-logo: var(--general-color-fill-brand-1);
  --component-site-header-main-bar-bottom-border: var(--spacing-spacing-4);
  --component-site-header-main-bar-gap-links: var(--space-between-medium);
  --component-site-header-main-bar-link-bottom-underline-border: 2px;
  --component-site-header-main-bar-logo-height-large: 128px;
  --component-site-header-main-bar-logo-height-small: 64px;
  --component-site-header-main-bar-logo-margin-right: var(--margin-small);
  --component-site-header-main-bar-logo-width-large: 128px;
  --component-site-header-main-bar-logo-width-small: 64px;
  --component-site-header-main-bar-main-bar-inset: var(--padding-none);
  --component-site-header-main-bar-radius: var(--general-radius-none);
  --component-site-header-mega-menu-menu-item-min-width-: 120px;
  --component-site-header-mega-menu-menu-item-radius: var(--radius-radius-0);
  --component-site-header-padding-x: var(--padding-xsmall);
  --component-site-header-padding-y: var(--padding-xxsmall);
  --component-site-header-site-header-simple-search-bar-max-width-desktop: 400px;
  --component-site-header-utility-bar-margin-bottom: var(--spacing-spacing-0);
  --component-skip-to-content-theme-border-size: var(--spacing-spacing-2);
  --component-skip-to-content-theme-primary-bg: var(--general-color-fill-brand-1);
  --component-skip-to-content-theme-primary-border: var(--general-color-border-white);
  --component-skip-to-content-theme-primary-link-underline: var(--component-skip-to-content-theme-primary-text);
  --component-skip-to-content-theme-primary-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-skip-to-content-theme-secondary-bg: var(--theme-secondary-bg-bg);
  --component-skip-to-content-theme-secondary-border: var(--component-skip-to-content-theme-primary-bg);
  --component-skip-to-content-theme-secondary-link-underline: var(--theme-secondary-bg-text-link-underline);
  --component-skip-to-content-theme-secondary-text: var(--theme-secondary-bg-text-link-underline);
  --component-social-bar-color-bg: var(--general-color-background-white);
  --component-social-bar-color-focus: var(--general-color-background-white);
  --component-social-bar-margin-x: var(--spacing-general-margin-x);
  --component-social-bar-margin-y: var(--spacing-general-margin-y);
  --component-static-icon-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-color-on-surface-image-border: var(--color-grayscale-black);
  --component-static-icon-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-static-icon-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-static-icon-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-static-icon-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-static-icon-base-column-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-focus: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-hover: var(--spacing-spacing-4);
  --component-static-icon-base-column-label-margin: var(--spacing-spacing-0);
  --component-static-icon-base-column-min-height: 280px;
  --component-static-icon-base-column-padding-x: var(--padding-none);
  --component-static-icon-base-column-padding-y: var(--padding-none);
  --component-static-icon-base-column-width-column-width-large: 550px;
  --component-static-icon-base-column-width-column-width-medium: 480px;
  --component-static-icon-base-column-width-column-width-small: 320px;
  --component-static-icon-base-copy-padding-x: var(--padding-xsmall);
  --component-static-icon-base-copy-padding-y: var(--padding-xsmall);
  --component-static-icon-base-icon-icon-height-large: 300px;
  --component-static-icon-base-icon-icon-height-medium: 200px;
  --component-static-icon-base-icon-icon-height-small: 120px;
  --component-static-icon-base-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-image-border: var(--color-grayscale-black);
  --component-static-icon-base-image-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-image-icon-image-ratio: "1:1";
  --component-static-icon-base-image-image-ratio: "3:2";
  --component-static-icon-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-static-icon-base-image-padding-x: var(--padding-none);
  --component-static-icon-base-image-radius: var(--general-radius-image);
  --component-table-color-table-row-bg-alt: var(--general-color-background-brand-2);
  --component-table-color-table-row-bg-header: var(--color-primary-color-1-100);
  --component-tabs-color-tab-border-active-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-focus-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-hover-border: var(--theme-brand-action-hover);
  --component-tabs-color-tab-border-inactive-border: var(--general-color-border-mid);
  --component-tabs-color-tab-border-pressed-border: var(--theme-brand-action-hover);
  --component-tag-interactive-border: var(--spacing-spacing-2);
  --component-tag-interactive-color-brand-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-cta-link-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-cta-link-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-tag-interactive-color-brand-cta-link-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-cta-link-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-tag-interactive-color-brand-cta-link-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-tag-interactive-color-brand-cta-link-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-tag-interactive-color-brand-cta-link-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-tag-interactive-color-brand-cta-link-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-interactive-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-interactive-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-tag-interactive-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-tag-interactive-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-fill-hover-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-tag-interactive-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-tag-interactive-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-tag-interactive-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-kitchen-tested-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-kitchen-tested-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-kitchen-tested-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-kitchen-tested-hover-border: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-kitchen-tested-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-outline-hover-border: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-inverse-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-cta-link-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-tag-interactive-color-inverse-cta-link-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-cta-link-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-tag-interactive-color-inverse-cta-link-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-tag-interactive-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-tag-interactive-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-brand-action-hover);
  --component-tag-interactive-color-inverse-fill-hover-border: var(--component-cta-color-inverse-fill-hover-bg);
  --component-tag-interactive-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-tag-interactive-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-tag-interactive-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-tag-interactive-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-inverse-outline-enabled-border: var(--interactiveTheme-button-brand-action-alternate);
  --component-tag-interactive-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-tag-interactive-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-tag-interactive-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-tag-interactive-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-inverse-outline-hover-border: var(--component-cta-color-inverse-outline-hover-bg);
  --component-tag-interactive-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-color-inverse-outline-hover-text: var(--theme-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-tag-interactive-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-tag-interactive-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-tag-interactive-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-radius-bottom-left: var(--general-radius-tag);
  --component-tag-interactive-radius-bottom-right: var(--general-radius-tag);
  --component-tag-interactive-radius-top-left: var(--general-radius-tag);
  --component-tag-interactive-radius-top-right: var(--general-radius-tag);
  --component-tag-static-border-width: 0px;
  --component-tag-static-color-fill-A-bg: var(--general-color-fill-brand-1);
  --component-tag-static-color-fill-A-border: var(--component-tag-static-color-fill-A-bg);
  --component-tag-static-color-fill-A-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-A-text: var(--general-color-text-white);
  --component-tag-static-color-fill-B-bg: var(--color-secondary-color-3-900);
  --component-tag-static-color-fill-B-border: var(--component-tag-static-color-fill-B-bg);
  --component-tag-static-color-fill-B-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-B-text: var(--general-color-text-white);
  --component-tag-static-color-fill-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-static-color-fill-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-static-color-fill-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-color-outline-A-bg: var(--general-color-surface-brand-1);
  --component-tag-static-color-outline-A-border: var(--general-color-border-dark);
  --component-tag-static-color-outline-A-icon: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-A-text: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-B-bg: var(--color-secondary-color-4-100);
  --component-tag-static-color-outline-B-border: var(--color-secondary-color-3-900);
  --component-tag-static-color-outline-B-icon: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-B-text: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-bg: #682dff00;
  --component-tag-static-color-outline-border: var(--theme-brand-action);
  --component-tag-static-color-outline-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-outline-text: var(--interactiveTheme-button-brand-action);
  --component-tag-static-color-text-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-text-text: var(--interactiveTheme-button-brand-action);
  --component-tag-static-inset: var(--padding-none);
  --component-tag-static-radius-bottom-left: var(--general-radius-tag);
  --component-tag-static-radius-bottom-right: var(--general-radius-tag);
  --component-tag-static-radius-top-left: var(--general-radius-tag);
  --component-tag-static-radius-top-right: var(--general-radius-tag);
  --component-vertical-video-asset-default-height: 120px;
  --component-vertical-video-asset-default-width: 120px;
  --component-vertical-video-asset-hover-height: 112px;
  --component-vertical-video-asset-hover-width: 112px;
  --component-vertical-video-border-width: 0px;
  --component-vertical-video-color-bg: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-border-focus: var(--component-category-color-category-enabled);
  --component-vertical-video-color-category-enabled: var(--component-content-grid-color-body);
  --component-vertical-video-color-category-hover: var(--component-content-grid-color-body);
  --component-vertical-video-color-fill: var(--componentTheme-content-grid-fill);
  --component-vertical-video-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-surface: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-title: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-gutter: var(--layout-base-gutter);
  --component-vertical-video-padding-x: var(--layout-base-margin-y);
  --component-vertical-video-padding-y: var(--layout-base-margin-y);
  --component-video-margin-x: var(--spacing-general-margin-x);
  --component-video-margin-y: var(--spacing-general-margin-y);
  --component-video-standalone-video-max-width-desktop: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-mobile: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-tablet: var(--typography-copy-max-width);
  --general-color-background-brand-1: var(--color-primary-color-1-700);
  --general-color-background-brand-2: var(--color-primary-color-2-300);
  --general-color-background-brand-3: var(--color-primary-color-1-100);
  --general-color-background-brand-4: var(--color-primary-color-1-300);
  --general-color-background-dark: var(--color-primary-color-1-700);
  --general-color-background-darkest: var(--color-primary-color-1-900);
  --general-color-background-light: var(--color-grayscale-100);
  --general-color-background-white: var(--color-grayscale-white);
  --general-color-border-brand-1: var(--color-primary-color-1-100);
  --general-color-border-brand-2: var(--color-primary-color-2-500);
  --general-color-border-brand-3: var(--color-secondary-color-3-500);
  --general-color-border-dark: var(--color-primary-color-1-700);
  --general-color-border-darkest: var(--color-primary-color-1-900);
  --general-color-border-light: var(--color-grayscale-300);
  --general-color-border-mid: var(--color-primary-color-1-500);
  --general-color-border-white: var(--color-grayscale-white);
  --general-color-fill-brand-1: var(--color-primary-color-1-700);
  --general-color-fill-brand-2: var(--color-primary-color-1-500);
  --general-color-fill-brand-3: var(--color-primary-color-1-100);
  --general-color-fill-dark: var(--color-grayscale-warmGray-700);
  --general-color-fill-darkest: var(--color-grayscale-warmGray-700);
  --general-color-fill-light: var(--color-grayscale-100);
  --general-color-fill-mid: var(--color-grayscale-400);
  --general-color-fill-white: var(--color-grayscale-white);
  --general-color-surface-brand-1: var(--color-primary-color-1-100);
  --general-color-surface-brand-2: var(--color-primary-color-2-100);
  --general-color-surface-brand-3: var(--color-secondary-color-3-100);
  --general-color-surface-dark: var(--color-grayscale-warmGray-700);
  --general-color-surface-darkest: var(--color-grayscale-warmGray-700);
  --general-color-surface-light: var(--color-grayscale-200);
  --general-color-surface-white: var(--color-grayscale-white);
  --general-color-text-brand-1: var(--color-primary-color-1-100);
  --general-color-text-brand-2: var(--color-primary-color-2-500);
  --general-color-text-brand-3: var(--color-secondary-color-3-500);
  --general-color-text-dark: var(--color-grayscale-warmGray-700);
  --general-color-text-darkest: var(--color-grayscale-warmGray-700);
  --general-color-text-light: var(--color-primary-color-1-100);
  --general-color-text-mid: var(--color-grayscale-500);
  --general-color-text-white: var(--color-grayscale-white);
  --general-drop-shadow-blur: 0px;
  --general-drop-shadow-color: #000000cc;
  --general-drop-shadow-sub-menu-blur: 12px;
  --general-drop-shadow-sub-menu-color: #00000014;
  --general-drop-shadow-sub-menu-y-value: 2px;
  --general-radius-accordion: var(--radius-radius-4);
  --general-radius-base: var(--radius-radius-12);
  --general-radius-card: var(--general-radius-base);
  --general-radius-card-focus: var(--general-radius-base);
  --general-radius-container: var(--general-radius-base);
  --general-radius-container-l2: var(--radius-radius-0);
  --general-radius-dialog: var(--radius-radius-4);
  --general-radius-focus: var(--radius-radius-4);
  --general-radius-image: var(--general-radius-base);
  --general-radius-label: var(--radius-radius-rounded);
  --general-radius-modal: var(--radius-radius-12);
  --general-radius-none: var(--radius-radius-0);
  --general-radius-tag: var(--radius-radius-rounded);
  --spacing-columns-desktop-full-max-width: var(--global-columns-base-desktop-full-max-width);
  --spacing-columns-desktop-full-min-width: var(--global-columns-base-desktop-full-min-width);
  --spacing-columns-desktop-half-max-width: var(--global-columns-base-desktop-half-max-width);
  --spacing-columns-desktop-half-min-width: var(--global-columns-base-desktop-half-min-width);
  --spacing-columns-desktop-one-fourth-max-width: var(--global-columns-base-desktop-oneFourth-max-width);
  --spacing-columns-desktop-one-fourth-min-width: var(--global-columns-base-desktop-oneFourth-min-width);
  --spacing-columns-desktop-one-third-max-width: var(--global-columns-base-desktop-oneThird-max-width);
  --spacing-columns-desktop-one-third-min-width: var(--global-columns-base-desktop-oneThird-min-width);
  --spacing-columns-desktop-three-fourth-max-width: var(--global-columns-base-desktop-three-fourth-max-width);
  --spacing-columns-desktop-three-fourth-min-width: var(--global-columns-base-desktop-three-fourth-min-width);
  --spacing-columns-mobile-full-max-width: var(--global-columns-base-mobile-full-max-width);
  --spacing-columns-mobile-full-min-width: var(--global-columns-base-mobile-full-min-width);
  --spacing-columns-mobile-half-max-width: var(--global-columns-base-mobile-half-max-width);
  --spacing-columns-mobile-half-min-width: var(--global-columns-base-mobile-half-min-width);
  --spacing-columns-mobile-one-fourth-max-width: var(--global-columns-base-mobile-oneFourth-max-width);
  --spacing-columns-mobile-one-third-max-width: var(--global-columns-base-mobile-oneThird-max-width);
  --spacing-columns-mobile-one-third-min-width: var(--global-columns-base-mobile-oneThird-min-width);
  --spacing-columns-mobile-oneFourth-min-width: var(--global-columns-base-mobile-oneFourth-min-width);
  --spacing-columns-mobile-three-fourth-max-width: var(--global-columns-base-mobile-three-fourth-max-width);
  --spacing-columns-mobile-three-fourth-min-width: var(--global-columns-base-mobile-three-fourth-min-width);
  --spacing-columns-tablet-full-max-width: var(--global-columns-base-tablet-full-max-width);
  --spacing-columns-tablet-full-min-width: var(--global-columns-base-tablet-full-min-width);
  --spacing-columns-tablet-half-max-width: var(--global-columns-base-tablet-half-max-width);
  --spacing-columns-tablet-half-min-width: var(--global-columns-base-tablet-half-min-width);
  --spacing-columns-tablet-one-fourth-max-width: var(--global-columns-base-tablet-oneFourth-max-width);
  --spacing-columns-tablet-one-fourth-min-width: var(--global-columns-base-tablet-oneFourth-min-width);
  --spacing-columns-tablet-one-third-max-width: var(--global-columns-base-tablet-oneThird-max-width);
  --spacing-columns-tablet-one-third-min-width: var(--global-columns-base-tablet-oneThird-min-width);
  --spacing-columns-tablet-three-fourth-max-width: var(--global-columns-base-tablet-three-fourth-max-width);
  --spacing-columns-tablet-three-fourth-min-width: var(--global-columns-base-tablet-three-fourth-min-width);
  --spacing-general-buttons-space-between: var(--space-between-small);
  --spacing-general-container-padding-x: var(--layout-full-margin-y);
  --spacing-general-container-padding-y: var(--layout-full-margin-y);
  --spacing-general-copy-margin-bottom: var(--margin-none);
  --spacing-general-cta-margin-top: var(--margin-medium);
  --spacing-general-eyebrow-margin-bottom: var(--margin-xsmall);
  --spacing-general-favicon-dimensions: var(--spacing-spacing-32);
  --spacing-general-gutter: var(--layout-base-gutter);
  --spacing-general-icon-margin-bottom: var(--margin-xsmall);
  --spacing-general-image-padding: var(--padding-none);
  --spacing-general-margin-related-y: var(--spacing-spacing-16);
  --spacing-general-margin-x: var(--layout-base-margin-x);
  --spacing-general-margin-y: var(--layout-base-margin-y);
  --spacing-general-subtitle-margin-top: var(--margin-xsmall);
  --spacing-general-title-margin-bottom: var(--margin-xsmall);
  --spacing-general-top-title-margin-bottom: var(--margin-small);
  --theme-aux-1-bg-bg: var(--general-color-background-brand-1);
  --theme-aux-1-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-1-bg-cta-1-color: inverse;
  --theme-aux-1-bg-cta-2-color: inverse;
  --theme-aux-1-bg-icon: var(--general-color-fill-white);
  --theme-aux-1-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-bg-text-primary: var(--general-color-text-white);
  --theme-aux-1-bg-text-secondary: var(--general-color-text-white);
  --theme-aux-1-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-1-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-1-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-1-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-1-interactive-button-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-aux-1-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-1-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-1-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-aux-1-interactive-surface-hover: var(--general-color-background-light);
  --theme-aux-1-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-1-surface-border: var(--general-color-border-darkest);
  --theme-aux-1-surface-border-focus: var(--general-color-border-brand-1);
  --theme-aux-1-surface-border-hover: var(--general-color-border-darkest);
  --theme-aux-1-surface-cta-1-color: brand;
  --theme-aux-1-surface-cta-2-color: brand;
  --theme-aux-1-surface-icon: var(--general-color-fill-brand-1);
  --theme-aux-1-surface-match-bg-border: var(--general-color-border-darkest);
  --theme-aux-1-surface-match-bg-cta-1-color: inverse;
  --theme-aux-1-surface-match-bg-cta-2-color: inverse;
  --theme-aux-1-surface-match-bg-icon: var(--general-color-fill-white);
  --theme-aux-1-surface-match-bg-surface: var(--theme-aux-1-bg-bg);
  --theme-aux-1-surface-match-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-1-surface-match-bg-text-primary: var(--general-color-text-white);
  --theme-aux-1-surface-match-bg-text-secondary: var(--general-color-text-light);
  --theme-aux-1-surface-surface: var(--general-color-background-white);
  --theme-aux-1-surface-text-hover: var(--theme-brand-action);
  --theme-aux-1-surface-text-link: var(--theme-brand-action);
  --theme-aux-1-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-1-surface-text-primary: var(--general-color-text-darkest);
  --theme-aux-1-surface-text-secondary: var(--general-color-text-dark);
  --theme-aux-2-bg-bg: var(--color-primary-color-1-100);
  --theme-aux-2-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-2-bg-border: var(--general-color-border-brand-2);
  --theme-aux-2-bg-cta-1-color: brand;
  --theme-aux-2-bg-cta-2-color: brand;
  --theme-aux-2-bg-icon: var(--general-color-fill-brand-1);
  --theme-aux-2-bg-text-hover: var(--theme-brand-action);
  --theme-aux-2-bg-text-link: var(--theme-brand-action);
  --theme-aux-2-bg-text-link-underline: var(--theme-link-underline);
  --theme-aux-2-bg-text-primary: var(--general-color-text-darkest);
  --theme-aux-2-bg-text-secondary: var(--general-color-text-darkest);
  --theme-aux-2-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-2-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-2-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-2-interactive-button-link-underline: var(--theme-link-underline);
  --theme-aux-2-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-aux-2-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-aux-2-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-2-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-2-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-aux-2-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-2-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-2-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-aux-2-interactive-surface-hover: var(--general-color-background-light);
  --theme-aux-2-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-2-surface-border: var(--general-color-border-darkest);
  --theme-aux-2-surface-border-focus: var(--general-color-border-darkest);
  --theme-aux-2-surface-border-hover: var(--general-color-border-darkest);
  --theme-aux-2-surface-cta-1-color: inverse;
  --theme-aux-2-surface-cta-2-color: inverse;
  --theme-aux-2-surface-icon: var(--general-color-fill-brand-2);
  --theme-aux-2-surface-match-bg-border: var(--general-color-border-darkest);
  --theme-aux-2-surface-match-bg-cta-1-color: brand;
  --theme-aux-2-surface-match-bg-cta-2-color: brand;
  --theme-aux-2-surface-match-bg-fill: var(--general-color-fill-brand-1);
  --theme-aux-2-surface-match-bg-surface: var(--theme-aux-2-bg-bg);
  --theme-aux-2-surface-match-bg-text-hover: var(--theme-brand-action);
  --theme-aux-2-surface-match-bg-text-primary: var(--general-color-text-darkest);
  --theme-aux-2-surface-match-bg-text-secondary: var(--general-color-text-dark);
  --theme-aux-2-surface-surface: var(--general-color-surface-white);
  --theme-aux-2-surface-text-hover: var(--theme-brand-action);
  --theme-aux-2-surface-text-link: var(--theme-brand-action);
  --theme-aux-2-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-2-surface-text-primary: var(--general-color-text-darkest);
  --theme-aux-2-surface-text-secondary: var(--general-color-text-darkest);
  --theme-brand-action: var(--general-color-fill-brand-1);
  --theme-brand-action-alternate: var(--color-primary-color-1-100);
  --theme-brand-action-alternate-inverse: var(--color-primary-color-1-900);
  --theme-brand-action-hover: var(--color-primary-color-1-900);
  --theme-brand-action-hover-inverse: var(--color-primary-color-1-100);
  --theme-brand-action-inverse: var(--general-color-fill-white);
  --theme-link-underline: var(--theme-brand-action);
  --theme-link-underline-inverse: var(--theme-brand-action-inverse);
  --theme-primary-bg-bg: var(--general-color-background-white);
  --theme-primary-bg-bg-decor-accent: var(--general-color-background-brand-2);
  --theme-primary-bg-border: var(--general-color-border-light);
  --theme-primary-bg-cta-1-color: brand;
  --theme-primary-bg-cta-2-color: brand;
  --theme-primary-bg-icon: var(--general-color-fill-brand-1);
  --theme-primary-bg-text-hover: var(--theme-brand-action-hover);
  --theme-primary-bg-text-link: var(--theme-brand-action);
  --theme-primary-bg-text-link-underline: var(--theme-link-underline);
  --theme-primary-bg-text-primary: var(--general-color-text-darkest);
  --theme-primary-bg-text-secondary: var(--general-color-text-darkest);
  --theme-primary-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-primary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-primary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-primary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-primary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-primary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-primary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-primary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-primary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-primary-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-primary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-primary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-surface-focus: var(--theme-primary-surface-surface);
  --theme-primary-interactive-surface-hover: var(--general-color-background-light);
  --theme-primary-interactive-surface-pressed: var(--theme-primary-interactive-surface-hover);
  --theme-primary-surface-border: var(--general-color-border-darkest);
  --theme-primary-surface-border-focus: var(--general-color-border-brand-1);
  --theme-primary-surface-border-hover: var(--general-color-border-light);
  --theme-primary-surface-cta-1-color: brand;
  --theme-primary-surface-cta-2-color: brand;
  --theme-primary-surface-icon: var(--general-color-fill-brand-1);
  --theme-primary-surface-match-bg-border: var(--general-color-border-darkest);
  --theme-primary-surface-match-bg-cta-1-color: brand;
  --theme-primary-surface-match-bg-cta-2-color: brand;
  --theme-primary-surface-match-bg-fill: var(--general-color-fill-darkest);
  --theme-primary-surface-match-bg-surface: var(--theme-primary-bg-bg);
  --theme-primary-surface-match-bg-text-hover: var(--theme-brand-action);
  --theme-primary-surface-match-bg-text-primary: var(--general-color-text-darkest);
  --theme-primary-surface-match-bg-text-secondary: var(--general-color-text-darkest);
  --theme-primary-surface-surface: var(--general-color-surface-white);
  --theme-primary-surface-text-hover: var(--theme-brand-action);
  --theme-primary-surface-text-link: var(--theme-brand-action);
  --theme-primary-surface-text-link-underline: var(--theme-link-underline);
  --theme-primary-surface-text-primary: var(--general-color-text-darkest);
  --theme-primary-surface-text-secondary: var(--general-color-text-darkest);
  --theme-secondary-bg-bg: var(--general-color-background-brand-2);
  --theme-secondary-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-secondary-bg-border: var(--general-color-border-white);
  --theme-secondary-bg-cta-1-color: brand;
  --theme-secondary-bg-cta-2-color: brand;
  --theme-secondary-bg-icon: var(--general-color-fill-brand-1);
  --theme-secondary-bg-text-hover: var(--theme-brand-action-hover);
  --theme-secondary-bg-text-link: var(--theme-brand-action);
  --theme-secondary-bg-text-link-underline: var(--theme-link-underline);
  --theme-secondary-bg-text-primary: var(--general-color-text-darkest);
  --theme-secondary-bg-text-secondary: var(--general-color-text-darkest);
  --theme-secondary-interactive-action-bar-button-border: var(--component-cta-color-brand-fill-enabled-border);
  --theme-secondary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-secondary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-secondary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-secondary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-secondary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-secondary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-secondary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-secondary-interactive-surface-hover: var(--general-color-background-white);
  --theme-secondary-interactive-surface-pressed: var(--theme-secondary-interactive-surface-hover);
  --theme-secondary-surface-border: var(--general-color-border-darkest);
  --theme-secondary-surface-border-focus: var(--general-color-border-brand-1);
  --theme-secondary-surface-border-hover: var(--general-color-border-darkest);
  --theme-secondary-surface-cta-1-color: brand;
  --theme-secondary-surface-cta-2-color: brand;
  --theme-secondary-surface-icon: var(--general-color-fill-brand-1);
  --theme-secondary-surface-match-bg-border: var(--general-color-border-darkest);
  --theme-secondary-surface-match-bg-cta-1-color: brand;
  --theme-secondary-surface-match-bg-cta-2-color: brand;
  --theme-secondary-surface-match-bg-fill: var(--general-color-fill-brand-1);
  --theme-secondary-surface-match-bg-surface: var(--theme-secondary-bg-bg);
  --theme-secondary-surface-match-bg-text-hover: var(--theme-brand-action);
  --theme-secondary-surface-match-bg-text-primary: var(--general-color-text-darkest);
  --theme-secondary-surface-match-bg-text-secondary: var(--general-color-text-dark);
  --theme-secondary-surface-surface: var(--general-color-surface-white);
  --theme-secondary-surface-text-hover: var(--theme-brand-action);
  --theme-secondary-surface-text-link: var(--theme-brand-action);
  --theme-secondary-surface-text-link-underline: var(--theme-link-underline);
  --theme-secondary-surface-text-primary: var(--general-color-text-darkest);
  --theme-secondary-surface-text-secondary: var(--general-color-text-darkest);
  --typography-font-family-accent-header: var(--typography-font-family-poppins);
  --typography-font-family-body: var(--typography-font-family-poppins);
  --typography-font-family-header: var(--typography-font-family-lora);
  --typography-font-size-desktop-accent-header-display: var(--typography-font-size-font-size-80);
  --typography-font-size-desktop-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-accent-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-accent-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-accent-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-large: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-medium: var(--typography-font-size-font-size-14);
  --typography-font-size-desktop-body-small: var(--typography-font-size-font-size-12);
  --typography-font-size-desktop-body-xlarge: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-body-xsmall: var(--typography-font-size-font-size-10);
  --typography-font-size-desktop-header-display: var(--typography-font-size-font-size-56);
  --typography-font-size-desktop-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-header-xlarge: var(--typography-font-size-font-size-36);
  --typography-font-size-desktop-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-header-xxlarge: var(--typography-font-size-font-size-36);
  --typography-font-size-desktop-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-display: var(--typography-font-size-font-size-72);
  --typography-font-size-mobile-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-accent-header-large: var(--typography-font-size-font-size-40);
  --typography-font-size-mobile-accent-header-medium: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-accent-header-small: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-accent-header-xlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-mobile-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-accent-header-xxlarge: var(--typography-font-size-font-size-56);
  --typography-font-size-mobile-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-body-large: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-body-medium: var(--typography-font-size-font-size-14);
  --typography-font-size-mobile-body-small: var(--typography-font-size-font-size-12);
  --typography-font-size-mobile-body-xlarge: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-body-xsmall: var(--typography-font-size-font-size-10);
  --typography-font-size-mobile-header-display: var(--typography-font-size-font-size-48);
  --typography-font-size-mobile-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-mobile-header-xlarge: var(--typography-font-size-font-size-36);
  --typography-font-size-mobile-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-mobile-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-accent-header-display: var(--typography-font-size-font-size-104);
  --typography-font-size-tablet-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-accent-header-large: var(--typography-font-size-font-size-48);
  --typography-font-size-tablet-accent-header-medium: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-accent-header-small: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-accent-header-xlarge: var(--typography-font-size-font-size-56);
  --typography-font-size-tablet-accent-header-xsmall: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-accent-header-xxlarge: var(--typography-font-size-font-size-64);
  --typography-font-size-tablet-accent-header-xxsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-body-large: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-body-medium: var(--typography-font-size-font-size-14);
  --typography-font-size-tablet-body-small: var(--typography-font-size-font-size-12);
  --typography-font-size-tablet-body-xlarge: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-body-xsmall: var(--typography-font-size-font-size-10);
  --typography-font-size-tablet-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-tablet-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-header-medium: var(--typography-font-size-font-size-28);
  --typography-font-size-tablet-header-small: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-header-xsmall: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-tablet-header-xxsmall: var(--typography-font-size-font-size-18);
  --typography-font-weight-body: 400;
  --typography-font-weight-body-bold: 600;
  --typography-font-weight-button: 600;
  --typography-font-weight-display: 600;
  --typography-font-weight-large: 600;
  --typography-font-weight-medium: 600;
  --typography-font-weight-small: 600;
  --typography-font-weight-xlarge: 600;
  --typography-font-weight-xsmall: 600;
  --typography-font-weight-xxlarge: 600;
  --typography-font-weight-xxsmall: 600;
}

.BrandsBTFE {
  --color-grayscale-100: #f2f2f7;
  --color-grayscale-200: var(--color-grayscale-warmGray-200);
  --color-grayscale-300: var(--color-grayscale-warmGray-300);
  --color-grayscale-400: var(--color-grayscale-coolGray-400);
  --color-grayscale-500: var(--color-grayscale-coolGray-500);
  --color-grayscale-600: var(--color-grayscale-coolGray-600);
  --color-grayscale-700: var(--color-grayscale-coolGray-700);
  --color-grayscale-800: var(--color-grayscale-coolGray-800);
  --color-grayscale-900: #0d0d0d;
  --color-grayscale-black: #000000;
  --color-primary-color-1-100: #edf6ff;
  --color-primary-color-1-300: #0086ff;
  --color-primary-color-1-500: #2b66a5;
  --color-primary-color-1-700: #002c5c;
  --color-primary-color-1-900: #00182d;
  --color-primary-color-1-accessible: #002a57;
  --color-primary-color-2-100: #fff3f7;
  --color-primary-color-2-300: #ff85ae;
  --color-primary-color-2-500: #e9004b;
  --color-primary-color-2-700: #b4003c;
  --color-primary-color-2-900: #3c0014;
  --color-primary-color-2-accessible: var(--color-primary-color-2-500);
  --color-secondary-color-3-100: #cbeef6;
  --color-secondary-color-3-500: #3abcda;
  --color-secondary-color-3-900: #1f6373;
  --color-secondary-color-4-100: #f2e2c2;
  --color-secondary-color-4-500: #f2aa18;
  --color-secondary-color-4-900: #8c630e;
  --color-secondary-color-5-100: #cccccc;
  --color-secondary-color-5-500: #cccccc;
  --color-secondary-color-5-900: #cccccc;
  --color-secondary-color-6-100: #cccccc;
  --color-secondary-color-6-500: #cccccc;
  --color-secondary-color-6-900: #cccccc;
  --color-secondary-color-7-100: #cccccc;
  --color-secondary-color-7-500: #cccccc;
  --color-secondary-color-7-900: #cccccc;
  --color-tertiary-color-swatch-500: var(--color-brand-general-mills-generalMills-red);
  --component-accordion-color-default-body: var(--general-color-text-dark);
  --component-accordion-color-default-border: var(--general-color-border-light);
  --component-accordion-color-default-icons: var(--general-color-fill-brand-1);
  --component-accordion-color-default-surface: var(--general-color-surface-white);
  --component-accordion-color-default-title: var(--general-color-text-dark);
  --component-accordion-color-hover-body: var(--general-color-text-dark);
  --component-accordion-color-hover-border: var(--general-color-border-brand-1);
  --component-accordion-color-hover-icons: var(--general-color-background-brand-1);
  --component-accordion-color-hover-surface: var(--general-color-surface-light);
  --component-accordion-color-hover-title: var(--general-color-text-dark);
  --component-accordion-item-border-bottom: 1px;
  --component-accordion-item-border-left: 1px;
  --component-accordion-item-border-right: 1px;
  --component-accordion-item-border-top: 1px;
  --component-accordion-padding-x: var(--padding-small);
  --component-accordion-padding-y: var(--padding-small);
  --component-action-bar-border: var(--spacing-spacing-0);
  --component-action-bar-color-border: var(--general-color-border-white);
  --component-action-bar-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-enabled-border: var(--general-color-text-brand-1);
  --component-action-bar-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-action-bar-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-focus-focus-border: var(--theme-brand-action);
  --component-action-bar-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-action-bar-color-button-hover-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-action-bar-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-action-bar-color-surface: var(--general-color-surface-white);
  --component-action-bar-color-toggle-active-bg: var(--general-color-fill-brand-2);
  --component-action-bar-color-toggle-active-switch-circle: var(--general-color-fill-white);
  --component-action-bar-color-toggle-inactive-bg: var(--general-color-fill-mid);
  --component-action-bar-color-toggle-inactive-switch-circle: var(--general-color-fill-white);
  --component-action-bar-gap-horizontal: var(--spacing-spacing-16);
  --component-action-bar-gap-vertical: var(--spacing-spacing-12);
  --component-action-bar-radius: var(--radius-radius-12);
  --component-action-bar-share-menu-bg-default: var(--general-color-background-white);
  --component-action-bar-share-menu-bg-hover: var(--color-grayscale-100);
  --component-action-bar-share-menu-blur: 12px;
  --component-action-bar-share-menu-color: #00000014;
  --component-action-bar-share-menu-focus-border: var(--theme-brand-action);
  --component-action-bar-share-menu-max-width: 350px;
  --component-action-bar-share-menu-min-height: 48px;
  --component-action-bar-share-menu-min-width: 200px;
  --component-action-bar-share-menu-text: var(--general-color-text-darkest);
  --component-action-bar-share-menu-y-value: 2px;
  --component-action-bar-width-desktop: 88px;
  --component-action-bar-width-mobile: 56px;
  --component-action-bar-width-tablet: 64px;
  --component-alert-banner-bg: var(--general-color-background-darkest);
  --component-alert-banner-body: var(--general-color-text-white);
  --component-alert-banner-button-color-1: inverse;
  --component-alert-banner-button-color-2: inverse;
  --component-alert-banner-close: var(--general-color-fill-white);
  --component-alert-banner-icon: var(--general-color-fill-white);
  --component-alert-banner-title: var(--general-color-text-white);
  --component-breadcrumb-color-bg: var(--theme-primary-bg-bg);
  --component-breadcrumb-color-item-enabled-icon: var(--general-color-fill-mid);
  --component-breadcrumb-color-item-enabled-text: var(--color-grayscale-500);
  --component-breadcrumb-color-item-focus-icon: var(--component-breadcrumb-color-item-hover-icon);
  --component-breadcrumb-color-item-focus-text: var(--component-breadcrumb-color-item-hover-text);
  --component-breadcrumb-color-item-hover-icon: var(--theme-brand-action);
  --component-breadcrumb-color-item-hover-text: var(--theme-brand-action);
  --component-breadcrumb-color-item-pressed-icon: var(--general-color-fill-brand-1);
  --component-breadcrumb-color-item-pressed-text: var(--general-color-text-brand-1);
  --component-breadcrumb-color-tip-active-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-bg: var(--color-grayscale-black);
  --component-breadcrumb-color-tip-enabled-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-hover-link: var(--general-color-text-white);
  --component-button-tag-color-disabled-bg: #08459833;
  --component-button-tag-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-button-tag-color-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-focus-bg: var(--component-button-tag-color-enabled-bg);
  --component-button-tag-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-button-tag-color-focus-text: var(--component-button-tag-color-enabled-text);
  --component-button-tag-color-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-border: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-button-tag-color-link-underline: var(--general-color-fill-brand-1);
  --component-button-tag-color-pressed-bg: var(--component-button-tag-color-hover-bg);
  --component-button-tag-color-pressed-border: var(--component-button-tag-color-hover-border);
  --component-button-tag-color-pressed-text: var(--component-button-tag-color-hover-text);
  --component-button-tag-radius: var(--radius-radius-rounded);
  --component-button-tag-size-base-border: var(--spacing-spacing-2);
  --component-button-tag-size-base-padding-left: var(--spacing-spacing-16);
  --component-button-tag-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-button-tag-size-base-padding-y: var(--spacing-spacing-8);
  --component-button-tag-size-base-space-between: var(--spacing-spacing-8);
  --component-button-tag-size-small-border: var(--spacing-spacing-4);
  --component-button-tag-size-small-gap: var(--spacing-spacing-8);
  --component-button-tag-size-small-padding-left: var(--spacing-spacing-12);
  --component-button-tag-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-button-tag-size-small-padding-y: var(--spacing-spacing-8);
  --component-card-article-card-border-width: var(--spacing-spacing-4);
  --component-card-article-card-radius: var(--general-radius-card);
  --component-card-article-image-borderWidth: var(--spacing-spacing-4);
  --component-card-article-image-image-ratio: "3:2";
  --component-card-article-image-radius: var(--general-radius-image);
  --component-card-general-card-border-width: var(--spacing-spacing-4);
  --component-card-general-card-radius: var(--general-radius-card);
  --component-card-general-color-body: var(--component-cards-base-color-on-surface-body);
  --component-card-general-color-border: var(--component-cards-base-color-on-surface-border);
  --component-card-general-color-cta-1-color: var(--component-cards-base-color-on-surface-cta-1-color);
  --component-card-general-color-image-border: var(--color-grayscale-black);
  --component-card-general-color-subtitle: var(--component-cards-base-color-on-surface-subtitle);
  --component-card-general-color-surface: var(--component-cards-base-color-on-surface-surface);
  --component-card-general-color-title: var(--component-cards-base-color-on-surface-title);
  --component-card-product-card-border-width: var(--spacing-spacing-4);
  --component-card-product-color-image-bg: var(--general-color-background-brand-1);
  --component-card-product-image-borderWidth: var(--spacing-spacing-4);
  --component-card-product-image-image-ratio: "1:1";
  --component-card-recipe-card-border-width: var(--spacing-spacing-4);
  --component-card-recipe-card-minHeight: 280px;
  --component-card-recipe-card-padding-x: var(--padding-none);
  --component-card-recipe-card-padding-y: var(--padding-none);
  --component-card-recipe-card-radius: var(--general-radius-card);
  --component-card-recipe-color-ratings: var(--interactiveTheme-ratings-active);
  --component-card-recipe-image-borderWidth: var(--spacing-spacing-4);
  --component-card-recipe-image-image-ratio: "3:2";
  --component-card-recipe-image-padding-top: var(--component-card-recipe-image-padding-x);
  --component-card-recipe-image-padding-x: var(--padding-none);
  --component-card-recipe-image-radius: var(--general-radius-image);
  --component-cards-base-card-border-width: var(--spacing-spacing-2);
  --component-cards-base-card-border-width-focus: var(--spacing-spacing-4);
  --component-cards-base-card-border-width-hover: var(--spacing-spacing-2);
  --component-cards-base-card-label-margin: var(--spacing-spacing-12);
  --component-cards-base-card-min-height: 262px;
  --component-cards-base-card-padding-x: var(--padding-xxsmall);
  --component-cards-base-card-padding-y: var(--padding-xxsmall);
  --component-cards-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-border: var(--color-grayscale-200);
  --component-cards-base-color-on-surface-border-focus: var(--general-color-border-brand-1);
  --component-cards-base-color-on-surface-border-hover: var(--componentTheme-cards-on-surface-border-hover);
  --component-cards-base-color-on-surface-cta-1-color: var(--componentTheme-cards-on-surface-cta-1-color);
  --component-cards-base-color-on-surface-cta-2-color: var(--componentTheme-cards-on-surface-cta-2-color);
  --component-cards-base-color-on-surface-image-bg: var(--color-grayscale-200);
  --component-cards-base-color-on-surface-image-border: var(--color-grayscale-white);
  --component-cards-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-cards-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-cards-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-cards-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-cards-base-copy-padding-x: var(--padding-xsmall);
  --component-cards-base-copy-padding-y: var(--padding-xsmall);
  --component-cards-base-image-bg: var(--color-grayscale-200);
  --component-cards-base-image-border: var(--color-grayscale-white);
  --component-cards-base-image-border-width: var(--spacing-spacing-0);
  --component-cards-base-image-category-image-ratio: "1:1";
  --component-cards-base-image-image-ratio: "16:9";
  --component-cards-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-cards-base-image-padding-x: var(--padding-none);
  --component-cards-base-image-radius: var(--general-radius-none);
  --component-cards-card-max-width-mobile: 480px;
  --component-carousel-border-width: 1px;
  --component-carousel-controls-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-brand-icon: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-controls-inverse-icon: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-brand-fill: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-inverse-fill: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-color: var(--component-content-grid-color-button-color-1);
  --component-category-asset-default-height: 120px;
  --component-category-asset-default-width: 120px;
  --component-category-asset-hover-height: 112px;
  --component-category-asset-hover-width: 112px;
  --component-category-color-bg: var(--componentTheme-content-grid-bg);
  --component-category-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-border-focus: var(--component-category-color-category-enabled);
  --component-category-color-category-enabled: var(--component-content-grid-color-body);
  --component-category-color-category-hover: var(--component-content-grid-color-body);
  --component-category-color-fill: var(--componentTheme-content-grid-fill);
  --component-category-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-surface: var(--componentTheme-content-grid-bg);
  --component-category-color-title: var(--componentTheme-content-grid-text-primary);
  --component-category-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-category-gutter: var(--spacing-general-gutter);
  --component-category-padding-x: var(--spacing-general-margin-x);
  --component-category-padding-y: var(--spacing-general-margin-y);
  --component-checkbox-radio-color-brand-fill-disabled-opacity: 0.5;
  --component-checkbox-radio-color-brand-fill-disabled-text: var(--general-color-text-mid);
  --component-checkbox-radio-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-checkbox-radio-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-checkbox-radio-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-enabled-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-error-bg: var(--color-system-error-100);
  --component-checkbox-radio-color-brand-fill-error-border: var(--color-system-error-500);
  --component-checkbox-radio-color-brand-fill-error-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-enabled-bg);
  --component-checkbox-radio-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-focus-border);
  --component-checkbox-radio-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-focus-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-selected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-selected-border: var(--component-checkbox-radio-color-brand-fill-hover-selected-bg);
  --component-checkbox-radio-color-brand-fill-hover-selected-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-hover-selected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-unselected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-unselected-border: var(--component-checkbox-radio-color-brand-fill-hover-selected-bg);
  --component-checkbox-radio-color-brand-fill-hover-unselected-icon: var(--theme-primary-interactive-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-unselected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-uneditable-bg: var(--general-color-background-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-icon: var(--general-color-background-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-text: var(--general-color-text-dark);
  --component-content-grid-color-bg: var(--componentTheme-content-grid-bg);
  --component-content-grid-color-body: var(--componentTheme-content-grid-text-primary);
  --component-content-grid-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-content-grid-color-title: var(--componentTheme-content-grid-text-primary);
  --component-content-grid-margin-x: var(--spacing-general-margin-x);
  --component-content-grid-margin-x-2: var(--spacing-general-margin-x);
  --component-content-grid-margin-y: var(--spacing-general-margin-y);
  --component-content-grid-margin-y-2: var(--spacing-general-margin-y);
  --component-content-grid-pdp-color-bg: var(--general-color-background-white);
  --component-content-grid-pdp-color-body: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-pdp-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-pdp-color-subtitle: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-title: var(--general-color-text-darkest);
  --component-cta-color-brand-fill-disabled-opacity: 0.5;
  --component-cta-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-cta-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-cta-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-cta-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-cta-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-cta-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-cta-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-ghost-disabled-opacity: 0.5;
  --component-cta-color-brand-ghost-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-enabled-text: var(--interactiveTheme-button-ghost-link);
  --component-cta-color-brand-ghost-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-cta-color-brand-ghost-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-ghost-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-cta-color-brand-ghost-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-cta-color-brand-ghost-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-cta-color-brand-ghost-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-cta-color-brand-ghost-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-outline-disabled-opacity: 0.5;
  --component-cta-color-brand-outline-enabled-bg: #ffffff00;
  --component-cta-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-cta-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-cta-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-cta-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-cta-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-cta-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-cta-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-inverse-fill-disabled-opacity: 0.5;
  --component-cta-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-enabled-text: var(--theme-primary-interactive-button-brand-action);
  --component-cta-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-cta-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-cta-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-brand-action-hover);
  --component-cta-color-inverse-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-cta-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-cta-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-cta-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-ghost-disabled-opacity: 0.5;
  --component-cta-color-inverse-ghost-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-cta-color-inverse-ghost-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-ghost-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-cta-color-inverse-ghost-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-outline-disabled-opacity: 0.5;
  --component-cta-color-inverse-outline-enabled-bg: #ffffff00;
  --component-cta-color-inverse-outline-enabled-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-cta-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-cta-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-cta-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-inverse-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-color-inverse-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-cta-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-cta-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-cta-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-focus-radius: var(--radius-radius-rounded);
  --component-cta-radius: var(--radius-radius-rounded);
  --component-cta-size-base-border: var(--spacing-spacing-2);
  --component-cta-size-base-border-2: var(--spacing-spacing-2);
  --component-cta-size-base-padding-left: var(--spacing-spacing-12);
  --component-cta-size-base-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-base-padding-y: var(--spacing-spacing-12);
  --component-cta-size-base-space-between: var(--spacing-spacing-4);
  --component-cta-size-small-border: var(--spacing-spacing-4);
  --component-cta-size-small-gap: var(--spacing-spacing-8);
  --component-cta-size-small-padding-left: var(--spacing-spacing-16);
  --component-cta-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-small-padding-y: var(--spacing-spacing-8);
  --component-dialog-box-shadow-blur: 24px;
  --component-dialog-color-body: var(--theme-primary-surface-match-bg-text-secondary);
  --component-dialog-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-dialog-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-dialog-color-smokescreen: #002d5dcc;
  --component-dialog-color-surface: var(--general-color-surface-white);
  --component-dialog-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-dialog-content-padding-x: var(--padding-medium);
  --component-dialog-content-padding-y: var(--padding-medium);
  --component-error-state-page-color-bg: var(--component-content-grid-color-bg);
  --component-error-state-page-color-body: var(--componentTheme-surface-text-secondary);
  --component-error-state-page-color-cta-1-color: var(--componentTheme-surface-cta-1-color);
  --component-error-state-page-color-icon: var(--componentTheme-surface-icon);
  --component-error-state-page-color-image-bg: var(--general-color-background-dark);
  --component-error-state-page-color-surface: var(--componentTheme-surface-surface);
  --component-error-state-page-color-title: var(--general-color-text-brand-1);
  --component-error-state-page-content-padding-x: var(--layout-full-margin-x);
  --component-error-state-page-content-padding-y: var(--layout-full-margin-y);
  --component-error-state-page-content-radius: var(--general-radius-container);
  --component-error-state-page-copy-padding-x: var(--padding-medium);
  --component-error-state-page-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-error-state-page-copy-radius: var(--general-radius-container);
  --component-error-state-page-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-error-state-page-gutter: var(--layout-full-gutter);
  --component-error-state-page-image-imageLeft-radius-bottomLeft: var(--general-radius-base);
  --component-error-state-page-image-imageLeft-radius-bottomRight: var(--general-radius-base);
  --component-error-state-page-image-imageLeft-radius-top-left: var(--general-radius-base);
  --component-error-state-page-image-imageLeft-radius-top-right: var(--general-radius-base);
  --component-error-state-page-image-imageRight-radius-bottom-left: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-imageRight-radius-bottom-right: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-imageRight-radius-top-left: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-imageRight-radius-top-right: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-max-height-desktop: 1024px;
  --component-error-state-page-image-max-height-mobile: 360px;
  --component-error-state-page-image-max-height-tablet: 1024px;
  --component-error-state-page-image-min-height-desktop: 370px;
  --component-error-state-page-image-min-height-mobile: 180px;
  --component-error-state-page-image-min-height-tablet: 392px;
  --component-error-state-page-image-padding-x: var(--padding-small);
  --component-error-state-page-image-padding-y: var(--component-newsletter-sign-up-image-padding-x);
  --component-error-state-page-image-radius: var(--general-radius-image);
  --component-error-state-page-margin-x: var(--spacing-general-margin-x);
  --component-error-state-page-margin-y: var(--spacing-general-margin-y);
  --component-facets-color-default-border: var(--component-facets-color-default-surface);
  --component-facets-color-default-icons: var(--general-color-fill-brand-1);
  --component-facets-color-default-surface: var(--theme-primary-surface-match-bg-surface);
  --component-facets-color-default-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-facets-color-focus-border: var(--general-color-border-brand-1);
  --component-facets-color-focus-icons: var(--general-color-background-brand-1);
  --component-facets-color-focus-surface: var(--general-color-surface-light);
  --component-facets-color-focus-title: var(--general-color-text-darkest);
  --component-facets-color-hover-border: var(--general-color-border-brand-1);
  --component-facets-color-hover-icons: var(--general-color-background-brand-1);
  --component-facets-color-hover-surface: var(--general-color-surface-light);
  --component-facets-color-hover-title: var(--general-color-text-darkest);
  --component-facets-counter-surface: #ffffff;
  --component-facets-counter-text: #ffffff;
  --component-facets-max-width: 302px;
  --component-facets-padding-x: var(--padding-xxsmall);
  --component-facets-padding-y: var(--padding-xxsmall);
  --component-facets-radius: var(--radius-radius-2);
  --component-favorites-border: var(--spacing-spacing-0);
  --component-favorites-color-border: var(--general-color-border-white);
  --component-favorites-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-focus-focus-border: var(--theme-brand-action);
  --component-favorites-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-favorites-color-button-hover-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-favorites-color-surface: var(--general-color-surface-white);
  --component-favorites-lists-menu-bg-default: var(--general-color-background-white);
  --component-favorites-lists-menu-bg-hover: var(--general-color-background-white);
  --component-favorites-lists-menu-focus-border: var(--general-color-text-darkest);
  --component-favorites-lists-menu-max-width: 350px;
  --component-favorites-lists-menu-min-height: 48px;
  --component-favorites-lists-menu-min-width: 200px;
  --component-favorites-lists-menu-text: var(--general-color-text-darkest);
  --component-favorites-radius: var(--radius-radius-12);
  --component-feature-full-color-bg: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-body: var(--componentTheme-content-grid-text-primary);
  --component-feature-full-color-cta-1-color: var(--componentTheme-content-grid-cta-1-color);
  --component-feature-full-color-cta-2-color: var(--componentTheme-content-grid-cta-2-color);
  --component-feature-full-color-eyebrow: var(--componentTheme-content-grid-text-primary);
  --component-feature-full-color-fill: var(--componentTheme-content-grid-fill);
  --component-feature-full-color-image-bg: var(--general-color-fill-light);
  --component-feature-full-color-surface: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-title: var(--componentTheme-content-grid-text-primary);
  --component-feature-full-copy-block-copy-block-indent: var(--padding-small);
  --component-feature-full-copy-block-padding-x: var(--padding-medium);
  --component-feature-full-copy-block-padding-y: var(--component-feature-full-copy-block-padding-x);
  --component-feature-full-copy-block-radius: var(--general-radius-container);
  --component-feature-full-copy-container-padding-x: var(--layout-base-margin-x);
  --component-feature-full-copy-container-padding-y: var(--layout-base-margin-y);
  --component-feature-full-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-feature-full-decor-decor-accent: var(--componentTheme-content-grid-bg-decor-accent);
  --component-feature-full-decor-decor-match-primary-bg: var(--theme-primary-bg-bg);
  --component-feature-full-decor-icon-height: var(--icon-large-height);
  --component-feature-full-image-padding-left: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-right: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-x: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-y: var(--padding-medium);
  --component-feature-full-image-radius: var(--general-radius-image);
  --component-feature-split-color-bg: var(--componentTheme-feature-bg);
  --component-feature-split-color-body: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-color-button-size: base;
  --component-feature-split-color-cta-1-color: var(--componentTheme-feature-match-bg-cta-1-color);
  --component-feature-split-color-cta-2-color: var(--componentTheme-feature-match-bg-cta-2-color);
  --component-feature-split-color-eyebrow: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-color-fill: var(--componentTheme-feature-match-bg-fill);
  --component-feature-split-color-image-bg: var(--general-color-background-brand-1);
  --component-feature-split-color-subtitle: var(--componentTheme-feature-match-bg-text-secondary);
  --component-feature-split-color-surface: var(--componentTheme-feature-match-bg-surface);
  --component-feature-split-color-title: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-constrained-copy-desktop-max-width: 360px;
  --component-feature-split-constrained-copy-mobile-max-width: 767px;
  --component-feature-split-constrained-copy-padding-x: var(--padding-xlarge);
  --component-feature-split-constrained-copy-padding-y: var(--component-feature-split-constrained-copy-padding-x);
  --component-feature-split-constrained-copy-tablet-max-width: 816px;
  --component-feature-split-constrained-image-desktop-min-width: 560px;
  --component-feature-split-constrained-image-mobile-min-width: 560px;
  --component-feature-split-constrained-image-tablet-min-width: 560px;
  --component-feature-split-constrained-margin-left: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-constrained-margin-right: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-content-padding-x: var(--layout-full-margin-x);
  --component-feature-split-content-padding-y: var(--layout-full-margin-y);
  --component-feature-split-content-radius: var(--general-radius-container);
  --component-feature-split-copy-padding-x: var(--padding-medium);
  --component-feature-split-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-feature-split-copy-radius: var(--general-radius-container);
  --component-feature-split-decor-bg-accent: var(--general-color-text-brand-3);
  --component-feature-split-decor-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-feature-split-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-feature-split-decor-icon-height: var(--icon-large-height);
  --component-feature-split-gutter: var(--spacing-general-gutter);
  --component-feature-split-image-border: var(--color-grayscale-100);
  --component-feature-split-image-border-width: var(--spacing-spacing-0);
  --component-feature-split-image-image-ratio: "3:2";
  --component-feature-split-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-padding-x: var(--padding-none);
  --component-feature-split-image-padding-y: var(--component-feature-split-image-padding-x);
  --component-feature-split-image-radius: var(--general-radius-image);
  --component-feature-split-margin-x: var(--layout-base-margin-x);
  --component-feature-split-margin-y: var(--layout-compact-margin-y);
  --component-filters-color-default-border: var(--general-color-border-darkest);
  --component-filters-color-default-label: var(--general-color-text-darkest);
  --component-filters-color-default-surface: var(--general-color-surface-white);
  --component-filters-color-focus-border: var(--general-color-border-brand-1);
  --component-filters-color-focus-label: var(--general-color-text-darkest);
  --component-filters-color-focus-surface: var(--general-color-surface-light);
  --component-filters-color-hover-border: var(--theme-brand-action);
  --component-filters-color-hover-label: var(--general-color-text-darkest);
  --component-filters-color-hover-surface: var(--general-color-surface-light);
  --component-filters-color-selected-border: var(--theme-brand-action);
  --component-filters-color-selected-icons: var(--general-color-background-white);
  --component-filters-color-selected-label: var(--general-color-text-darkest);
  --component-filters-color-selected-surface: var(--theme-brand-action);
  --component-filters-counter-surface: var(--general-color-background-darkest);
  --component-filters-counter-text: var(--general-color-text-white);
  --component-filters-padding-x: var(--padding-xxsmall);
  --component-filters-padding-y: var(--padding-xxsmall);
  --component-filters-radius: var(--radius-radius-2);
  --component-form-field-color-button-color-1: brand;
  --component-form-field-color-button-color-2: brand;
  --component-form-field-color-default-bg: var(--component-search-field-default-bg);
  --component-form-field-color-default-border: var(--color-grayscale-200);
  --component-form-field-color-descriptive-text: var(--general-color-text-darkest);
  --component-form-field-color-filled-border: var(--color-grayscale-800);
  --component-form-field-color-icon: var(--general-color-fill-darkest);
  --component-form-field-color-label: var(--general-color-text-darkest);
  --component-form-field-color-placeholder-text: var(--general-color-text-mid);
  --component-form-field-color-required-asterisk: var(--component-form-field-color-label);
  --component-form-field-color-surface: var(--general-color-surface-white);
  --component-hero-color-alternate-bg: var(--componentTheme-hero-bg);
  --component-hero-color-alternate-body: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-alternate-cta-1-color: var(--componentTheme-hero-match-bg-cta-1-color);
  --component-hero-color-alternate-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-alternate-eyebrow: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-alternate-fill: var(--componentTheme-hero-fill);
  --component-hero-color-alternate-surface: var(--componentTheme-hero-match-bg-surface);
  --component-hero-color-alternate-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-alternate-title: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-bg: var(--componentTheme-hero-bg);
  --component-hero-color-general-body: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-cta-1-color: var(--componentTheme-hero-match-bg-cta-1-color);
  --component-hero-color-general-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-general-decor: var(--theme-primary-bg-bg);
  --component-hero-color-general-decor-mobile: var(--component-hero-color-general-surface);
  --component-hero-color-general-eyebrow: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-fill: var(--componentTheme-hero-fill);
  --component-hero-color-general-surface: var(--componentTheme-hero-match-bg-surface);
  --component-hero-color-general-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-general-title: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-simple-bg: var(--general-color-background-white);
  --component-hero-color-simple-body: var(--theme-primary-bg-text-primary);
  --component-hero-color-simple-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-color-simple-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-color-simple-decor-accent: var(--general-color-background-white);
  --component-hero-color-simple-eyebrow: var(--theme-primary-bg-text-primary);
  --component-hero-color-simple-text-link: var(--theme-primary-bg-text-link);
  --component-hero-color-simple-title: var(--theme-primary-bg-text-primary);
  --component-hero-container-desktop-min-height: 500px;
  --component-hero-container-desktop-radius: var(--general-radius-container);
  --component-hero-container-gap: var(--layout-base-gutter);
  --component-hero-container-mobile-min-height: 560px;
  --component-hero-container-mobile-radius: var(--general-radius-none);
  --component-hero-container-padding-x: var(--spacing-general-margin-x);
  --component-hero-container-padding-y: var(--spacing-general-margin-y);
  --component-hero-container-radius: var(--general-radius-container);
  --component-hero-container-tablet-min-height: 432px;
  --component-hero-container-tablet-radius: var(--general-radius-none);
  --component-hero-copy-padding-x: var(--padding-large);
  --component-hero-copy-padding-y: var(--padding-large);
  --component-hero-copy-radius: var(--general-radius-container);
  --component-hero-copy-radius-bottom-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-bottom-right: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-right: var(--component-hero-copy-radius);
  --component-hero-copyBlock-padding-x: var(--padding-small);
  --component-hero-copyBlock-padding-y: var(--padding-medium);
  --component-hero-copyBlock-radius: var(--general-radius-container);
  --component-hero-copyBlock-radius-bottom-left: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-bottom-right: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-top-left: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-top-right: var(--component-hero-container-radius);
  --component-hero-decor-brand: var(--theme-brand-name);
  --component-hero-desktop-max-width: var(--screen-dimensions-max-width);
  --component-hero-image-a11y-image-background-blur: 10px;
  --component-hero-image-a11y-image-overlay-opacity: 0.9;
  --component-hero-image-desktop-radius: var(--radius-radius-24);
  --component-hero-image-mobile-radius: var(--general-radius-none);
  --component-hero-image-padding-top: var(--component-hero-image-padding-y);
  --component-hero-image-padding-x: var(--padding-none);
  --component-hero-image-padding-y: var(--padding-none);
  --component-hero-image-splitHero-radius: var(--radius-radius-32);
  --component-hero-mobile-max-width: 1000px;
  --component-hero-tablet-max-width: 1000px;
  --component-hero-typography-title: var(--typography-font-size-header-display);
  --component-hero-article-color-bg: var(--theme-primary-bg-bg);
  --component-hero-article-color-bg-accent: var(--general-color-text-brand-3);
  --component-hero-article-color-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-hero-article-color-body: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-color-category: var(--theme-primary-surface-match-bg-text-secondary);
  --component-hero-article-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-hero-article-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-hero-article-color-date: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-color-details: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-color-icon: var(--theme-primary-surface-match-bg-fill);
  --component-hero-article-color-image-bg: var(--general-color-background-dark);
  --component-hero-article-color-surface: var(--theme-primary-surface-match-bg-surface);
  --component-hero-article-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-content-padding-x: var(--layout-full-margin-x);
  --component-hero-article-content-padding-y: var(--layout-full-margin-y);
  --component-hero-article-content-radius: var(--general-radius-none);
  --component-hero-article-copy-category-margin-bottom: var(--spacing-general-eyebrow-margin-bottom);
  --component-hero-article-copy-padding-x: var(--spacing-general-margin-x);
  --component-hero-article-copy-padding-y: var(--padding-small);
  --component-hero-article-copy-radius: var(--general-radius-container);
  --component-hero-article-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-article-gutter: var(--spacing-general-gutter);
  --component-hero-article-image-image-ratio: "16:9";
  --component-hero-article-image-imageLeft-radius-bottom-left: var(--general-radius-none);
  --component-hero-article-image-imageLeft-radius-bottom-right: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-article-image-imageLeft-radius-top-left: var(--general-radius-none);
  --component-hero-article-image-imageLeft-radius-top-right: var(--general-radius-none);
  --component-hero-article-image-imageRight-radius-bottom-left: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-article-image-imageRight-radius-bottom-right: var(--general-radius-none);
  --component-hero-article-image-imageRight-radius-top-left: var(--general-radius-none);
  --component-hero-article-image-imageRight-radius-top-right: var(--general-radius-none);
  --component-hero-article-image-max-height-desktop: 1024px;
  --component-hero-article-image-max-height-mobile: 360px;
  --component-hero-article-image-max-height-tablet: 1024px;
  --component-hero-article-image-min-height-desktop: 370px;
  --component-hero-article-image-min-height-mobile: 180px;
  --component-hero-article-image-min-height-tablet: 392px;
  --component-hero-article-image-padding-x: var(--padding-none);
  --component-hero-article-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-hero-article-image-radius: var(--general-radius-image);
  --component-hero-article-margin-x: var(--padding-none);
  --component-hero-article-padding-y: var(--component-hero-article-margin-x);
  --component-hero-product-brand-decor: var(--component-site-header-main-bar-brand-logo);
  --component-hero-product-color-badge-color: brand;
  --component-hero-product-color-bg: var(--theme-primary-bg-bg);
  --component-hero-product-color-body: var(--theme-primary-bg-text-primary);
  --component-hero-product-color-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-product-color-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-product-color-decor: var(--component-pdp-product-content-color-bg);
  --component-hero-product-color-eyebrow: var(--theme-primary-bg-text-primary);
  --component-hero-product-color-icon: var(--theme-primary-bg-icon);
  --component-hero-product-color-image-bg: var(--general-color-background-dark);
  --component-hero-product-color-image-border: var(--general-color-border-light);
  --component-hero-product-color-image-surface: var(--general-color-surface-white);
  --component-hero-product-color-link: var(--theme-primary-bg-text-link-underline);
  --component-hero-product-color-ratings: var(--theme-aux-1-interactive-ratings-active);
  --component-hero-product-color-ratings-inactive: var(--theme-primary-interactive-ratings-inactive);
  --component-hero-product-color-subtitle: var(--theme-secondary-bg-text-primary);
  --component-hero-product-color-thumbnail-selected-border: var(--theme-brand-action);
  --component-hero-product-color-title: var(--theme-primary-bg-text-primary);
  --component-hero-product-content-padding-x: var(--layout-full-margin-x);
  --component-hero-product-content-padding-y: var(--layout-full-margin-y);
  --component-hero-product-content-radius: var(--general-radius-none);
  --component-hero-product-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-product-copy-padding-y: var(--component-hero-recipe-copy-padding-x);
  --component-hero-product-copy-radius: var(--general-radius-container);
  --component-hero-product-gutter: var(--layout-full-gutter);
  --component-hero-product-image-imageLeft-radius-bottom-left: var(--general-radius-none);
  --component-hero-product-image-imageLeft-radius-bottom-right: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-product-image-imageLeft-radius-top-left: var(--general-radius-none);
  --component-hero-product-image-imageLeft-radius-top-right: var(--general-radius-none);
  --component-hero-product-image-imageRight-radius-bottom-left: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-product-image-imageRight-radius-bottom-right: var(--general-radius-none);
  --component-hero-product-image-imageRight-radius-top-left: var(--general-radius-none);
  --component-hero-product-image-imageRight-radius-top-right: var(--general-radius-none);
  --component-hero-product-image-max-height-desktop: 640px;
  --component-hero-product-image-max-height-mobile: 320px;
  --component-hero-product-image-max-height-tablet: 1024px;
  --component-hero-product-image-padding-x: var(--padding-none);
  --component-hero-product-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-product-image-radius: var(--general-radius-image);
  --component-hero-product-margin-x: var(--padding-none);
  --component-hero-product-margin-y: var(--component-hero-recipe-margin-x);
  --component-hero-recipe-color-badge-color: brand;
  --component-hero-recipe-color-bg: var(--theme-secondary-bg-bg);
  --component-hero-recipe-color-body: var(--theme-secondary-bg-text-secondary);
  --component-hero-recipe-color-cta-1-color: var(--theme-secondary-bg-cta-1-color);
  --component-hero-recipe-color-cta-2-color: var(--theme-secondary-bg-cta-2-color);
  --component-hero-recipe-color-eyebrow: var(--theme-secondary-bg-text-secondary);
  --component-hero-recipe-color-icon: var(--theme-secondary-bg-icon);
  --component-hero-recipe-color-image-bg: var(--general-color-background-dark);
  --component-hero-recipe-color-link: var(--theme-secondary-interactive-button-ghost-link);
  --component-hero-recipe-color-ratings: var(--theme-secondary-interactive-ratings-inverse-active);
  --component-hero-recipe-color-ratings-inactive: var(--theme-secondary-interactive-ratings-inverse-inactive);
  --component-hero-recipe-color-subtitle: var(--theme-secondary-bg-text-secondary);
  --component-hero-recipe-color-title: var(--theme-secondary-bg-text-primary);
  --component-hero-recipe-content-padding-x: var(--layout-full-margin-x);
  --component-hero-recipe-content-padding-y: var(--layout-full-margin-y);
  --component-hero-recipe-content-radius: var(--general-radius-none);
  --component-hero-recipe-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-recipe-copy-padding-y: var(--component-hero-recipe-copy-padding-x);
  --component-hero-recipe-copy-radius: var(--general-radius-container);
  --component-hero-recipe-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-recipe-gutter: var(--spacing-general-gutter);
  --component-hero-recipe-image-imageLeft-radius-bottom-left: var(--general-radius-none);
  --component-hero-recipe-image-imageLeft-radius-bottom-right: var(--general-radius-none);
  --component-hero-recipe-image-imageLeft-radius-top-left: var(--general-radius-none);
  --component-hero-recipe-image-imageLeft-radius-top-right: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-bottom-left: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-bottom-right: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-top-left: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-top-right: var(--general-radius-none);
  --component-hero-recipe-image-max-height-desktop: 640px;
  --component-hero-recipe-image-max-height-mobile: 320px;
  --component-hero-recipe-image-max-height-tablet: 1024px;
  --component-hero-recipe-image-padding-x: var(--padding-none);
  --component-hero-recipe-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-recipe-image-radius: var(--general-radius-image);
  --component-hero-recipe-margin-x: var(--padding-none);
  --component-hero-recipe-padding-y: var(--component-hero-recipe-margin-x);
  --component-icon-content-large-desktop-height: 120px;
  --component-icon-content-large-desktop-width: 120px;
  --component-icon-content-large-mobile-height: 120px;
  --component-icon-content-large-mobile-width: 120px;
  --component-icon-content-large-tablet-height: 120px;
  --component-icon-content-large-tablet-width: 120px;
  --component-icon-content-small-desktop-height: 80px;
  --component-icon-content-small-desktop-width: 80px;
  --component-icon-content-small-mobile-height: 40px;
  --component-icon-content-small-mobile-width: 40px;
  --component-icon-content-small-tablet-height: 64px;
  --component-icon-content-small-tablet-width: 64px;
  --component-image-color-button-color-below-image: brand;
  --component-image-color-button-color-on-image: inverse;
  --component-image-standalone-image-max-width-desktop: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-mobile: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-tablet: var(--typography-copy-max-width);
  --component-listing-grid-color-bg: var(--theme-primary-bg-bg);
  --component-listing-grid-color-body: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-button-color-1: var(--theme-primary-bg-cta-1-color);
  --component-listing-grid-color-button-color-2: var(--theme-primary-bg-cta-2-color);
  --component-listing-grid-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-title: var(--theme-primary-bg-text-primary);
  --component-listing-grid-margin-x: var(--spacing-general-margin-x);
  --component-listing-grid-margin-y: var(--spacing-general-margin-y);
  --component-location-selector-color-default-body: var(--component-accordion-color-default-body);
  --component-location-selector-color-default-border: var(--component-accordion-color-default-border);
  --component-location-selector-color-default-icons: var(--component-accordion-color-default-icons);
  --component-location-selector-color-default-surface: var(--component-accordion-color-default-surface);
  --component-location-selector-color-default-title: var(--component-accordion-color-default-title);
  --component-location-selector-color-hover-body: var(--component-accordion-color-hover-body);
  --component-location-selector-color-hover-border: var(--component-accordion-color-hover-border);
  --component-location-selector-color-hover-icons: var(--component-accordion-color-hover-icons);
  --component-location-selector-color-hover-surface: var(--component-accordion-color-hover-surface);
  --component-location-selector-color-hover-title: var(--component-accordion-color-hover-title);
  --component-location-selector-item-border-bottom: 0px;
  --component-location-selector-item-border-left: 0px;
  --component-location-selector-item-border-right: 0px;
  --component-location-selector-item-border-top: 1px;
  --component-location-selector-padding-x: var(--component-accordion-padding-x);
  --component-location-selector-padding-y: var(--component-accordion-padding-y);
  --component-modal-color-body: var(--theme-primary-surface-match-bg-text-secondary);
  --component-modal-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-modal-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-modal-color-smokescreen: var(--component-dialog-color-smokescreen);
  --component-modal-color-surface: var(--general-color-surface-white);
  --component-modal-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-modal-content-padding-x: var(--padding-small);
  --component-modal-content-padding-y: var(--padding-small);
  --component-my-account-color-bg: var(--general-color-background-light);
  --component-my-account-color-bg-cta-color: var(--theme-primary-bg-cta-1-color);
  --component-my-account-color-body: var(--theme-primary-bg-text-secondary);
  --component-my-account-color-border: var(--component-my-account-color-surface);
  --component-my-account-color-header: var(--theme-primary-bg-text-primary);
  --component-my-account-color-line-break: var(--general-color-border-light);
  --component-my-account-color-sidebar-surface: var(--general-color-surface-brand-2);
  --component-my-account-color-sidebar-text: var(--general-color-text-white);
  --component-my-account-color-surface: var(--theme-primary-surface-match-bg-surface);
  --component-my-account-color-surface-cta-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-my-account-color-surface-highlight: var(--color-grayscale-100);
  --component-my-account-color-title: var(--theme-primary-bg-text-primary);
  --component-my-account-content-padding-x: var(--padding-medium);
  --component-my-account-content-padding-y: var(--padding-medium);
  --component-my-account-padding-x: var(--layout-compact-margin-x);
  --component-my-account-padding-y: var(--layout-compact-margin-y);
  --component-nav-dropdown-menu-border: var(--spacing-spacing-0);
  --component-nav-dropdown-menu-color-border: var(--general-color-border-white);
  --component-nav-dropdown-menu-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-focus-focus-border: var(--theme-brand-action);
  --component-nav-dropdown-menu-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-nav-dropdown-menu-color-button-hover-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-surface: var(--general-color-surface-white);
  --component-nav-dropdown-menu-lists-menu-bg-default: var(--general-color-background-white);
  --component-nav-dropdown-menu-lists-menu-bg-hover: var(--color-grayscale-100);
  --component-nav-dropdown-menu-lists-menu-focus-border: var(--general-color-text-darkest);
  --component-nav-dropdown-menu-lists-menu-max-width: 350px;
  --component-nav-dropdown-menu-lists-menu-min-height: 48px;
  --component-nav-dropdown-menu-lists-menu-min-width: 200px;
  --component-nav-dropdown-menu-lists-menu-text: var(--general-color-text-darkest);
  --component-nav-dropdown-menu-radius: var(--radius-radius-12);
  --component-newsletter-sign-up-color-bg: var(--component-content-grid-color-bg);
  --component-newsletter-sign-up-color-body: var(--componentTheme-surface-text-secondary);
  --component-newsletter-sign-up-color-cta-1-color: var(--componentTheme-surface-cta-1-color);
  --component-newsletter-sign-up-color-icon: var(--componentTheme-surface-icon);
  --component-newsletter-sign-up-color-image-bg: var(--general-color-background-dark);
  --component-newsletter-sign-up-color-surface: var(--componentTheme-surface-surface);
  --component-newsletter-sign-up-color-title: var(--componentTheme-surface-text-primary);
  --component-newsletter-sign-up-content-padding-x: var(--layout-full-margin-x);
  --component-newsletter-sign-up-content-padding-y: var(--layout-full-margin-y);
  --component-newsletter-sign-up-content-radius: var(--general-radius-container);
  --component-newsletter-sign-up-copy-padding-x: var(--padding-medium);
  --component-newsletter-sign-up-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-newsletter-sign-up-copy-radius: var(--general-radius-container);
  --component-newsletter-sign-up-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-newsletter-sign-up-gutter: var(--layout-full-gutter);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-left: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-right: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageLeft-radius-top-left: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageLeft-radius-top-right: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-left: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-right: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-left: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-right: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-max-height-desktop: 1024px;
  --component-newsletter-sign-up-image-max-height-mobile: 360px;
  --component-newsletter-sign-up-image-max-height-tablet: 1024px;
  --component-newsletter-sign-up-image-min-height-desktop: 370px;
  --component-newsletter-sign-up-image-min-height-mobile: 180px;
  --component-newsletter-sign-up-image-min-height-tablet: 392px;
  --component-newsletter-sign-up-image-padding-x: var(--padding-small);
  --component-newsletter-sign-up-image-padding-y: var(--component-newsletter-sign-up-image-padding-x);
  --component-newsletter-sign-up-image-radius: var(--general-radius-image);
  --component-newsletter-sign-up-margin-x: var(--spacing-general-margin-x);
  --component-newsletter-sign-up-margin-y: var(--spacing-general-margin-y);
  --component-pagination-color-disabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-disabled-icon: var(--interactiveTheme-ratings-inactive);
  --component-pagination-color-disabled-text: var(--interactiveTheme-ratings-inactive);
  --component-pagination-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-focus-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-pagination-color-focus-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-hover-bg: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-pagination-color-hover-text: var(--interactiveTheme-button-brand-action-alternate);
  --component-pagination-color-link-underline: var(--general-color-fill-brand-1);
  --component-pagination-color-pressed-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-pressed-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-selected-bg: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-selected-border: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-selected-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-pagination-radius: var(--radius-radius-rounded);
  --component-pagination-size-base-border: var(--spacing-spacing-2);
  --component-pagination-size-base-padding-left: var(--spacing-spacing-16);
  --component-pagination-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-pagination-size-base-padding-y: var(--spacing-spacing-8);
  --component-pagination-size-base-space-between: var(--spacing-spacing-8);
  --component-pagination-size-small-border: var(--spacing-spacing-4);
  --component-pagination-size-small-gap: var(--spacing-spacing-8);
  --component-pagination-size-small-padding-left: var(--spacing-spacing-12);
  --component-pagination-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-pagination-size-small-padding-y: var(--spacing-spacing-8);
  --component-pdp-product-content-color-bg: var(--theme-secondary-bg-bg);
  --component-pdp-product-content-color-body: var(--theme-secondary-bg-text-secondary);
  --component-pdp-product-content-color-icon: var(--general-color-fill-brand-2);
  --component-pdp-product-content-color-image-bg: var(--general-color-background-dark);
  --component-pdp-product-content-color-surface: var(--general-color-surface-white);
  --component-pdp-product-content-color-surface-border: var(--general-color-border-light);
  --component-pdp-product-content-color-title: var(--theme-secondary-bg-text-primary);
  --component-pdp-product-content-gutter: var(--spacing-general-gutter);
  --component-pdp-product-content-margin-x: var(--spacing-general-margin-x);
  --component-pdp-product-content-margin-y: var(--layout-compact-margin-y);
  --component-print-image-print-logo-invert: 0;
  --component-recipe-description-copy-max-width-desktop: 804px;
  --component-recipe-description-copy-max-width-mobile: var(--typography-copy-max-width);
  --component-recipe-description-copy-max-width-tablet: var(--typography-copy-max-width);
  --component-recipe-header-brand: var(--theme-brand-name);
  --component-recipe-header-color-bg: var(--theme-aux-2-bg-bg);
  --component-recipe-header-color-body: var(--theme-aux-1-surface-match-bg-text-secondary);
  --component-recipe-header-color-cta-1-color: var(--theme-aux-1-surface-match-bg-cta-1-color);
  --component-recipe-header-color-eyebrow: var(--theme-aux-1-surface-match-bg-text-secondary);
  --component-recipe-header-color-icon: var(--theme-aux-1-surface-match-bg-icon);
  --component-recipe-header-color-image-bg: var(--general-color-background-dark);
  --component-recipe-header-color-link: var(--theme-aux-1-interactive-button-ghost-inverse-link);
  --component-recipe-header-color-ratings: var(--theme-aux-1-interactive-ratings-inverse-active);
  --component-recipe-header-color-ratings-inactive: var(--theme-aux-1-interactive-ratings-inverse-inactive);
  --component-recipe-header-color-subtitle: var(--theme-aux-1-surface-match-bg-text-secondary);
  --component-recipe-header-color-surface: var(--theme-aux-2-bg-bg);
  --component-recipe-header-color-title: var(--theme-aux-1-surface-match-bg-text-primary);
  --component-recipe-header-content-padding-x: var(--padding-none);
  --component-recipe-header-content-padding-y: var(--padding-none);
  --component-recipe-header-content-radius: var(--general-radius-container);
  --component-recipe-header-copy-padding-x: var(--padding-none);
  --component-recipe-header-copy-padding-y: var(--padding-none);
  --component-recipe-header-padding-x: var(--spacing-general-margin-x);
  --component-recipe-header-padding-y: var(--layout-compact-margin-y);
  --component-recipe-instructions-card-max-width-mobile: 240px;
  --component-recipe-instructions-color-border: var(--component-recipe-instructions-color-surface);
  --component-recipe-instructions-color-surface: var(--general-color-background-light);
  --component-recipe-instructions-gutter: var(--space-between-xlarge);
  --component-recipe-instructions-padding-x: var(--padding-none);
  --component-recipe-instructions-padding-y: var(--component-hero-recipe-margin-x);
  --component-recipe-made-with-color-button-color: brand;
  --component-recipe-made-with-color-ratings: var(--theme-primary-interactive-ratings-inverse-active);
  --component-recipe-made-with-color-ratings-inactive: var(--theme-primary-interactive-ratings-inverse-inactive);
  --component-recipe-nutrition-card-max-width-mobile: 240px;
  --component-recipe-nutrition-color-bg: var(--general-color-background-brand-4);
  --component-recipe-nutrition-color-body: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-eyebrow: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-fill: var(--componentTheme-feature-match-bg-fill);
  --component-recipe-nutrition-color-subtitle: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-title: var(--componentTheme-feature-match-bg-text-primary);
  --component-recipe-nutrition-content-padding-x: var(--spacing-general-margin-x);
  --component-recipe-nutrition-content-padding-y: var(--layout-base-margin-y);
  --component-recipe-nutrition-content-radius: var(--general-radius-container);
  --component-recipe-nutrition-gutter: var(--space-between-xlarge);
  --component-recipe-nutrition-padding-x: var(--padding-none);
  --component-recipe-nutrition-padding-y: var(--component-hero-recipe-margin-x);
  --component-related-content-color-bg: var(--component-content-grid-color-bg);
  --component-related-content-color-body: var(--component-content-grid-color-body);
  --component-related-content-color-button-color-1: var(--component-content-grid-color-button-color-1);
  --component-related-content-color-button-color-2: var(--component-content-grid-color-button-color-2);
  --component-related-content-color-subtitle: var(--component-content-grid-color-subtitle);
  --component-related-content-color-title: var(--component-content-grid-color-title);
  --component-search-field-active-bg: var(--general-color-background-white);
  --component-search-field-active-border: var(--general-color-border-brand-2);
  --component-search-field-active-icon: var(--general-color-fill-brand-2);
  --component-search-field-active-search-text: var(--general-color-text-darkest);
  --component-search-field-default-bg: var(--general-color-background-white);
  --component-search-field-default-border: var(--general-color-border-white);
  --component-search-field-default-icon: var(--general-color-fill-brand-1);
  --component-search-field-default-search-text: var(--general-color-text-darkest);
  --component-search-field-dropdown-active-radius: 56px;
  --component-search-field-dropdown-bg-default: var(--component-search-field-default-bg);
  --component-search-field-dropdown-bg-hover: var(--theme-secondary-bg-bg);
  --component-search-field-dropdown-border: var(--theme-primary-surface-border-focus);
  --component-search-field-dropdown-border-focus: 2px;
  --component-search-field-dropdown-focus-border: var(--theme-primary-surface-border-focus);
  --component-search-field-dropdown-focus-radius: 12px;
  --component-search-field-hover-bg: var(--general-color-background-white);
  --component-search-field-hover-border: var(--general-color-border-brand-2);
  --component-search-field-hover-icon: var(--general-color-fill-brand-2);
  --component-search-field-hover-search-text: var(--general-color-text-darkest);
  --component-site-footer-bottom-bar-bg: var(--color-primary-color-1-700);
  --component-site-footer-bottom-bar-cta-2-color: inverse;
  --component-site-footer-bottom-bar-icons: var(--general-color-fill-white);
  --component-site-footer-bottom-bar-link: var(--general-color-text-white);
  --component-site-footer-bottom-bar-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-bottom-bar-padding-y: var(--padding-xsmall);
  --component-site-footer-footer-links-bg: var(--general-color-background-darkest);
  --component-site-footer-footer-links-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-footer-footer-links-column-label: var(--general-color-text-white);
  --component-site-footer-footer-links-cta-1-color: Inverse;
  --component-site-footer-footer-links-footer-logo: var(--theme-brand-name);
  --component-site-footer-footer-links-gap-icon: var(--spacing-spacing-4);
  --component-site-footer-footer-links-icons: var(--general-color-fill-white);
  --component-site-footer-footer-links-link: var(--general-color-text-white);
  --component-site-footer-footer-links-link-underline: var(--general-color-border-white);
  --component-site-footer-footer-links-logo-height-large: 88px;
  --component-site-footer-footer-links-logo-height-small: 40px;
  --component-site-footer-footer-links-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-footer-links-padding-y: var(--padding-medium);
  --component-site-footer-footer-links-text: var(--general-color-text-white);
  --component-site-footer-gap-links: var(--space-between-medium);
  --component-site-footer-space-between: var(--space-between-xsmall);
  --component-site-header-color-main-bar-desktop-bg: var(--component-site-header-color-utility-bar-bg);
  --component-site-header-color-main-bar-desktop-bottom-border: var(--general-color-border-brand-1);
  --component-site-header-color-main-bar-desktop-icons: var(--general-color-fill-white);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-desktop-link-link-enabled);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-desktop-link-link-enabled: var(--general-color-text-white);
  --component-site-header-color-main-bar-desktop-link-link-hover: var(--general-color-text-brand-2);
  --component-site-header-color-main-bar-desktop-link-link-underline: var(--general-color-border-brand-3);
  --component-site-header-color-main-bar-desktop-logo: var(--general-color-fill-white);
  --component-site-header-color-main-bar-mobile-bg: var(--general-color-background-white);
  --component-site-header-color-main-bar-mobile-bottom-border: var(--color-primary-color-2-100);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-mobile-link-link-enabled);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-mobile-link-link-enabled: var(--general-color-text-dark);
  --component-site-header-color-main-bar-mobile-link-link-hover: var(--general-color-text-brand-2);
  --component-site-header-color-main-bar-mobile-link-link-underline: var(--general-color-border-brand-2);
  --component-site-header-color-mega-menu-menu-bg: var(--general-color-background-white);
  --component-site-header-color-mega-menu-menu-bottom-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-header-color-mega-menu-menu-item-active-text: var(--general-color-text-dark);
  --component-site-header-color-mega-menu-menu-item-enabled-text: var(--general-color-text-dark);
  --component-site-header-color-mega-menu-menu-item-hover-text: var(--general-color-text-brand-1);
  --component-site-header-color-mega-menu-menu-item-pressed-text: var(--general-color-text-dark);
  --component-site-header-color-mega-menu-menu-left-border-items: var(--general-color-border-brand-1);
  --component-site-header-color-mega-menu-menu-paragraph-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-side-bar-bg: var(--general-color-background-light);
  --component-site-header-color-mega-menu-menu-side-bar-title: var(--general-color-text-dark);
  --component-site-header-color-mega-menu-menu-title-active-icon: var(--component-site-header-color-mega-menu-menu-title-active-text);
  --component-site-header-color-mega-menu-menu-title-active-text: var(--general-color-text-dark);
  --component-site-header-color-mega-menu-menu-title-enabled-icon: var(--component-site-header-color-mega-menu-menu-title-enabled-text);
  --component-site-header-color-mega-menu-menu-title-enabled-text: var(--general-color-text-dark);
  --component-site-header-color-mega-menu-menu-title-hover-bg: var(--component-site-header-color-mega-menu-menu-bg);
  --component-site-header-color-mega-menu-menu-title-hover-icon: var(--component-site-header-color-mega-menu-menu-title-hover-text);
  --component-site-header-color-mega-menu-menu-title-hover-text: var(--general-color-text-dark);
  --component-site-header-color-mega-menu-menu-title-pressed-icon: var(--component-site-header-color-mega-menu-menu-title-pressed-text);
  --component-site-header-color-mega-menu-menu-title-pressed-text: var(--general-color-text-dark);
  --component-site-header-color-search-tag-enabled-bg: var(--general-color-fill-white);
  --component-site-header-color-search-tag-enabled-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-header-color-search-tag-enabled-icons: var(--general-color-fill-brand-2);
  --component-site-header-color-search-tag-enabled-link: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-hover-bg: var(--general-color-fill-light);
  --component-site-header-color-search-tag-hover-border: var(--general-color-border-brand-1);
  --component-site-header-color-search-tag-hover-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-search-tag-hover-link: var(--general-color-text-brand-1);
  --component-site-header-color-secondary-bar-bg: var(--color-primary-color-1-accessible);
  --component-site-header-color-secondary-bar-on-bar-enabled-bg: #ffffff00;
  --component-site-header-color-secondary-bar-on-bar-enabled-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-bar-enabled-link);
  --component-site-header-color-secondary-bar-on-bar-hover-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-hover-link-icons: var(--component-site-header-color-secondary-bar-on-bar-hover-link);
  --component-site-header-color-secondary-bar-on-bar-pressed-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-bar-pressed-link);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link: var(--component-site-header-color-mega-menu-menu-item-enabled-text);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-enabled-link);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link: var(--component-site-header-color-mega-menu-menu-item-hover-text);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-hover-link);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link: var(--component-site-header-color-mega-menu-menu-item-pressed-text);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-pressed-link);
  --component-site-header-color-utility-bar-bg: var(--color-primary-color-1-700);
  --component-site-header-color-utility-bar-bottom-border: var(--component-site-header-color-utility-bar-bg);
  --component-site-header-color-utility-bar-button-color-1: brand;
  --component-site-header-color-utility-bar-button-color-2: inverse;
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-enabled: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-enabled: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-underline: var(--general-color-text-white);
  --component-site-header-color-utility-bar-favorites-button-bg: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-bg-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-bg-pressed: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-border: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-border-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-focus: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-heart-fill: var(--general-color-fill-brand-2);
  --component-site-header-color-utility-bar-favorites-button-heart-fill-hover: var(--general-color-fill-brand-2);
  --component-site-header-color-utility-bar-favorites-button-text: var(--general-color-text-darkest);
  --component-site-header-color-utility-bar-favorites-button-text-hover: var(--general-color-text-darkest);
  --component-site-header-color-utility-bar-icon: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-logo: var(--general-color-fill-white);
  --component-site-header-main-bar-bottom-border: var(--spacing-spacing-0);
  --component-site-header-main-bar-gap-links: var(--space-between-medium);
  --component-site-header-main-bar-link-bottom-underline-border: 2px;
  --component-site-header-main-bar-logo-height-large: 96px;
  --component-site-header-main-bar-logo-height-small: 72px;
  --component-site-header-main-bar-logo-margin-right: var(--margin-xsmall);
  --component-site-header-main-bar-logo-width-large: 107px;
  --component-site-header-main-bar-logo-width-small: 72px;
  --component-site-header-main-bar-main-bar-inset: var(--padding-none);
  --component-site-header-main-bar-radius: var(--general-radius-none);
  --component-site-header-mega-menu-menu-item-min-width-: 120px;
  --component-site-header-mega-menu-menu-item-radius: var(--component-cta-radius);
  --component-site-header-padding-x: var(--padding-small);
  --component-site-header-padding-y: var(--padding-xsmall);
  --component-site-header-site-header-simple-search-bar-max-width-desktop: 400px;
  --component-site-header-utility-bar-margin-bottom: var(--spacing-spacing-0);
  --component-skip-to-content-theme-border-size: var(--spacing-spacing-2);
  --component-skip-to-content-theme-primary-bg: var(--general-color-background-brand-2);
  --component-skip-to-content-theme-primary-border: var(--general-color-border-white);
  --component-skip-to-content-theme-primary-link-underline: var(--component-skip-to-content-theme-primary-text);
  --component-skip-to-content-theme-primary-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-skip-to-content-theme-secondary-bg: var(--theme-secondary-bg-bg);
  --component-skip-to-content-theme-secondary-border: var(--component-skip-to-content-theme-primary-bg);
  --component-skip-to-content-theme-secondary-link-underline: var(--theme-secondary-bg-text-link-underline);
  --component-skip-to-content-theme-secondary-text: var(--theme-secondary-bg-text-link-underline);
  --component-social-bar-color-bg: var(--general-color-background-white);
  --component-social-bar-color-focus: var(--general-color-background-white);
  --component-social-bar-margin-x: var(--spacing-general-margin-x);
  --component-social-bar-margin-y: var(--spacing-general-margin-y);
  --component-static-icon-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-color-on-surface-image-border: var(--color-grayscale-black);
  --component-static-icon-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-static-icon-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-static-icon-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-static-icon-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-static-icon-base-column-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-focus: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-hover: var(--spacing-spacing-4);
  --component-static-icon-base-column-label-margin: var(--spacing-spacing-0);
  --component-static-icon-base-column-min-height: 280px;
  --component-static-icon-base-column-padding-x: var(--padding-none);
  --component-static-icon-base-column-padding-y: var(--padding-none);
  --component-static-icon-base-column-width-column-width-large: 550px;
  --component-static-icon-base-column-width-column-width-medium: 480px;
  --component-static-icon-base-column-width-column-width-small: 320px;
  --component-static-icon-base-copy-padding-x: var(--padding-xsmall);
  --component-static-icon-base-copy-padding-y: var(--padding-xsmall);
  --component-static-icon-base-icon-icon-height-large: 300px;
  --component-static-icon-base-icon-icon-height-medium: 200px;
  --component-static-icon-base-icon-icon-height-small: 120px;
  --component-static-icon-base-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-image-border: var(--color-grayscale-black);
  --component-static-icon-base-image-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-image-icon-image-ratio: "1:1";
  --component-static-icon-base-image-image-ratio: "3:2";
  --component-static-icon-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-static-icon-base-image-padding-x: var(--padding-none);
  --component-static-icon-base-image-radius: var(--general-radius-image);
  --component-table-color-table-row-bg-alt: var(--general-color-surface-light);
  --component-table-color-table-row-bg-header: var(--color-primary-color-1-100);
  --component-tabs-color-tab-border-active-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-focus-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-hover-border: var(--theme-brand-action-hover);
  --component-tabs-color-tab-border-inactive-border: var(--general-color-border-mid);
  --component-tabs-color-tab-border-pressed-border: var(--theme-brand-action-hover);
  --component-tag-interactive-border: var(--spacing-spacing-1);
  --component-tag-interactive-color-brand-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-cta-link-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-cta-link-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-tag-interactive-color-brand-cta-link-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-cta-link-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-tag-interactive-color-brand-cta-link-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-tag-interactive-color-brand-cta-link-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-tag-interactive-color-brand-cta-link-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-tag-interactive-color-brand-cta-link-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-interactive-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-tag-interactive-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-tag-interactive-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-tag-interactive-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-tag-interactive-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-tag-interactive-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-kitchen-tested-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-kitchen-tested-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-kitchen-tested-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-kitchen-tested-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-kitchen-tested-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-inverse-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-cta-link-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-tag-interactive-color-inverse-cta-link-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-cta-link-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-tag-interactive-color-inverse-cta-link-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-enabled-text: var(--theme-primary-interactive-button-brand-action);
  --component-tag-interactive-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-tag-interactive-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-tag-interactive-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-brand-action-hover);
  --component-tag-interactive-color-inverse-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-tag-interactive-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-tag-interactive-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-tag-interactive-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-inverse-outline-enabled-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-tag-interactive-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-tag-interactive-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-tag-interactive-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-inverse-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-color-inverse-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-tag-interactive-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-tag-interactive-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-tag-interactive-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-radius-bottom-left: var(--general-radius-tag);
  --component-tag-interactive-radius-bottom-right: var(--general-radius-tag);
  --component-tag-interactive-radius-top-left: var(--general-radius-tag);
  --component-tag-interactive-radius-top-right: var(--general-radius-tag);
  --component-tag-static-border-width: 0px;
  --component-tag-static-color-fill-A-bg: var(--general-color-fill-brand-1);
  --component-tag-static-color-fill-A-border: var(--component-tag-static-color-fill-A-bg);
  --component-tag-static-color-fill-A-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-A-text: var(--general-color-text-white);
  --component-tag-static-color-fill-B-bg: var(--general-color-fill-brand-2);
  --component-tag-static-color-fill-B-border: var(--component-tag-static-color-fill-B-bg);
  --component-tag-static-color-fill-B-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-B-text: var(--general-color-text-white);
  --component-tag-static-color-fill-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-static-color-fill-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-static-color-fill-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-color-outline-A-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-A-border: var(--general-color-border-brand-1);
  --component-tag-static-color-outline-A-icon: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-A-text: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-B-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-B-border: var(--general-color-border-brand-2);
  --component-tag-static-color-outline-B-icon: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-B-text: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-bg: #2e6be500;
  --component-tag-static-color-outline-border: var(--theme-brand-action);
  --component-tag-static-color-outline-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-outline-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-color-text-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-text-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-inset: var(--spacing-spacing-24);
  --component-tag-static-radius-bottom-left: var(--general-radius-tag);
  --component-tag-static-radius-bottom-right: var(--general-radius-tag);
  --component-tag-static-radius-top-left: var(--general-radius-tag);
  --component-tag-static-radius-top-right: var(--general-radius-tag);
  --component-vertical-video-asset-default-height: 120px;
  --component-vertical-video-asset-default-width: 120px;
  --component-vertical-video-asset-hover-height: 112px;
  --component-vertical-video-asset-hover-width: 112px;
  --component-vertical-video-border-width: 0px;
  --component-vertical-video-color-bg: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-border-focus: var(--component-category-color-category-enabled);
  --component-vertical-video-color-category-enabled: var(--component-content-grid-color-body);
  --component-vertical-video-color-category-hover: var(--component-content-grid-color-body);
  --component-vertical-video-color-fill: var(--componentTheme-content-grid-fill);
  --component-vertical-video-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-surface: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-title: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-gutter: var(--spacing-general-gutter);
  --component-vertical-video-padding-x: var(--spacing-general-margin-x);
  --component-vertical-video-padding-y: var(--spacing-general-margin-y);
  --component-video-margin-x: var(--spacing-general-margin-x);
  --component-video-margin-y: var(--spacing-general-margin-y);
  --component-video-standalone-video-max-width-desktop: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-mobile: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-tablet: var(--typography-copy-max-width);
  --general-color-background-brand-1: var(--color-primary-color-1-700);
  --general-color-background-brand-2: var(--color-primary-color-2-500);
  --general-color-background-brand-3: var(--color-primary-color-1-500);
  --general-color-background-brand-4: var(--color-secondary-color-4-500);
  --general-color-background-dark: var(--color-primary-color-1-700);
  --general-color-background-darkest: var(--color-primary-color-1-700);
  --general-color-background-light: var(--color-grayscale-100);
  --general-color-background-white: var(--color-grayscale-white);
  --general-color-border-brand-1: var(--color-primary-color-1-700);
  --general-color-border-brand-2: var(--color-primary-color-2-500);
  --general-color-border-brand-3: var(--color-secondary-color-4-500);
  --general-color-border-dark: var(--color-grayscale-700);
  --general-color-border-darkest: var(--color-primary-color-1-900);
  --general-color-border-light: var(--color-grayscale-300);
  --general-color-border-mid: var(--color-grayscale-400);
  --general-color-border-white: var(--color-grayscale-white);
  --general-color-fill-brand-1: var(--color-primary-color-1-500);
  --general-color-fill-brand-2: var(--color-primary-color-2-500);
  --general-color-fill-brand-3: var(--color-secondary-color-5-100);
  --general-color-fill-dark: var(--color-primary-color-1-700);
  --general-color-fill-darkest: var(--color-primary-color-1-900);
  --general-color-fill-light: var(--color-grayscale-100);
  --general-color-fill-mid: var(--color-grayscale-400);
  --general-color-fill-white: var(--color-grayscale-white);
  --general-color-surface-brand-1: var(--color-primary-color-1-500);
  --general-color-surface-brand-2: var(--color-primary-color-2-500);
  --general-color-surface-brand-3: var(--color-secondary-color-5-500);
  --general-color-surface-dark: var(--color-primary-color-1-700);
  --general-color-surface-darkest: var(--color-primary-color-1-900);
  --general-color-surface-light: var(--color-grayscale-100);
  --general-color-surface-white: var(--color-grayscale-white);
  --general-color-text-brand-1: var(--color-primary-color-1-500);
  --general-color-text-brand-2: var(--color-primary-color-2-500);
  --general-color-text-brand-3: var(--color-secondary-color-3-500);
  --general-color-text-dark: var(--color-primary-color-1-700);
  --general-color-text-darkest: var(--color-primary-color-1-900);
  --general-color-text-light: var(--color-grayscale-100);
  --general-color-text-mid: var(--color-grayscale-400);
  --general-color-text-white: var(--color-grayscale-white);
  --general-drop-shadow-blur: 30px;
  --general-drop-shadow-color: #00000033;
  --general-drop-shadow-sub-menu-blur: 12px;
  --general-drop-shadow-sub-menu-color: #00000014;
  --general-drop-shadow-sub-menu-y-value: 2px;
  --general-radius-accordion: var(--radius-radius-12);
  --general-radius-base: var(--radius-radius-12);
  --general-radius-card: var(--general-radius-base);
  --general-radius-card-focus: 14px;
  --general-radius-container: var(--general-radius-base);
  --general-radius-container-l2: var(--radius-radius-8);
  --general-radius-dialog: var(--general-radius-base);
  --general-radius-focus: 14px;
  --general-radius-image: var(--general-radius-base);
  --general-radius-label: var(--radius-radius-rounded);
  --general-radius-modal: var(--general-radius-base);
  --general-radius-none: var(--radius-radius-0);
  --general-radius-tag: var(--radius-radius-rounded);
  --spacing-columns-desktop-full-max-width: var(--global-columns-base-desktop-full-max-width);
  --spacing-columns-desktop-full-min-width: var(--global-columns-base-desktop-full-min-width);
  --spacing-columns-desktop-half-max-width: var(--global-columns-base-desktop-half-max-width);
  --spacing-columns-desktop-half-min-width: var(--global-columns-base-desktop-half-min-width);
  --spacing-columns-desktop-one-fourth-max-width: var(--global-columns-base-desktop-oneFourth-max-width);
  --spacing-columns-desktop-one-fourth-min-width: var(--global-columns-base-desktop-oneFourth-min-width);
  --spacing-columns-desktop-one-third-max-width: var(--global-columns-base-desktop-oneThird-max-width);
  --spacing-columns-desktop-one-third-min-width: var(--global-columns-base-desktop-oneThird-min-width);
  --spacing-columns-desktop-three-fourth-max-width: var(--global-columns-base-desktop-three-fourth-max-width);
  --spacing-columns-desktop-three-fourth-min-width: var(--global-columns-base-desktop-three-fourth-min-width);
  --spacing-columns-mobile-full-max-width: var(--global-columns-base-mobile-full-max-width);
  --spacing-columns-mobile-full-min-width: var(--global-columns-base-mobile-full-min-width);
  --spacing-columns-mobile-half-max-width: var(--global-columns-base-mobile-half-max-width);
  --spacing-columns-mobile-half-min-width: var(--global-columns-base-mobile-half-min-width);
  --spacing-columns-mobile-one-fourth-max-width: var(--global-columns-base-mobile-oneFourth-max-width);
  --spacing-columns-mobile-one-third-max-width: var(--global-columns-base-mobile-oneThird-max-width);
  --spacing-columns-mobile-one-third-min-width: var(--global-columns-base-mobile-oneThird-min-width);
  --spacing-columns-mobile-oneFourth-min-width: var(--global-columns-base-mobile-oneFourth-min-width);
  --spacing-columns-mobile-three-fourth-max-width: var(--global-columns-base-mobile-three-fourth-max-width);
  --spacing-columns-mobile-three-fourth-min-width: var(--global-columns-base-mobile-three-fourth-min-width);
  --spacing-columns-tablet-full-max-width: var(--global-columns-base-tablet-full-max-width);
  --spacing-columns-tablet-full-min-width: var(--global-columns-base-tablet-full-min-width);
  --spacing-columns-tablet-half-max-width: var(--global-columns-base-tablet-half-max-width);
  --spacing-columns-tablet-half-min-width: var(--global-columns-base-tablet-half-min-width);
  --spacing-columns-tablet-one-fourth-max-width: var(--global-columns-base-tablet-oneFourth-max-width);
  --spacing-columns-tablet-one-fourth-min-width: var(--global-columns-base-tablet-oneFourth-min-width);
  --spacing-columns-tablet-one-third-max-width: var(--global-columns-base-tablet-oneThird-max-width);
  --spacing-columns-tablet-one-third-min-width: var(--global-columns-base-tablet-oneThird-min-width);
  --spacing-columns-tablet-three-fourth-max-width: var(--global-columns-base-tablet-three-fourth-max-width);
  --spacing-columns-tablet-three-fourth-min-width: var(--global-columns-base-tablet-three-fourth-min-width);
  --spacing-general-buttons-space-between: var(--space-between-small);
  --spacing-general-container-padding-x: var(--layout-full-margin-x);
  --spacing-general-container-padding-y: var(--layout-full-margin-y);
  --spacing-general-copy-margin-bottom: var(--margin-none);
  --spacing-general-cta-margin-top: var(--margin-small);
  --spacing-general-eyebrow-margin-bottom: var(--margin-xsmall);
  --spacing-general-favicon-dimensions: var(--spacing-spacing-32);
  --spacing-general-gutter: var(--layout-base-gutter);
  --spacing-general-icon-margin-bottom: var(--margin-medium);
  --spacing-general-image-padding: var(--padding-none);
  --spacing-general-margin-related-y: var(--spacing-spacing-16);
  --spacing-general-margin-x: var(--layout-base-margin-x);
  --spacing-general-margin-y: var(--layout-base-margin-y);
  --spacing-general-subtitle-margin-top: var(--margin-xxsmall);
  --spacing-general-title-margin-bottom: var(--margin-xsmall);
  --spacing-general-top-title-margin-bottom: var(--margin-small);
  --theme-aux-1-bg-bg: var(--general-color-background-darkest);
  --theme-aux-1-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-1-bg-cta-1-color: inverse;
  --theme-aux-1-bg-cta-2-color: inverse;
  --theme-aux-1-bg-icon: var(--general-color-fill-brand-2);
  --theme-aux-1-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-bg-text-primary: var(--general-color-text-white);
  --theme-aux-1-bg-text-secondary: var(--general-color-fill-white);
  --theme-aux-1-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-1-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-1-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-1-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-1-interactive-button-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-link: var(--theme-brand-action-alternate);
  --theme-aux-1-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-1-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-1-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-surface-focus: var(--theme-aux-1-surface-surface);
  --theme-aux-1-interactive-surface-hover: var(--general-color-surface-white);
  --theme-aux-1-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-1-surface-border: var(--general-color-border-brand-2);
  --theme-aux-1-surface-border-focus: var(--general-color-border-white);
  --theme-aux-1-surface-border-hover: var(--general-color-border-brand-2);
  --theme-aux-1-surface-cta-1-color: brand;
  --theme-aux-1-surface-cta-2-color: brand;
  --theme-aux-1-surface-icon: var(--general-color-fill-brand-2);
  --theme-aux-1-surface-match-bg-border: var(--general-color-border-white);
  --theme-aux-1-surface-match-bg-cta-1-color: brand;
  --theme-aux-1-surface-match-bg-cta-2-color: inverse;
  --theme-aux-1-surface-match-bg-icon: var(--theme-aux-1-bg-text-hover);
  --theme-aux-1-surface-match-bg-surface: var(--theme-aux-1-bg-bg);
  --theme-aux-1-surface-match-bg-text-hover: var(--theme-aux-1-bg-text-link);
  --theme-aux-1-surface-match-bg-text-primary: var(--theme-aux-1-bg-text-primary);
  --theme-aux-1-surface-match-bg-text-secondary: var(--theme-aux-1-bg-text-secondary);
  --theme-aux-1-surface-surface: var(--general-color-background-white);
  --theme-aux-1-surface-text-hover: var(--theme-brand-action);
  --theme-aux-1-surface-text-link: var(--theme-brand-action-alternate);
  --theme-aux-1-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-1-surface-text-primary: var(--general-color-text-darkest);
  --theme-aux-1-surface-text-secondary: var(--general-color-text-dark);
  --theme-aux-2-bg-bg: var(--general-color-background-brand-3);
  --theme-aux-2-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-2-bg-border: var(--general-color-border-white);
  --theme-aux-2-bg-cta-1-color: inverse;
  --theme-aux-2-bg-cta-2-color: inverse;
  --theme-aux-2-bg-icon: var(--general-color-fill-white);
  --theme-aux-2-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-2-bg-text-link: var(--theme-brand-action-inverse);
  --theme-aux-2-bg-text-link-underline: var(--theme-brand-action-inverse);
  --theme-aux-2-bg-text-primary: var(--general-color-text-white);
  --theme-aux-2-bg-text-secondary: var(--general-color-text-white);
  --theme-aux-2-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-2-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-2-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-2-interactive-button-link-underline: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-ghost-link: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-ghost-link-underline: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-ghost-inverse-link-underline: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-2-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-2-interactive-ratings-inactive: var(--color-grayscale-400);
  --theme-aux-2-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-2-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-2-interactive-surface-focus: var(--theme-aux-1-surface-surface);
  --theme-aux-2-interactive-surface-hover: var(--general-color-surface-light);
  --theme-aux-2-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-2-surface-border: var(--general-color-border-brand-1);
  --theme-aux-2-surface-border-focus: var(--general-color-border-white);
  --theme-aux-2-surface-border-hover: var(--general-color-border-brand-1);
  --theme-aux-2-surface-cta-1-color: brand;
  --theme-aux-2-surface-cta-2-color: brand;
  --theme-aux-2-surface-icon: var(--general-color-fill-brand-2);
  --theme-aux-2-surface-match-bg-border: var(--general-color-border-white);
  --theme-aux-2-surface-match-bg-cta-1-color: var(--theme-aux-1-bg-cta-1-color);
  --theme-aux-2-surface-match-bg-cta-2-color: var(--theme-aux-1-bg-cta-2-color);
  --theme-aux-2-surface-match-bg-fill: var(--theme-aux-2-bg-icon);
  --theme-aux-2-surface-match-bg-surface: var(--theme-aux-2-bg-bg);
  --theme-aux-2-surface-match-bg-text-hover: var(--theme-aux-2-bg-text-hover);
  --theme-aux-2-surface-match-bg-text-primary: var(--theme-aux-2-bg-text-primary);
  --theme-aux-2-surface-match-bg-text-secondary: var(--theme-aux-2-bg-text-secondary);
  --theme-aux-2-surface-surface: var(--general-color-surface-white);
  --theme-aux-2-surface-text-hover: var(--theme-brand-action);
  --theme-aux-2-surface-text-link: var(--theme-brand-action-alternate);
  --theme-aux-2-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-2-surface-text-primary: var(--general-color-text-darkest);
  --theme-aux-2-surface-text-secondary: var(--general-color-text-darkest);
  --theme-brand-action: var(--general-color-fill-brand-2);
  --theme-brand-action-alternate: var(--color-primary-color-1-700);
  --theme-brand-action-alternate-inverse: var(--color-primary-color-1-900);
  --theme-brand-action-hover: var(--color-primary-color-2-700);
  --theme-brand-action-hover-inverse: var(--general-color-fill-brand-3);
  --theme-brand-action-inverse: var(--general-color-fill-white);
  --theme-link-underline: var(--theme-brand-action-alternate);
  --theme-link-underline-inverse: var(--theme-brand-action-inverse);
  --theme-primary-bg-bg: var(--general-color-background-white);
  --theme-primary-bg-bg-decor-accent: var(--general-color-background-brand-1);
  --theme-primary-bg-border: var(--general-color-border-light);
  --theme-primary-bg-cta-1-color: brand;
  --theme-primary-bg-cta-2-color: brand;
  --theme-primary-bg-icon: var(--general-color-fill-brand-1);
  --theme-primary-bg-text-hover: var(--theme-brand-action-alternate-inverse);
  --theme-primary-bg-text-link: var(--theme-brand-action-alternate);
  --theme-primary-bg-text-link-underline: var(--theme-link-underline);
  --theme-primary-bg-text-primary: var(--general-color-text-dark);
  --theme-primary-bg-text-secondary: var(--general-color-text-dark);
  --theme-primary-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-primary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-primary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-primary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-primary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-link: var(--theme-brand-action-alternate);
  --theme-primary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-primary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-primary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-primary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-primary-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-primary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-ratings-inverse-active: var(--general-color-surface-white);
  --theme-primary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-surface-focus: var(--theme-primary-surface-surface);
  --theme-primary-interactive-surface-hover: var(--general-color-surface-light);
  --theme-primary-interactive-surface-pressed: var(--theme-primary-interactive-surface-hover);
  --theme-primary-surface-border: var(--general-color-border-brand-1);
  --theme-primary-surface-border-focus: var(--general-color-border-brand-1);
  --theme-primary-surface-border-hover: var(--general-color-border-light);
  --theme-primary-surface-cta-1-color: brand;
  --theme-primary-surface-cta-2-color: brand;
  --theme-primary-surface-icon: var(--general-color-fill-brand-1);
  --theme-primary-surface-match-bg-border: var(--general-color-border-brand-1);
  --theme-primary-surface-match-bg-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --theme-primary-surface-match-bg-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --theme-primary-surface-match-bg-fill: var(--theme-primary-bg-icon);
  --theme-primary-surface-match-bg-surface: var(--theme-primary-bg-bg);
  --theme-primary-surface-match-bg-text-hover: var(--theme-primary-bg-text-hover);
  --theme-primary-surface-match-bg-text-primary: var(--theme-primary-bg-text-primary);
  --theme-primary-surface-match-bg-text-secondary: var(--theme-primary-bg-text-secondary);
  --theme-primary-surface-surface: var(--general-color-surface-white);
  --theme-primary-surface-text-hover: var(--theme-brand-action-alternate-inverse);
  --theme-primary-surface-text-link: var(--theme-brand-action-alternate);
  --theme-primary-surface-text-link-underline: var(--theme-link-underline);
  --theme-primary-surface-text-primary: var(--general-color-text-dark);
  --theme-primary-surface-text-secondary: var(--general-color-text-dark);
  --theme-secondary-bg-bg: var(--general-color-background-light);
  --theme-secondary-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-secondary-bg-border: var(--general-color-border-white);
  --theme-secondary-bg-cta-1-color: brand;
  --theme-secondary-bg-cta-2-color: brand;
  --theme-secondary-bg-icon: var(--general-color-fill-brand-1);
  --theme-secondary-bg-text-hover: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-bg-text-link: var(--theme-brand-action-alternate);
  --theme-secondary-bg-text-link-underline: var(--theme-link-underline);
  --theme-secondary-bg-text-primary: var(--general-color-text-dark);
  --theme-secondary-bg-text-secondary: var(--general-color-text-dark);
  --theme-secondary-interactive-action-bar-button-border: var(--component-cta-color-brand-fill-enabled-border);
  --theme-secondary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-secondary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-secondary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-secondary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-link: var(--theme-brand-action-alternate);
  --theme-secondary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-secondary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-secondary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-secondary-interactive-surface-hover: var(--general-color-surface-light);
  --theme-secondary-interactive-surface-pressed: var(--theme-secondary-interactive-surface-hover);
  --theme-secondary-surface-border: var(--general-color-border-brand-1);
  --theme-secondary-surface-border-focus: var(--general-color-border-brand-1);
  --theme-secondary-surface-border-hover: var(--general-color-border-brand-1);
  --theme-secondary-surface-cta-1-color: brand;
  --theme-secondary-surface-cta-2-color: brand;
  --theme-secondary-surface-icon: var(--general-color-fill-brand-1);
  --theme-secondary-surface-match-bg-border: var(--general-color-border-brand-1);
  --theme-secondary-surface-match-bg-cta-1-color: var(--theme-secondary-bg-cta-1-color);
  --theme-secondary-surface-match-bg-cta-2-color: var(--theme-secondary-bg-cta-2-color);
  --theme-secondary-surface-match-bg-fill: var(--theme-secondary-bg-icon);
  --theme-secondary-surface-match-bg-surface: var(--theme-secondary-bg-bg);
  --theme-secondary-surface-match-bg-text-hover: var(--theme-secondary-surface-text-hover);
  --theme-secondary-surface-match-bg-text-primary: var(--theme-secondary-bg-text-primary);
  --theme-secondary-surface-match-bg-text-secondary: var(--theme-secondary-bg-text-secondary);
  --theme-secondary-surface-surface: var(--general-color-surface-white);
  --theme-secondary-surface-text-hover: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-surface-text-link: var(--theme-brand-action-alternate);
  --theme-secondary-surface-text-link-underline: var(--theme-brand-action-alternate);
  --theme-secondary-surface-text-primary: var(--general-color-text-dark);
  --theme-secondary-surface-text-secondary: var(--general-color-text-dark);
  --typography-font-family-accent-header: var(--typography-font-family-jost);
  --typography-font-family-body: var(--typography-font-family-noto-sans);
  --typography-font-family-header: var(--typography-font-family-jost);
  --typography-font-size-desktop-accent-header-display: var(--typography-font-size-font-size-72);
  --typography-font-size-desktop-accent-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-accent-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-accent-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-accent-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-desktop-body-xlarge: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-desktop-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-desktop-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-header-medium: var(--typography-font-size-font-size-28);
  --typography-font-size-desktop-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-mobile-accent-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-large: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-accent-header-medium: var(--typography-font-size-font-size-20);
  --typography-font-size-mobile-accent-header-small: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-accent-header-xlarge: var(--typography-font-size-font-size-28);
  --typography-font-size-mobile-accent-header-xsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-xxlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-accent-header-xxsmall: var(--typography-font-size-font-size-14);
  --typography-font-size-mobile-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-mobile-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-mobile-header-display: var(--typography-font-size-font-size-48);
  --typography-font-size-mobile-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-large: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-header-medium: var(--typography-font-size-font-size-20);
  --typography-font-size-mobile-header-small: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-header-xsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-mobile-header-xxsmall: var(--typography-font-size-font-size-14);
  --typography-font-size-tablet-accent-header-display: var(--typography-font-size-font-size-96);
  --typography-font-size-tablet-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-accent-header-large: var(--typography-font-size-font-size-28);
  --typography-font-size-tablet-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-accent-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-accent-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-tablet-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-tablet-header-display: var(--typography-font-size-font-size-56);
  --typography-font-size-tablet-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-header-large: var(--typography-font-size-font-size-28);
  --typography-font-size-tablet-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-weight-body: 400;
  --typography-font-weight-body-bold: 700;
  --typography-font-weight-button: 700;
  --typography-font-weight-display: 800;
  --typography-font-weight-large: 800;
  --typography-font-weight-medium: 800;
  --typography-font-weight-small: 800;
  --typography-font-weight-xlarge: 800;
  --typography-font-weight-xsmall: 800;
  --typography-font-weight-xxlarge: 800;
  --typography-font-weight-xxsmall: 800;
}

.BrandsBettyCrocker {
  --color-grayscale-100: #f5f5f6;
  --color-grayscale-200: #d8d8d9;
  --color-grayscale-300: var(--color-grayscale-coolGray-300);
  --color-grayscale-400: var(--color-grayscale-coolGray-400);
  --color-grayscale-500: var(--color-grayscale-coolGray-500);
  --color-grayscale-600: var(--color-grayscale-coolGray-600);
  --color-grayscale-700: var(--color-grayscale-coolGray-700);
  --color-grayscale-800: var(--color-grayscale-coolGray-800);
  --color-grayscale-900: var(--color-grayscale-coolGray-900);
  --color-grayscale-black: #000000;
  --color-primary-color-1-100: #ffcdd7;
  --color-primary-color-1-300: #ff5a6a;
  --color-primary-color-1-500: #e60000;
  --color-primary-color-1-700: #b20000;
  --color-primary-color-1-900: #800000;
  --color-primary-color-1-accessible: #d10000;
  --color-primary-color-2-100: #b2c2ff;
  --color-primary-color-2-300: #9bafff;
  --color-primary-color-2-500: #0000b4;
  --color-primary-color-2-700: #00008c;
  --color-primary-color-2-900: #000057;
  --color-primary-color-2-accessible: #0000b4;
  --color-secondary-color-3-100: #cccccc;
  --color-secondary-color-3-500: #cccccc;
  --color-secondary-color-3-900: #cccccc;
  --color-secondary-color-4-100: #cccccc;
  --color-secondary-color-4-500: #cccccc;
  --color-secondary-color-4-900: #cccccc;
  --color-secondary-color-5-100: #cccccc;
  --color-secondary-color-5-500: #cccccc;
  --color-secondary-color-5-900: #cccccc;
  --color-secondary-color-6-100: #cccccc;
  --color-secondary-color-6-500: #cccccc;
  --color-secondary-color-6-900: #cccccc;
  --color-secondary-color-7-100: #cccccc;
  --color-secondary-color-7-500: #cccccc;
  --color-secondary-color-7-900: #cccccc;
  --color-tertiary-color-swatch-500: var(--color-brand-general-mills-generalMills-red);
  --component-accordion-color-default-body: var(--general-color-text-dark);
  --component-accordion-color-default-border: var(--general-color-border-light);
  --component-accordion-color-default-icons: var(--general-color-fill-brand-2);
  --component-accordion-color-default-surface: var(--general-color-surface-white);
  --component-accordion-color-default-title: var(--general-color-text-darkest);
  --component-accordion-color-hover-body: var(--general-color-text-dark);
  --component-accordion-color-hover-border: var(--general-color-border-brand-2);
  --component-accordion-color-hover-icons: var(--general-color-fill-white);
  --component-accordion-color-hover-surface: var(--general-color-surface-white);
  --component-accordion-color-hover-title: var(--general-color-text-darkest);
  --component-accordion-item-border-bottom: 1px;
  --component-accordion-item-border-left: 1px;
  --component-accordion-item-border-right: 1px;
  --component-accordion-item-border-top: 1px;
  --component-accordion-padding-x: var(--padding-small);
  --component-accordion-padding-y: var(--padding-small);
  --component-action-bar-border: var(--spacing-spacing-0);
  --component-action-bar-color-border: var(--general-color-border-white);
  --component-action-bar-color-button-active-icon: var(--theme-brand-action);
  --component-action-bar-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-enabled-border: var(--general-color-fill-darkest);
  --component-action-bar-color-button-enabled-icon: var(--general-color-fill-darkest);
  --component-action-bar-color-button-enabled-text: var(--general-color-fill-darkest);
  --component-action-bar-color-button-focus-focus-border: var(--theme-brand-action);
  --component-action-bar-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-action-bar-color-button-hover-text: var(--general-color-text-brand-2);
  --component-action-bar-color-button-pressed-icon: var(--general-color-fill-brand-2);
  --component-action-bar-color-button-pressed-text: var(--general-color-text-brand-2);
  --component-action-bar-color-surface: var(--general-color-surface-white);
  --component-action-bar-color-toggle-active-bg: var(--general-color-fill-brand-2);
  --component-action-bar-color-toggle-active-switch-circle: var(--general-color-fill-white);
  --component-action-bar-color-toggle-inactive-bg: var(--general-color-fill-mid);
  --component-action-bar-color-toggle-inactive-switch-circle: var(--general-color-fill-white);
  --component-action-bar-gap-horizontal: var(--spacing-spacing-16);
  --component-action-bar-gap-vertical: var(--spacing-spacing-12);
  --component-action-bar-radius: var(--radius-radius-12);
  --component-action-bar-share-menu-bg-default: var(--general-color-background-white);
  --component-action-bar-share-menu-bg-hover: var(--color-grayscale-100);
  --component-action-bar-share-menu-blur: 12px;
  --component-action-bar-share-menu-color: #00000014;
  --component-action-bar-share-menu-focus-border: var(--theme-brand-action);
  --component-action-bar-share-menu-max-width: 350px;
  --component-action-bar-share-menu-min-height: 48px;
  --component-action-bar-share-menu-min-width: 200px;
  --component-action-bar-share-menu-text: var(--general-color-text-darkest);
  --component-action-bar-share-menu-y-value: 2px;
  --component-action-bar-width-desktop: 88px;
  --component-action-bar-width-mobile: 56px;
  --component-action-bar-width-tablet: 64px;
  --component-alert-banner-bg: var(--general-color-background-brand-2);
  --component-alert-banner-body: var(--general-color-text-white);
  --component-alert-banner-button-color-1: inverse;
  --component-alert-banner-button-color-2: inverse;
  --component-alert-banner-close: var(--general-color-fill-white);
  --component-alert-banner-icon: var(--general-color-fill-white);
  --component-alert-banner-title: var(--general-color-text-white);
  --component-breadcrumb-color-bg: var(--theme-primary-bg-bg);
  --component-breadcrumb-color-item-enabled-icon: var(--general-color-fill-mid);
  --component-breadcrumb-color-item-enabled-text: var(--general-color-fill-mid);
  --component-breadcrumb-color-item-focus-icon: var(--component-breadcrumb-color-item-hover-icon);
  --component-breadcrumb-color-item-focus-text: var(--component-breadcrumb-color-item-hover-text);
  --component-breadcrumb-color-item-hover-icon: var(--theme-brand-action);
  --component-breadcrumb-color-item-hover-text: var(--theme-brand-action);
  --component-breadcrumb-color-item-pressed-icon: var(--component-breadcrumb-color-item-hover-icon);
  --component-breadcrumb-color-item-pressed-text: var(--component-breadcrumb-color-item-hover-text);
  --component-breadcrumb-color-tip-active-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-bg: var(--color-grayscale-black);
  --component-breadcrumb-color-tip-enabled-link: var(--general-color-fill-white);
  --component-breadcrumb-color-tip-hover-link: var(--general-color-text-white);
  --component-button-tag-color-disabled-bg: #0000b433;
  --component-button-tag-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-button-tag-color-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-focus-bg: var(--component-button-tag-color-enabled-bg);
  --component-button-tag-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-button-tag-color-focus-text: var(--component-button-tag-color-enabled-text);
  --component-button-tag-color-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-border: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-button-tag-color-link-underline: var(--general-color-fill-brand-2);
  --component-button-tag-color-pressed-bg: var(--component-button-tag-color-hover-bg);
  --component-button-tag-color-pressed-border: var(--component-button-tag-color-hover-border);
  --component-button-tag-color-pressed-text: var(--component-button-tag-color-hover-text);
  --component-button-tag-radius: var(--radius-radius-rounded);
  --component-button-tag-size-base-border: var(--spacing-spacing-2);
  --component-button-tag-size-base-padding-left: var(--spacing-spacing-16);
  --component-button-tag-size-base-padding-right: var(--component-cta-size-base-padding-left);
  --component-button-tag-size-base-padding-y: var(--spacing-spacing-8);
  --component-button-tag-size-base-space-between: var(--spacing-spacing-8);
  --component-button-tag-size-small-border: var(--spacing-spacing-2);
  --component-button-tag-size-small-gap: var(--spacing-spacing-8);
  --component-button-tag-size-small-padding-left: var(--spacing-spacing-12);
  --component-button-tag-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-button-tag-size-small-padding-y: var(--spacing-spacing-8);
  --component-card-article-card-border-width: var(--spacing-spacing-4);
  --component-card-article-card-radius: var(--general-radius-card);
  --component-card-article-image-borderWidth: var(--spacing-spacing-4);
  --component-card-article-image-image-ratio: "3:2";
  --component-card-article-image-radius: var(--general-radius-image);
  --component-card-general-card-border-width: var(--spacing-spacing-4);
  --component-card-general-card-radius: var(--general-radius-card);
  --component-card-general-color-body: var(--component-cards-base-color-on-surface-body);
  --component-card-general-color-border: var(--component-cards-base-color-on-surface-border);
  --component-card-general-color-cta-1-color: var(--component-cards-base-color-on-surface-cta-1-color);
  --component-card-general-color-image-border: var(--color-grayscale-black);
  --component-card-general-color-subtitle: var(--component-cards-base-color-on-surface-subtitle);
  --component-card-general-color-surface: var(--component-cards-base-color-on-surface-surface);
  --component-card-general-color-title: var(--component-cards-base-color-on-surface-title);
  --component-card-product-card-border-width: var(--spacing-spacing-4);
  --component-card-product-color-image-bg: var(--general-color-background-brand-1);
  --component-card-product-image-borderWidth: var(--spacing-spacing-4);
  --component-card-product-image-image-ratio: "1:1";
  --component-card-recipe-card-border-width: var(--spacing-spacing-4);
  --component-card-recipe-card-minHeight: 280px;
  --component-card-recipe-card-padding-x: var(--padding-none);
  --component-card-recipe-card-padding-y: var(--padding-none);
  --component-card-recipe-card-radius: var(--general-radius-card);
  --component-card-recipe-color-ratings: var(--interactiveTheme-ratings-active);
  --component-card-recipe-image-borderWidth: var(--spacing-spacing-4);
  --component-card-recipe-image-image-ratio: "3:2";
  --component-card-recipe-image-padding-top: var(--component-card-recipe-image-padding-x);
  --component-card-recipe-image-padding-x: var(--padding-none);
  --component-card-recipe-image-radius: var(--general-radius-image);
  --component-cards-base-card-border-width: var(--spacing-spacing-1);
  --component-cards-base-card-border-width-focus: var(--spacing-spacing-4);
  --component-cards-base-card-border-width-hover: var(--spacing-spacing-4);
  --component-cards-base-card-label-margin: var(--spacing-spacing-12);
  --component-cards-base-card-min-height: 262px;
  --component-cards-base-card-padding-x: var(--padding-none);
  --component-cards-base-card-padding-y: var(--padding-none);
  --component-cards-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-border: var(--color-grayscale-200);
  --component-cards-base-color-on-surface-border-focus: var(--general-color-border-brand-2);
  --component-cards-base-color-on-surface-border-hover: var(--componentTheme-cards-on-surface-border-hover);
  --component-cards-base-color-on-surface-cta-1-color: var(--componentTheme-cards-on-surface-cta-1-color);
  --component-cards-base-color-on-surface-cta-2-color: var(--componentTheme-cards-on-surface-cta-2-color);
  --component-cards-base-color-on-surface-image-bg: var(--color-grayscale-200);
  --component-cards-base-color-on-surface-image-border: var(--color-grayscale-white);
  --component-cards-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-cards-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-cards-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-cards-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-cards-base-copy-padding-x: var(--padding-xsmall);
  --component-cards-base-copy-padding-y: var(--padding-xsmall);
  --component-cards-base-image-bg: var(--color-grayscale-200);
  --component-cards-base-image-border: var(--color-grayscale-white);
  --component-cards-base-image-border-width: var(--spacing-spacing-0);
  --component-cards-base-image-category-image-ratio: "1:1";
  --component-cards-base-image-image-ratio: "16:9";
  --component-cards-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-cards-base-image-padding-x: var(--padding-none);
  --component-cards-base-image-radius: var(--general-radius-image);
  --component-cards-card-max-width-mobile: 480px;
  --component-carousel-border-width: 1px;
  --component-carousel-controls-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-brand-icon: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-controls-inverse-icon: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-brand-fill: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-inverse-fill: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-color: var(--component-content-grid-color-button-color-1);
  --component-category-asset-default-height: 120px;
  --component-category-asset-default-width: 120px;
  --component-category-asset-hover-height: 112px;
  --component-category-asset-hover-width: 112px;
  --component-category-color-bg: var(--componentTheme-content-grid-bg);
  --component-category-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-border-focus: var(--component-category-color-category-enabled);
  --component-category-color-category-enabled: var(--component-content-grid-color-body);
  --component-category-color-category-hover: var(--component-content-grid-color-body);
  --component-category-color-fill: var(--componentTheme-content-grid-fill);
  --component-category-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-surface: var(--componentTheme-content-grid-bg);
  --component-category-color-title: var(--componentTheme-content-grid-text-primary);
  --component-category-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-category-gutter: var(--spacing-general-gutter);
  --component-category-padding-x: var(--spacing-general-margin-x);
  --component-category-padding-y: var(--spacing-general-margin-y);
  --component-checkbox-radio-color-brand-fill-disabled-opacity: 0.5;
  --component-checkbox-radio-color-brand-fill-disabled-text: var(--general-color-text-mid);
  --component-checkbox-radio-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-checkbox-radio-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-checkbox-radio-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-enabled-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-error-bg: var(--color-system-error-100);
  --component-checkbox-radio-color-brand-fill-error-border: var(--color-system-error-500);
  --component-checkbox-radio-color-brand-fill-error-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-focus-bg);
  --component-checkbox-radio-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-focus-border);
  --component-checkbox-radio-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-focus-icon);
  --component-checkbox-radio-color-brand-fill-focus-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-selected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-selected-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-checkbox-radio-color-brand-fill-hover-selected-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-hover-selected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-unselected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-unselected-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-checkbox-radio-color-brand-fill-hover-unselected-icon: var(--theme-primary-interactive-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-unselected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-uneditable-bg: var(--general-color-background-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-icon: var(--general-color-background-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-text: var(--general-color-text-dark);
  --component-content-grid-color-bg: var(--componentTheme-content-grid-bg);
  --component-content-grid-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-content-grid-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-content-grid-color-title: var(--componentTheme-content-grid-text-primary);
  --component-content-grid-margin-x: var(--spacing-general-margin-x);
  --component-content-grid-margin-x-2: var(--spacing-general-margin-x);
  --component-content-grid-margin-y: var(--spacing-general-margin-y);
  --component-content-grid-margin-y-2: var(--spacing-general-margin-y);
  --component-content-grid-pdp-color-bg: var(--general-color-background-white);
  --component-content-grid-pdp-color-body: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-pdp-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-pdp-color-subtitle: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-title: var(--general-color-text-darkest);
  --component-cta-color-brand-fill-disabled-opacity: 0.5;
  --component-cta-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-cta-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-cta-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-cta-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-fill-hover-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-cta-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-cta-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-ghost-disabled-opacity: 0.5;
  --component-cta-color-brand-ghost-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-ghost-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-cta-color-brand-ghost-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-ghost-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-cta-color-brand-ghost-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-cta-color-brand-ghost-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-cta-color-brand-ghost-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-cta-color-brand-ghost-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-outline-disabled-opacity: 0.5;
  --component-cta-color-brand-outline-enabled-bg: #ffffff00;
  --component-cta-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-cta-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-cta-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-cta-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-outline-hover-border: var(--component-cta-color-brand-outline-hover-bg);
  --component-cta-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-cta-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-cta-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-cta-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-inverse-fill-disabled-opacity: 0.5;
  --component-cta-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-enabled-text: var(--theme-primary-interactive-button-brand-action);
  --component-cta-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-cta-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-cta-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-inverse-brand-action-hover-inverse);
  --component-cta-color-inverse-fill-hover-border: var(--component-cta-color-inverse-fill-hover-bg);
  --component-cta-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-fill-hover-text: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-cta-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-cta-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-cta-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-ghost-disabled-opacity: 0.5;
  --component-cta-color-inverse-ghost-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-cta-color-inverse-ghost-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-ghost-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-cta-color-inverse-ghost-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-outline-disabled-opacity: 0.5;
  --component-cta-color-inverse-outline-enabled-bg: #ffffff00;
  --component-cta-color-inverse-outline-enabled-border: var(--theme-brand-action-inverse);
  --component-cta-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-cta-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-cta-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-cta-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-hover-bg: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-cta-color-inverse-outline-hover-border: var(--component-cta-color-inverse-outline-hover-bg);
  --component-cta-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-color-inverse-outline-hover-text: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-cta-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-cta-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-cta-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-focus-radius: var(--radius-radius-12);
  --component-cta-radius: var(--radius-radius-8);
  --component-cta-size-base-border: var(--spacing-spacing-2);
  --component-cta-size-base-border-2: var(--spacing-spacing-2);
  --component-cta-size-base-padding-left: var(--spacing-spacing-12);
  --component-cta-size-base-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-base-padding-y: var(--spacing-spacing-8);
  --component-cta-size-base-space-between: var(--spacing-spacing-4);
  --component-cta-size-small-border: var(--spacing-spacing-2);
  --component-cta-size-small-gap: var(--spacing-spacing-8);
  --component-cta-size-small-padding-left: var(--spacing-spacing-12);
  --component-cta-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-small-padding-y: var(--spacing-spacing-8);
  --component-dialog-box-shadow-blur: 24px;
  --component-dialog-color-body: var(--theme-primary-bg-text-secondary);
  --component-dialog-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-dialog-color-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --component-dialog-color-smokescreen: #00000080;
  --component-dialog-color-surface: var(--general-color-surface-white);
  --component-dialog-color-title: var(--theme-primary-bg-text-primary);
  --component-dialog-content-padding-x: var(--padding-medium);
  --component-dialog-content-padding-y: var(--padding-medium);
  --component-error-state-page-color-bg: var(--component-content-grid-color-bg);
  --component-error-state-page-color-body: var(--componentTheme-surface-text-secondary);
  --component-error-state-page-color-cta-1-color: var(--componentTheme-surface-cta-1-color);
  --component-error-state-page-color-icon: var(--componentTheme-surface-icon);
  --component-error-state-page-color-image-bg: var(--general-color-background-light);
  --component-error-state-page-color-surface: var(--componentTheme-surface-surface);
  --component-error-state-page-color-title: var(--general-color-text-brand-1);
  --component-error-state-page-content-padding-x: var(--layout-full-margin-x);
  --component-error-state-page-content-padding-y: var(--padding-none);
  --component-error-state-page-content-radius: var(--general-radius-container);
  --component-error-state-page-copy-padding-x: var(--padding-medium);
  --component-error-state-page-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-error-state-page-copy-radius: var(--general-radius-none);
  --component-error-state-page-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-error-state-page-gutter: var(--layout-full-gutter);
  --component-error-state-page-image-imageLeft-radius-bottomLeft: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageLeft-radius-bottomRight: var(--general-radius-container);
  --component-error-state-page-image-imageLeft-radius-top-left: var(--component-hero-recipe-image-radius);
  --component-error-state-page-image-imageLeft-radius-top-right: var(--component-hero-recipe-image-radius);
  --component-error-state-page-image-imageRight-radius-bottom-left: var(--component-hero-recipe-image-radius);
  --component-error-state-page-image-imageRight-radius-bottom-right: var(--component-hero-recipe-image-radius);
  --component-error-state-page-image-imageRight-radius-top-left: var(--component-hero-recipe-image-radius);
  --component-error-state-page-image-imageRight-radius-top-right: var(--component-hero-recipe-image-radius);
  --component-error-state-page-image-max-height-desktop: 1024px;
  --component-error-state-page-image-max-height-mobile: 360px;
  --component-error-state-page-image-max-height-tablet: 1024px;
  --component-error-state-page-image-min-height-desktop: 370px;
  --component-error-state-page-image-min-height-mobile: 180px;
  --component-error-state-page-image-min-height-tablet: 392px;
  --component-error-state-page-image-padding-x: var(--padding-small);
  --component-error-state-page-image-padding-y: var(--component-newsletter-sign-up-image-padding-x);
  --component-error-state-page-image-radius: var(--general-radius-image);
  --component-error-state-page-margin-x: var(--spacing-general-margin-x);
  --component-error-state-page-margin-y: var(--spacing-general-margin-y);
  --component-facets-color-default-border: var(--component-facets-color-default-surface);
  --component-facets-color-default-icons: var(--general-color-fill-brand-2);
  --component-facets-color-default-surface: var(--theme-primary-surface-match-bg-surface);
  --component-facets-color-default-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-facets-color-focus-border: var(--theme-brand-action);
  --component-facets-color-focus-icons: var(--theme-brand-action);
  --component-facets-color-focus-surface: var(--color-grayscale-100);
  --component-facets-color-focus-title: var(--general-color-text-darkest);
  --component-facets-color-hover-border: var(--general-color-border-white);
  --component-facets-color-hover-icons: var(--theme-brand-action);
  --component-facets-color-hover-surface: var(--color-grayscale-100);
  --component-facets-color-hover-title: var(--general-color-text-darkest);
  --component-facets-counter-surface: var(--general-color-background-darkest);
  --component-facets-counter-text: var(--general-color-text-white);
  --component-facets-max-width: 302px;
  --component-facets-padding-x: var(--padding-xxsmall);
  --component-facets-padding-y: var(--padding-xxsmall);
  --component-facets-radius: var(--radius-radius-12);
  --component-favorites-border: var(--spacing-spacing-0);
  --component-favorites-color-border: var(--general-color-border-white);
  --component-favorites-color-button-active-icon: var(--theme-brand-action);
  --component-favorites-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-enabled-icon: var(--general-color-fill-darkest);
  --component-favorites-color-button-enabled-text: var(--general-color-fill-darkest);
  --component-favorites-color-button-focus-focus-border: var(--theme-brand-action);
  --component-favorites-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-hover-icon: #00008c;
  --component-favorites-color-button-hover-text: var(--general-color-text-brand-2);
  --component-favorites-color-button-pressed-icon: var(--general-color-fill-brand-2);
  --component-favorites-color-button-pressed-text: var(--general-color-text-brand-2);
  --component-favorites-color-surface: var(--general-color-surface-white);
  --component-favorites-lists-menu-bg-default: var(--general-color-background-white);
  --component-favorites-lists-menu-bg-hover: var(--color-grayscale-100);
  --component-favorites-lists-menu-focus-border: var(--theme-brand-action);
  --component-favorites-lists-menu-max-width: 350px;
  --component-favorites-lists-menu-min-height: 48px;
  --component-favorites-lists-menu-min-width: 200px;
  --component-favorites-lists-menu-text: var(--general-color-text-darkest);
  --component-favorites-radius: var(--radius-radius-12);
  --component-feature-full-color-bg: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-feature-full-color-cta-1-color: var(--componentTheme-content-grid-cta-1-color);
  --component-feature-full-color-cta-2-color: var(--componentTheme-content-grid-cta-2-color);
  --component-feature-full-color-eyebrow: var(--componentTheme-content-grid-text-secondary);
  --component-feature-full-color-fill: var(--componentTheme-content-grid-fill);
  --component-feature-full-color-image-bg: var(--general-color-background-white);
  --component-feature-full-color-surface: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-title: var(--componentTheme-content-grid-text-primary);
  --component-feature-full-copy-block-copy-block-indent: var(--padding-none);
  --component-feature-full-copy-block-padding-x: var(--padding-xlarge);
  --component-feature-full-copy-block-padding-y: var(--component-feature-full-copy-block-padding-x);
  --component-feature-full-copy-block-radius: var(--general-radius-container);
  --component-feature-full-copy-container-padding-x: var(--layout-base-margin-x);
  --component-feature-full-copy-container-padding-y: var(--layout-base-margin-y);
  --component-feature-full-decor-brand: var(--theme-brand-name);
  --component-feature-full-decor-decor-accent: var(--theme-primary-bg-bg-decor-accent);
  --component-feature-full-decor-decor-match-primary-bg: var(--theme-primary-bg-bg);
  --component-feature-full-decor-icon-height: var(--icon-large-height);
  --component-feature-full-image-padding-left: var(--padding-none);
  --component-feature-full-image-padding-right: var(--padding-none);
  --component-feature-full-image-padding-x: var(--padding-none);
  --component-feature-full-image-padding-y: var(--component-hero-image-padding-x);
  --component-feature-full-image-radius: var(--general-radius-none);
  --component-feature-split-color-bg: var(--componentTheme-feature-bg);
  --component-feature-split-color-body: var(--componentTheme-feature-match-bg-text-secondary);
  --component-feature-split-color-button-size: base;
  --component-feature-split-color-cta-1-color: var(--componentTheme-feature-match-bg-cta-1-color);
  --component-feature-split-color-cta-2-color: var(--componentTheme-feature-match-bg-cta-2-color);
  --component-feature-split-color-eyebrow: var(--componentTheme-feature-match-bg-text-secondary);
  --component-feature-split-color-fill: var(--componentTheme-feature-match-bg-fill);
  --component-feature-split-color-image-bg: var(--general-color-background-light);
  --component-feature-split-color-subtitle: var(--componentTheme-feature-match-bg-text-secondary);
  --component-feature-split-color-surface: var(--componentTheme-feature-match-bg-surface);
  --component-feature-split-color-title: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-constrained-copy-desktop-max-width: 360px;
  --component-feature-split-constrained-copy-mobile-max-width: 767px;
  --component-feature-split-constrained-copy-padding-x: var(--padding-large);
  --component-feature-split-constrained-copy-padding-y: var(--component-feature-split-constrained-copy-padding-x);
  --component-feature-split-constrained-copy-tablet-max-width: 816px;
  --component-feature-split-constrained-image-desktop-min-width: 560px;
  --component-feature-split-constrained-image-mobile-min-width: 560px;
  --component-feature-split-constrained-image-tablet-min-width: 560px;
  --component-feature-split-constrained-margin-left: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-constrained-margin-right: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-content-padding-x: var(--layout-full-margin-x);
  --component-feature-split-content-padding-y: var(--layout-compact-margin-y);
  --component-feature-split-content-radius: var(--general-radius-container);
  --component-feature-split-copy-padding-x: var(--padding-large);
  --component-feature-split-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-feature-split-copy-radius: var(--general-radius-container);
  --component-feature-split-decor-bg-accent: var(--general-color-text-brand-3);
  --component-feature-split-decor-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-feature-split-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-feature-split-decor-icon-height: var(--icon-large-height);
  --component-feature-split-gutter: var(--spacing-general-gutter);
  --component-feature-split-image-border: var(--general-color-border-white);
  --component-feature-split-image-border-width: var(--spacing-spacing-0);
  --component-feature-split-image-image-ratio: "16:9";
  --component-feature-split-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-bottom-right: var(--radius-radius-rounded);
  --component-feature-split-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-right: var(--radius-radius-rounded);
  --component-feature-split-image-imageRight-radius-bottom-left: var(--radius-radius-rounded);
  --component-feature-split-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-left: var(--radius-radius-rounded);
  --component-feature-split-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-padding-x: var(--padding-none);
  --component-feature-split-image-padding-y: var(--component-hero-image-padding-x);
  --component-feature-split-image-radius: var(--general-radius-none);
  --component-feature-split-margin-x: var(--layout-full-margin-x);
  --component-feature-split-margin-y: var(--layout-full-margin-y);
  --component-filters-color-default-border: var(--general-color-border-darkest);
  --component-filters-color-default-label: var(--general-color-text-darkest);
  --component-filters-color-default-surface: var(--general-color-surface-white);
  --component-filters-color-focus-border: var(--theme-brand-action);
  --component-filters-color-focus-label: var(--general-color-text-darkest);
  --component-filters-color-focus-surface: var(--general-color-background-light);
  --component-filters-color-hover-border: var(--theme-brand-action);
  --component-filters-color-hover-label: var(--general-color-text-darkest);
  --component-filters-color-hover-surface: var(--general-color-background-light);
  --component-filters-color-selected-border: var(--theme-brand-action);
  --component-filters-color-selected-icons: var(--general-color-fill-white);
  --component-filters-color-selected-label: var(--general-color-text-darkest);
  --component-filters-color-selected-surface: var(--theme-brand-action);
  --component-filters-counter-surface: var(--general-color-background-darkest);
  --component-filters-counter-text: var(--general-color-text-white);
  --component-filters-padding-x: var(--padding-xxsmall);
  --component-filters-padding-y: var(--padding-xxsmall);
  --component-filters-radius: var(--radius-radius-2);
  --component-form-field-color-button-color-1: brand;
  --component-form-field-color-button-color-2: brand;
  --component-form-field-color-default-bg: var(--component-search-field-default-bg);
  --component-form-field-color-default-border: var(--general-color-border-mid);
  --component-form-field-color-descriptive-text: var(--general-color-text-darkest);
  --component-form-field-color-filled-border: var(--color-grayscale-800);
  --component-form-field-color-icon: var(--general-color-fill-darkest);
  --component-form-field-color-label: var(--general-color-text-darkest);
  --component-form-field-color-placeholder-text: var(--general-color-text-mid);
  --component-form-field-color-required-asterisk: var(--component-form-field-color-label);
  --component-form-field-color-surface: var(--general-color-surface-white);
  --component-hero-color-alternate-bg: var(--componentTheme-hero-bg);
  --component-hero-color-alternate-body: var(--componentTheme-hero-match-bg-text-secondary);
  --component-hero-color-alternate-cta-1-color: var(--componentTheme-hero-match-bg-cta-1-color);
  --component-hero-color-alternate-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-alternate-eyebrow: var(--componentTheme-hero-match-bg-text-secondary);
  --component-hero-color-alternate-fill: var(--componentTheme-hero-fill);
  --component-hero-color-alternate-surface: var(--componentTheme-hero-match-bg-surface);
  --component-hero-color-alternate-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-alternate-title: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-bg: var(--componentTheme-hero-bg);
  --component-hero-color-general-body: var(--componentTheme-hero-match-bg-text-secondary);
  --component-hero-color-general-cta-1-color: var(--componentTheme-hero-match-bg-cta-1-color);
  --component-hero-color-general-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-general-decor: var(--theme-primary-bg-bg);
  --component-hero-color-general-decor-mobile: var(--component-hero-color-general-surface);
  --component-hero-color-general-eyebrow: var(--componentTheme-hero-match-bg-text-secondary);
  --component-hero-color-general-fill: var(--componentTheme-hero-fill);
  --component-hero-color-general-surface: var(--componentTheme-hero-surface);
  --component-hero-color-general-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-general-title: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-simple-bg: var(--general-color-background-white);
  --component-hero-color-simple-body: var(--theme-primary-bg-text-secondary);
  --component-hero-color-simple-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-color-simple-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-color-simple-decor-accent: var(--general-color-background-white);
  --component-hero-color-simple-eyebrow: var(--theme-primary-bg-text-secondary);
  --component-hero-color-simple-text-link: var(--theme-primary-bg-text-link);
  --component-hero-color-simple-title: var(--theme-primary-bg-text-primary);
  --component-hero-container-desktop-min-height: 500px;
  --component-hero-container-desktop-radius: var(--general-radius-container);
  --component-hero-container-gap: var(--layout-full-gutter);
  --component-hero-container-mobile-min-height: 560px;
  --component-hero-container-mobile-radius: var(--general-radius-none);
  --component-hero-container-padding-x: var(--spacing-general-margin-x);
  --component-hero-container-padding-y: var(--spacing-general-margin-y);
  --component-hero-container-radius: var(--general-radius-none);
  --component-hero-container-tablet-min-height: 432px;
  --component-hero-container-tablet-radius: var(--general-radius-none);
  --component-hero-copy-padding-x: var(--padding-small);
  --component-hero-copy-padding-y: var(--component-hero-copy-padding-x);
  --component-hero-copy-radius: var(--general-radius-container);
  --component-hero-copy-radius-bottom-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-bottom-right: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-right: var(--component-hero-copy-radius);
  --component-hero-copyBlock-padding-x: var(--padding-small);
  --component-hero-copyBlock-padding-y: var(--component-hero-copy-padding-x);
  --component-hero-copyBlock-radius: var(--general-radius-container);
  --component-hero-copyBlock-radius-bottom-left: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-bottom-right: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-top-left: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-top-right: var(--component-hero-copy-radius);
  --component-hero-decor-brand: var(--theme-brand-name);
  --component-hero-desktop-max-width: var(--screen-dimensions-max-width);
  --component-hero-image-a11y-image-background-blur: 0px;
  --component-hero-image-a11y-image-overlay-opacity: 0.85;
  --component-hero-image-desktop-radius: var(--radius-radius-24);
  --component-hero-image-mobile-radius: var(--general-radius-none);
  --component-hero-image-padding-top: var(--component-hero-image-padding-y);
  --component-hero-image-padding-x: var(--padding-none);
  --component-hero-image-padding-y: var(--component-hero-image-padding-x);
  --component-hero-image-splitHero-radius: var(--general-radius-image);
  --component-hero-mobile-max-width: 1000px;
  --component-hero-tablet-max-width: 1000px;
  --component-hero-typography-title: var(--typography-font-size-header-xlarge);
  --component-hero-article-color-bg: var(--theme-primary-bg-bg);
  --component-hero-article-color-bg-accent: var(--general-color-text-brand-3);
  --component-hero-article-color-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-hero-article-color-body: var(--theme-primary-surface-match-bg-text-secondary);
  --component-hero-article-color-category: var(--theme-primary-surface-match-bg-text-secondary);
  --component-hero-article-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-hero-article-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-hero-article-color-date: var(--theme-primary-surface-match-bg-text-secondary);
  --component-hero-article-color-details: var(--theme-primary-surface-match-bg-text-secondary);
  --component-hero-article-color-icon: var(--theme-primary-surface-match-bg-fill);
  --component-hero-article-color-image-bg: var(--general-color-background-light);
  --component-hero-article-color-surface: var(--theme-primary-surface-match-bg-surface);
  --component-hero-article-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-content-padding-x: var(--layout-full-margin-x);
  --component-hero-article-content-padding-y: var(--padding-none);
  --component-hero-article-content-radius: var(--layout-full-margin-y);
  --component-hero-article-copy-category-margin-bottom: var(--spacing-general-eyebrow-margin-bottom);
  --component-hero-article-copy-padding-x: var(--spacing-general-margin-x);
  --component-hero-article-copy-padding-y: var(--padding-small);
  --component-hero-article-copy-radius: var(--general-radius-none);
  --component-hero-article-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-article-gutter: var(--layout-full-gutter);
  --component-hero-article-image-image-ratio: "16:9";
  --component-hero-article-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageLeft-radius-bottom-right: var(--general-radius-container);
  --component-hero-article-image-imageLeft-radius-top-left: var(--component-hero-recipe-image-radius);
  --component-hero-article-image-imageLeft-radius-top-right: var(--component-hero-recipe-image-radius);
  --component-hero-article-image-imageRight-radius-bottom-left: var(--component-hero-recipe-image-radius);
  --component-hero-article-image-imageRight-radius-bottom-right: var(--component-hero-recipe-image-radius);
  --component-hero-article-image-imageRight-radius-top-left: var(--component-hero-recipe-image-radius);
  --component-hero-article-image-imageRight-radius-top-right: var(--component-hero-recipe-image-radius);
  --component-hero-article-image-max-height-desktop: 1024px;
  --component-hero-article-image-max-height-mobile: 360px;
  --component-hero-article-image-max-height-tablet: 1024px;
  --component-hero-article-image-min-height-desktop: 370px;
  --component-hero-article-image-min-height-mobile: 180px;
  --component-hero-article-image-min-height-tablet: 392px;
  --component-hero-article-image-padding-x: var(--padding-none);
  --component-hero-article-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-hero-article-image-radius: var(--general-radius-none);
  --component-hero-article-margin-x: var(--padding-none);
  --component-hero-article-padding-y: var(--padding-none);
  --component-hero-product-brand-decor: var(--component-site-header-main-bar-brand-logo);
  --component-hero-product-color-badge-color: brand;
  --component-hero-product-color-bg: var(--theme-primary-bg-bg);
  --component-hero-product-color-body: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-product-color-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-product-color-decor: var(--general-color-background-light);
  --component-hero-product-color-eyebrow: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-icon: var(--theme-primary-bg-icon);
  --component-hero-product-color-image-bg: var(--general-color-background-light);
  --component-hero-product-color-image-border: var(--general-color-border-mid);
  --component-hero-product-color-image-surface: var(--general-color-surface-white);
  --component-hero-product-color-link: var(--theme-primary-bg-text-link-underline);
  --component-hero-product-color-ratings: var(--theme-primary-interactive-ratings-active);
  --component-hero-product-color-ratings-inactive: var(--theme-secondary-interactive-ratings-inactive);
  --component-hero-product-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-thumbnail-selected-border: var(--theme-brand-action);
  --component-hero-product-color-title: var(--theme-primary-bg-text-primary);
  --component-hero-product-content-padding-x: var(--padding-none);
  --component-hero-product-content-padding-y: var(--padding-none);
  --component-hero-product-content-radius: var(--general-radius-none);
  --component-hero-product-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-product-copy-padding-y: var(--component-hero-recipe-copy-padding-x);
  --component-hero-product-copy-radius: var(--general-radius-none);
  --component-hero-product-gutter: var(--layout-full-gutter);
  --component-hero-product-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageLeft-radius-bottom-right: var(--general-radius-container);
  --component-hero-product-image-imageLeft-radius-top-left: var(--component-hero-recipe-image-radius);
  --component-hero-product-image-imageLeft-radius-top-right: var(--component-hero-recipe-image-radius);
  --component-hero-product-image-imageRight-radius-bottom-left: var(--component-hero-recipe-image-radius);
  --component-hero-product-image-imageRight-radius-bottom-right: var(--component-hero-recipe-image-radius);
  --component-hero-product-image-imageRight-radius-top-left: var(--component-hero-recipe-image-radius);
  --component-hero-product-image-imageRight-radius-top-right: var(--component-hero-recipe-image-radius);
  --component-hero-product-image-max-height-desktop: 640px;
  --component-hero-product-image-max-height-mobile: 320px;
  --component-hero-product-image-max-height-tablet: 1024px;
  --component-hero-product-image-padding-x: var(--padding-none);
  --component-hero-product-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-product-image-radius: var(--general-radius-none);
  --component-hero-product-margin-x: var(--padding-none);
  --component-hero-product-margin-y: var(--padding-none);
  --component-hero-recipe-color-badge-color: brand;
  --component-hero-recipe-color-bg: var(--theme-primary-bg-bg);
  --component-hero-recipe-color-body: var(--theme-primary-bg-text-secondary);
  --component-hero-recipe-color-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-recipe-color-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-recipe-color-eyebrow: var(--theme-primary-bg-text-secondary);
  --component-hero-recipe-color-icon: var(--theme-primary-bg-icon);
  --component-hero-recipe-color-image-bg: var(--general-color-background-light);
  --component-hero-recipe-color-link: var(--theme-primary-interactive-button-link-underline);
  --component-hero-recipe-color-ratings: var(--theme-primary-interactive-ratings-active);
  --component-hero-recipe-color-ratings-inactive: var(--theme-secondary-interactive-ratings-inactive);
  --component-hero-recipe-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-hero-recipe-color-title: var(--theme-primary-bg-text-primary);
  --component-hero-recipe-content-padding-x: var(--padding-none);
  --component-hero-recipe-content-padding-y: var(--padding-none);
  --component-hero-recipe-content-radius: var(--general-radius-none);
  --component-hero-recipe-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-recipe-copy-padding-y: var(--component-hero-recipe-copy-padding-x);
  --component-hero-recipe-copy-radius: var(--general-radius-none);
  --component-hero-recipe-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-recipe-gutter: var(--layout-full-gutter);
  --component-hero-recipe-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageLeft-radius-bottom-right: var(--general-radius-container);
  --component-hero-recipe-image-imageLeft-radius-top-left: var(--component-hero-recipe-image-radius);
  --component-hero-recipe-image-imageLeft-radius-top-right: var(--component-hero-recipe-image-radius);
  --component-hero-recipe-image-imageRight-radius-bottom-left: var(--component-hero-recipe-image-radius);
  --component-hero-recipe-image-imageRight-radius-bottom-right: var(--component-hero-recipe-image-radius);
  --component-hero-recipe-image-imageRight-radius-top-left: var(--component-hero-recipe-image-radius);
  --component-hero-recipe-image-imageRight-radius-top-right: var(--component-hero-recipe-image-radius);
  --component-hero-recipe-image-max-height-desktop: 640px;
  --component-hero-recipe-image-max-height-mobile: 320px;
  --component-hero-recipe-image-max-height-tablet: 1024px;
  --component-hero-recipe-image-padding-x: var(--padding-none);
  --component-hero-recipe-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-recipe-image-radius: var(--general-radius-none);
  --component-hero-recipe-margin-x: var(--padding-none);
  --component-hero-recipe-padding-y: var(--padding-none);
  --component-icon-content-large-desktop-height: 120px;
  --component-icon-content-large-desktop-width: 120px;
  --component-icon-content-large-mobile-height: 96px;
  --component-icon-content-large-mobile-width: 96px;
  --component-icon-content-large-tablet-height: 120px;
  --component-icon-content-large-tablet-width: 120px;
  --component-icon-content-small-desktop-height: 64px;
  --component-icon-content-small-desktop-width: 64px;
  --component-icon-content-small-mobile-height: 40px;
  --component-icon-content-small-mobile-width: 40px;
  --component-icon-content-small-tablet-height: 56px;
  --component-icon-content-small-tablet-width: 56px;
  --component-image-color-button-color-below-image: brand;
  --component-image-color-button-color-on-image: inverse;
  --component-image-standalone-image-max-width-desktop: 820px;
  --component-image-standalone-image-max-width-mobile: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-tablet: var(--typography-copy-max-width);
  --component-listing-grid-color-bg: var(--theme-primary-bg-bg);
  --component-listing-grid-color-body: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-button-color-1: var(--theme-primary-bg-cta-1-color);
  --component-listing-grid-color-button-color-2: var(--theme-primary-bg-cta-2-color);
  --component-listing-grid-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-title: var(--theme-primary-bg-text-primary);
  --component-listing-grid-margin-x: var(--spacing-general-margin-x);
  --component-listing-grid-margin-y: var(--spacing-general-margin-y);
  --component-location-selector-color-default-body: var(--component-accordion-color-default-body);
  --component-location-selector-color-default-border: var(--component-accordion-color-default-border);
  --component-location-selector-color-default-icons: var(--component-accordion-color-default-icons);
  --component-location-selector-color-default-surface: var(--component-accordion-color-default-surface);
  --component-location-selector-color-default-title: var(--component-accordion-color-default-title);
  --component-location-selector-color-hover-body: var(--component-accordion-color-hover-body);
  --component-location-selector-color-hover-border: var(--component-accordion-color-hover-border);
  --component-location-selector-color-hover-icons: var(--component-accordion-color-hover-icons);
  --component-location-selector-color-hover-surface: var(--component-accordion-color-hover-surface);
  --component-location-selector-color-hover-title: var(--component-accordion-color-hover-title);
  --component-location-selector-item-border-bottom: 0px;
  --component-location-selector-item-border-left: 0px;
  --component-location-selector-item-border-right: 0px;
  --component-location-selector-item-border-top: 1px;
  --component-location-selector-padding-x: var(--component-accordion-padding-x);
  --component-location-selector-padding-y: var(--component-accordion-padding-y);
  --component-modal-color-body: var(--theme-primary-bg-text-secondary);
  --component-modal-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-modal-color-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --component-modal-color-smokescreen: var(--component-dialog-color-smokescreen);
  --component-modal-color-surface: var(--general-color-surface-white);
  --component-modal-color-title: var(--theme-primary-bg-text-primary);
  --component-modal-content-padding-x: var(--padding-small);
  --component-modal-content-padding-y: var(--padding-small);
  --component-my-account-color-bg: var(--general-color-background-white);
  --component-my-account-color-bg-cta-color: var(--theme-secondary-bg-cta-1-color);
  --component-my-account-color-body: var(--theme-secondary-surface-text-secondary);
  --component-my-account-color-border: var(--general-color-border-light);
  --component-my-account-color-header: var(--theme-secondary-surface-text-primary);
  --component-my-account-color-line-break: var(--general-color-border-light);
  --component-my-account-color-sidebar-surface: var(--general-color-surface-brand-1);
  --component-my-account-color-sidebar-text: var(--general-color-text-white);
  --component-my-account-color-surface: var(--theme-secondary-surface-surface);
  --component-my-account-color-surface-cta-color: var(--theme-secondary-surface-cta-1-color);
  --component-my-account-color-surface-highlight: var(--color-grayscale-100);
  --component-my-account-color-title: var(--theme-secondary-surface-text-primary);
  --component-my-account-content-padding-x: var(--padding-medium);
  --component-my-account-content-padding-y: var(--padding-medium);
  --component-my-account-padding-x: var(--layout-compact-margin-x);
  --component-my-account-padding-y: var(--layout-compact-margin-y);
  --component-nav-dropdown-menu-border: var(--spacing-spacing-0);
  --component-nav-dropdown-menu-color-border: var(--general-color-border-white);
  --component-nav-dropdown-menu-color-button-active-icon: var(--theme-brand-action);
  --component-nav-dropdown-menu-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-enabled-icon: var(--general-color-fill-darkest);
  --component-nav-dropdown-menu-color-button-enabled-text: var(--general-color-fill-darkest);
  --component-nav-dropdown-menu-color-button-focus-focus-border: var(--theme-brand-action);
  --component-nav-dropdown-menu-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-hover-icon: #00008c;
  --component-nav-dropdown-menu-color-button-hover-text: var(--general-color-text-brand-2);
  --component-nav-dropdown-menu-color-button-pressed-icon: var(--general-color-fill-brand-2);
  --component-nav-dropdown-menu-color-button-pressed-text: var(--general-color-text-brand-2);
  --component-nav-dropdown-menu-color-surface: var(--general-color-surface-white);
  --component-nav-dropdown-menu-lists-menu-bg-default: var(--general-color-background-white);
  --component-nav-dropdown-menu-lists-menu-bg-hover: var(--color-grayscale-100);
  --component-nav-dropdown-menu-lists-menu-focus-border: var(--theme-brand-action);
  --component-nav-dropdown-menu-lists-menu-max-width: 350px;
  --component-nav-dropdown-menu-lists-menu-min-height: 48px;
  --component-nav-dropdown-menu-lists-menu-min-width: 200px;
  --component-nav-dropdown-menu-lists-menu-text: var(--general-color-text-darkest);
  --component-nav-dropdown-menu-radius: var(--radius-radius-12);
  --component-newsletter-sign-up-color-bg: var(--component-content-grid-color-bg);
  --component-newsletter-sign-up-color-body: var(--componentTheme-surface-text-secondary);
  --component-newsletter-sign-up-color-cta-1-color: var(--componentTheme-surface-cta-1-color);
  --component-newsletter-sign-up-color-icon: var(--componentTheme-surface-icon);
  --component-newsletter-sign-up-color-image-bg: var(--general-color-background-light);
  --component-newsletter-sign-up-color-surface: var(--componentTheme-surface-surface);
  --component-newsletter-sign-up-color-title: var(--componentTheme-surface-text-primary);
  --component-newsletter-sign-up-content-padding-x: var(--layout-full-margin-x);
  --component-newsletter-sign-up-content-padding-y: var(--padding-none);
  --component-newsletter-sign-up-content-radius: var(--general-radius-container);
  --component-newsletter-sign-up-copy-padding-x: var(--padding-medium);
  --component-newsletter-sign-up-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-newsletter-sign-up-copy-radius: var(--general-radius-none);
  --component-newsletter-sign-up-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-newsletter-sign-up-gutter: var(--layout-full-gutter);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-right: var(--general-radius-container);
  --component-newsletter-sign-up-image-imageLeft-radius-top-left: var(--component-hero-recipe-image-radius);
  --component-newsletter-sign-up-image-imageLeft-radius-top-right: var(--component-hero-recipe-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-left: var(--component-hero-recipe-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-right: var(--component-hero-recipe-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-left: var(--component-hero-recipe-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-right: var(--component-hero-recipe-image-radius);
  --component-newsletter-sign-up-image-max-height-desktop: 1024px;
  --component-newsletter-sign-up-image-max-height-mobile: 360px;
  --component-newsletter-sign-up-image-max-height-tablet: 1024px;
  --component-newsletter-sign-up-image-min-height-desktop: 370px;
  --component-newsletter-sign-up-image-min-height-mobile: 180px;
  --component-newsletter-sign-up-image-min-height-tablet: 392px;
  --component-newsletter-sign-up-image-padding-x: var(--padding-small);
  --component-newsletter-sign-up-image-padding-y: var(--component-newsletter-sign-up-image-padding-x);
  --component-newsletter-sign-up-image-radius: var(--general-radius-image);
  --component-newsletter-sign-up-margin-x: var(--spacing-general-margin-x);
  --component-newsletter-sign-up-margin-y: var(--spacing-general-margin-y);
  --component-pagination-color-disabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-disabled-icon: var(--color-grayscale-200);
  --component-pagination-color-disabled-text: var(--interactiveTheme-ratings-inactive);
  --component-pagination-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-focus-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-pagination-color-focus-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-hover-bg: var(--general-color-surface-light);
  --component-pagination-color-hover-text: var(--interactiveTheme-button-brand-action-hover);
  --component-pagination-color-link-underline: var(--general-color-fill-brand-2);
  --component-pagination-color-pressed-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-pressed-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-selected-bg: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-selected-border: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-selected-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-pagination-radius: var(--radius-radius-rounded);
  --component-pagination-size-base-border: var(--spacing-spacing-2);
  --component-pagination-size-base-padding-left: var(--spacing-spacing-16);
  --component-pagination-size-base-padding-right: var(--component-cta-size-base-padding-left);
  --component-pagination-size-base-padding-y: var(--spacing-spacing-8);
  --component-pagination-size-base-space-between: var(--spacing-spacing-8);
  --component-pagination-size-small-border: var(--spacing-spacing-2);
  --component-pagination-size-small-gap: var(--spacing-spacing-8);
  --component-pagination-size-small-padding-left: var(--spacing-spacing-12);
  --component-pagination-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-pagination-size-small-padding-y: var(--spacing-spacing-8);
  --component-pdp-product-content-color-bg: var(--theme-secondary-bg-bg);
  --component-pdp-product-content-color-body: var(--theme-secondary-bg-text-secondary);
  --component-pdp-product-content-color-icon: var(--theme-secondary-bg-icon);
  --component-pdp-product-content-color-image-bg: var(--general-color-background-light);
  --component-pdp-product-content-color-surface: var(--general-color-surface-white);
  --component-pdp-product-content-color-surface-border: var(--general-color-border-light);
  --component-pdp-product-content-color-title: var(--theme-secondary-bg-text-primary);
  --component-pdp-product-content-gutter: var(--spacing-general-gutter);
  --component-pdp-product-content-margin-x: var(--spacing-general-margin-x);
  --component-pdp-product-content-margin-y: var(--layout-compact-margin-y);
  --component-print-image-print-logo-invert: 1;
  --component-recipe-description-copy-max-width-desktop: 804px;
  --component-recipe-description-copy-max-width-mobile: var(--typography-copy-max-width);
  --component-recipe-description-copy-max-width-tablet: var(--typography-copy-max-width);
  --component-recipe-header-brand: var(--theme-brand-name);
  --component-recipe-header-color-bg: var(--theme-secondary-bg-bg);
  --component-recipe-header-color-body: var(--theme-secondary-surface-text-secondary);
  --component-recipe-header-color-cta-1-color: var(--theme-secondary-surface-cta-1-color);
  --component-recipe-header-color-eyebrow: var(--theme-secondary-surface-text-secondary);
  --component-recipe-header-color-icon: var(--theme-primary-bg-icon);
  --component-recipe-header-color-image-bg: var(--general-color-background-light);
  --component-recipe-header-color-link: var(--theme-secondary-interactive-button-ghost-link);
  --component-recipe-header-color-ratings: var(--theme-secondary-interactive-ratings-active);
  --component-recipe-header-color-ratings-inactive: var(--theme-secondary-interactive-ratings-inactive);
  --component-recipe-header-color-subtitle: var(--theme-secondary-surface-text-secondary);
  --component-recipe-header-color-surface: var(--general-color-surface-light);
  --component-recipe-header-color-title: var(--theme-secondary-surface-text-primary);
  --component-recipe-header-content-padding-x: var(--padding-xsmall);
  --component-recipe-header-content-padding-y: var(--padding-xsmall);
  --component-recipe-header-content-radius: var(--general-radius-container);
  --component-recipe-header-copy-padding-x: var(--padding-small);
  --component-recipe-header-copy-padding-y: var(--padding-small);
  --component-recipe-header-padding-x: var(--layout-full-margin-x);
  --component-recipe-header-padding-y: var(--layout-compact-margin-y);
  --component-recipe-instructions-card-max-width-mobile: 280px;
  --component-recipe-instructions-color-border: var(--general-color-border-light);
  --component-recipe-instructions-color-surface: var(--general-color-background-white);
  --component-recipe-instructions-gutter: var(--layout-full-gutter);
  --component-recipe-instructions-padding-x: var(--spacing-general-margin-x);
  --component-recipe-instructions-padding-y: var(--padding-none);
  --component-recipe-made-with-color-button-color: brand;
  --component-recipe-made-with-color-ratings: var(--theme-primary-interactive-ratings-active);
  --component-recipe-made-with-color-ratings-inactive: var(--theme-primary-interactive-ratings-inactive);
  --component-recipe-nutrition-card-max-width-mobile: 280px;
  --component-recipe-nutrition-color-bg: var(--general-color-background-light);
  --component-recipe-nutrition-color-body: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-eyebrow: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-fill: var(--componentTheme-feature-match-bg-fill);
  --component-recipe-nutrition-color-subtitle: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-title: var(--componentTheme-feature-match-bg-text-primary);
  --component-recipe-nutrition-content-padding-x: var(--layout-full-margin-x);
  --component-recipe-nutrition-content-padding-y: var(--layout-full-margin-y);
  --component-recipe-nutrition-content-radius: var(--general-radius-container);
  --component-recipe-nutrition-gutter: var(--layout-full-gutter);
  --component-recipe-nutrition-padding-x: var(--spacing-general-margin-x);
  --component-recipe-nutrition-padding-y: var(--padding-none);
  --component-related-content-color-bg: var(--component-content-grid-color-bg);
  --component-related-content-color-body: var(--component-content-grid-color-body);
  --component-related-content-color-button-color-1: var(--component-content-grid-color-button-color-1);
  --component-related-content-color-button-color-2: var(--component-content-grid-color-button-color-2);
  --component-related-content-color-subtitle: var(--component-content-grid-color-subtitle);
  --component-related-content-color-title: var(--component-content-grid-color-title);
  --component-search-field-active-bg: var(--general-color-background-white);
  --component-search-field-active-border: var(--theme-primary-surface-border-focus);
  --component-search-field-active-icon: var(--general-color-fill-brand-1);
  --component-search-field-active-search-text: var(--general-color-text-darkest);
  --component-search-field-default-bg: var(--general-color-background-white);
  --component-search-field-default-border: var(--general-color-border-white);
  --component-search-field-default-icon: var(--general-color-fill-dark);
  --component-search-field-default-search-text: var(--general-color-text-darkest);
  --component-search-field-dropdown-active-radius: 56px;
  --component-search-field-dropdown-bg-default: var(--component-search-field-default-bg);
  --component-search-field-dropdown-bg-hover: var(--theme-secondary-bg-bg);
  --component-search-field-dropdown-border: var(--theme-primary-surface-border-focus);
  --component-search-field-dropdown-border-focus: 2px;
  --component-search-field-dropdown-focus-border: var(--theme-primary-surface-border-focus);
  --component-search-field-dropdown-focus-radius: 12px;
  --component-search-field-hover-bg: var(--general-color-background-white);
  --component-search-field-hover-border: var(--theme-primary-surface-border-focus);
  --component-search-field-hover-icon: var(--color-primary-color-1-700);
  --component-search-field-hover-search-text: var(--general-color-text-darkest);
  --component-site-footer-bottom-bar-bg: var(--general-color-background-white);
  --component-site-footer-bottom-bar-cta-2-color: brand;
  --component-site-footer-bottom-bar-icons: var(--general-color-fill-darkest);
  --component-site-footer-bottom-bar-link: var(--general-color-text-darkest);
  --component-site-footer-bottom-bar-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-bottom-bar-padding-y: var(--padding-xsmall);
  --component-site-footer-footer-links-bg: var(--color-grayscale-100);
  --component-site-footer-footer-links-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-footer-footer-links-column-label: var(--general-color-text-darkest);
  --component-site-footer-footer-links-cta-1-color: brand;
  --component-site-footer-footer-links-footer-logo: var(--theme-brand-name);
  --component-site-footer-footer-links-gap-icon: var(--spacing-spacing-4);
  --component-site-footer-footer-links-icons: var(--general-color-fill-darkest);
  --component-site-footer-footer-links-link: var(--general-color-text-darkest);
  --component-site-footer-footer-links-link-underline: var(--general-color-border-darkest);
  --component-site-footer-footer-links-logo-height-large: 88px;
  --component-site-footer-footer-links-logo-height-small: 60px;
  --component-site-footer-footer-links-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-footer-links-padding-y: var(--padding-medium);
  --component-site-footer-footer-links-text: var(--general-color-text-darkest);
  --component-site-footer-gap-links: var(--space-between-medium);
  --component-site-footer-space-between: var(--space-between-xsmall);
  --component-site-header-color-main-bar-desktop-bg: var(--general-color-background-brand-1);
  --component-site-header-color-main-bar-desktop-bottom-border: var(--general-color-background-brand-1);
  --component-site-header-color-main-bar-desktop-icons: var(--general-color-fill-white);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-desktop-link-link-enabled);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-desktop-link-link-enabled: var(--general-color-text-white);
  --component-site-header-color-main-bar-desktop-link-link-hover: var(--general-color-text-white);
  --component-site-header-color-main-bar-desktop-link-link-underline: var(--general-color-border-white);
  --component-site-header-color-main-bar-desktop-logo: var(--general-color-fill-brand-2);
  --component-site-header-color-main-bar-mobile-bg: var(--general-color-background-white);
  --component-site-header-color-main-bar-mobile-bottom-border: var(--general-color-border-mid);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-mobile-link-link-enabled);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-hover: var(--component-site-header-color-main-bar-mobile-link-link-hover);
  --component-site-header-color-main-bar-mobile-link-link-enabled: var(--general-color-text-darkest);
  --component-site-header-color-main-bar-mobile-link-link-hover: var(--general-color-text-darkest);
  --component-site-header-color-main-bar-mobile-link-link-underline: var(--general-color-background-darkest);
  --component-site-header-color-mega-menu-menu-bg: var(--general-color-background-white);
  --component-site-header-color-mega-menu-menu-bottom-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-header-color-mega-menu-menu-item-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-hover-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-left-border-items: var(--general-color-border-white);
  --component-site-header-color-mega-menu-menu-paragraph-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-side-bar-bg: var(--general-color-background-light);
  --component-site-header-color-mega-menu-menu-side-bar-title: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-active-icon: var(--component-site-header-color-mega-menu-menu-title-active-text);
  --component-site-header-color-mega-menu-menu-title-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-enabled-icon: var(--component-site-header-color-mega-menu-menu-title-enabled-text);
  --component-site-header-color-mega-menu-menu-title-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-hover-bg: var(--component-site-header-color-mega-menu-menu-bg);
  --component-site-header-color-mega-menu-menu-title-hover-icon: var(--component-site-header-color-mega-menu-menu-title-hover-text);
  --component-site-header-color-mega-menu-menu-title-hover-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-pressed-icon: var(--component-site-header-color-mega-menu-menu-title-pressed-text);
  --component-site-header-color-mega-menu-menu-title-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-enabled-bg: var(--general-color-fill-white);
  --component-site-header-color-search-tag-enabled-border: var(--general-color-border-mid);
  --component-site-header-color-search-tag-enabled-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-search-tag-enabled-link: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-hover-bg: var(--general-color-fill-light);
  --component-site-header-color-search-tag-hover-border: var(--general-color-border-brand-1);
  --component-site-header-color-search-tag-hover-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-search-tag-hover-link: var(--general-color-text-brand-1);
  --component-site-header-color-secondary-bar-bg: var(--color-primary-color-1-500);
  --component-site-header-color-secondary-bar-on-bar-enabled-bg: #ffffff00;
  --component-site-header-color-secondary-bar-on-bar-enabled-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-bar-enabled-link);
  --component-site-header-color-secondary-bar-on-bar-hover-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-hover-link-icons: var(--component-site-header-color-secondary-bar-on-bar-hover-link);
  --component-site-header-color-secondary-bar-on-bar-pressed-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-bar-pressed-link);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link: var(--component-site-header-color-mega-menu-menu-item-enabled-text);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-enabled-link);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link: var(--component-site-header-color-mega-menu-menu-item-hover-text);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-hover-link);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link: var(--component-site-header-color-mega-menu-menu-item-pressed-text);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-pressed-link);
  --component-site-header-color-utility-bar-bg: var(--color-primary-color-1-500);
  --component-site-header-color-utility-bar-bottom-border: var(--general-color-border-brand-1);
  --component-site-header-color-utility-bar-button-color-1: inverse;
  --component-site-header-color-utility-bar-button-color-2: inverse;
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-enabled: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-enabled: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-underline: var(--general-color-text-white);
  --component-site-header-color-utility-bar-favorites-button-bg: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-bg-hover: var(--general-color-fill-brand-1);
  --component-site-header-color-utility-bar-favorites-button-bg-pressed: var(--color-primary-color-1-700);
  --component-site-header-color-utility-bar-favorites-button-border: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-border-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-focus: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-heart-fill: var(--general-color-fill-brand-1);
  --component-site-header-color-utility-bar-favorites-button-heart-fill-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-text: var(--general-color-text-darkest);
  --component-site-header-color-utility-bar-favorites-button-text-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-icon: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-logo: var(--general-color-fill-brand-2);
  --component-site-header-main-bar-bottom-border: var(--spacing-spacing-0);
  --component-site-header-main-bar-gap-links: var(--space-between-medium);
  --component-site-header-main-bar-link-bottom-underline-border: 2px;
  --component-site-header-main-bar-logo-height-large: 62px;
  --component-site-header-main-bar-logo-height-small: 48px;
  --component-site-header-main-bar-logo-margin-right: var(--margin-xsmall);
  --component-site-header-main-bar-logo-width-large: 124px;
  --component-site-header-main-bar-logo-width-small: 96px;
  --component-site-header-main-bar-main-bar-inset: var(--padding-none);
  --component-site-header-main-bar-radius: var(--radius-radius-0);
  --component-site-header-mega-menu-menu-item-min-width-: 120px;
  --component-site-header-mega-menu-menu-item-radius: var(--component-cta-radius);
  --component-site-header-padding-x: var(--padding-xsmall);
  --component-site-header-padding-y: var(--padding-xxsmall);
  --component-site-header-site-header-simple-search-bar-max-width-desktop: 400px;
  --component-site-header-utility-bar-margin-bottom: var(--spacing-spacing-0);
  --component-skip-to-content-theme-border-size: var(--spacing-spacing-2);
  --component-skip-to-content-theme-primary-bg: var(--general-color-fill-brand-2);
  --component-skip-to-content-theme-primary-border: var(--general-color-border-white);
  --component-skip-to-content-theme-primary-link-underline: var(--component-skip-to-content-theme-primary-text);
  --component-skip-to-content-theme-primary-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-skip-to-content-theme-secondary-bg: var(--theme-secondary-bg-bg);
  --component-skip-to-content-theme-secondary-border: var(--component-skip-to-content-theme-primary-bg);
  --component-skip-to-content-theme-secondary-link-underline: var(--theme-secondary-bg-text-link-underline);
  --component-skip-to-content-theme-secondary-text: var(--theme-secondary-bg-text-link-underline);
  --component-social-bar-color-bg: var(--general-color-background-white);
  --component-social-bar-color-focus: var(--general-color-background-white);
  --component-social-bar-margin-x: var(--spacing-general-margin-x);
  --component-social-bar-margin-y: var(--spacing-general-margin-y);
  --component-static-icon-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-color-on-surface-image-border: var(--color-grayscale-black);
  --component-static-icon-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-static-icon-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-static-icon-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-static-icon-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-static-icon-base-column-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-focus: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-hover: var(--spacing-spacing-4);
  --component-static-icon-base-column-label-margin: var(--spacing-spacing-0);
  --component-static-icon-base-column-min-height: 280px;
  --component-static-icon-base-column-padding-x: var(--padding-none);
  --component-static-icon-base-column-padding-y: var(--padding-none);
  --component-static-icon-base-column-width-column-width-large: 550px;
  --component-static-icon-base-column-width-column-width-medium: 480px;
  --component-static-icon-base-column-width-column-width-small: 320px;
  --component-static-icon-base-copy-padding-x: var(--padding-xsmall);
  --component-static-icon-base-copy-padding-y: var(--padding-xsmall);
  --component-static-icon-base-icon-icon-height-large: 300px;
  --component-static-icon-base-icon-icon-height-medium: 200px;
  --component-static-icon-base-icon-icon-height-small: 120px;
  --component-static-icon-base-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-image-border: var(--color-grayscale-black);
  --component-static-icon-base-image-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-image-icon-image-ratio: "1:1";
  --component-static-icon-base-image-image-ratio: "3:2";
  --component-static-icon-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-static-icon-base-image-padding-x: var(--padding-none);
  --component-static-icon-base-image-radius: var(--general-radius-image);
  --component-table-color-table-row-bg-alt: var(--general-color-background-light);
  --component-table-color-table-row-bg-header: var(--color-primary-color-1-100);
  --component-tabs-color-tab-border-active-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-focus-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-hover-border: var(--theme-brand-action-hover);
  --component-tabs-color-tab-border-inactive-border: var(--general-color-border-mid);
  --component-tabs-color-tab-border-pressed-border: var(--theme-brand-action-hover);
  --component-tag-interactive-border: var(--spacing-spacing-1);
  --component-tag-interactive-color-brand-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-cta-link-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-cta-link-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-tag-interactive-color-brand-cta-link-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-cta-link-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-tag-interactive-color-brand-cta-link-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-tag-interactive-color-brand-cta-link-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-tag-interactive-color-brand-cta-link-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-tag-interactive-color-brand-cta-link-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-interactive-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-tag-interactive-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-tag-interactive-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-fill-hover-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-tag-interactive-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-tag-interactive-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-border: var(--general-color-border-darkest);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-icon: var(--general-color-fill-brand-1);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-text: var(--general-color-text-darkest);
  --component-tag-interactive-color-brand-kitchen-tested-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-kitchen-tested-focus-border: var(--general-color-border-darkest);
  --component-tag-interactive-color-brand-kitchen-tested-focus-icon: var(--general-color-fill-brand-1);
  --component-tag-interactive-color-brand-kitchen-tested-focus-text: var(--general-color-text-darkest);
  --component-tag-interactive-color-brand-kitchen-tested-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-kitchen-tested-hover-border: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-kitchen-tested-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-enabled-icon: var(--general-color-fill-brand-1);
  --component-tag-interactive-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-outline-hover-border: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-inverse-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-cta-link-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-tag-interactive-color-inverse-cta-link-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-cta-link-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-tag-interactive-color-inverse-cta-link-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-enabled-text: var(--theme-primary-interactive-button-brand-action);
  --component-tag-interactive-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-tag-interactive-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-tag-interactive-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-inverse-brand-action-hover-inverse);
  --component-tag-interactive-color-inverse-fill-hover-border: var(--component-cta-color-inverse-fill-hover-bg);
  --component-tag-interactive-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-fill-hover-text: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-tag-interactive-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-tag-interactive-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-tag-interactive-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-inverse-outline-enabled-border: var(--theme-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-tag-interactive-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-tag-interactive-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-tag-interactive-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-hover-bg: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-tag-interactive-color-inverse-outline-hover-border: var(--component-cta-color-inverse-outline-hover-bg);
  --component-tag-interactive-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-color-inverse-outline-hover-text: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-tag-interactive-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-tag-interactive-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-tag-interactive-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-radius-bottom-left: var(--general-radius-tag);
  --component-tag-interactive-radius-bottom-right: var(--general-radius-tag);
  --component-tag-interactive-radius-top-left: var(--general-radius-tag);
  --component-tag-interactive-radius-top-right: var(--general-radius-tag);
  --component-tag-static-border-width: 0px;
  --component-tag-static-color-fill-A-bg: var(--general-color-fill-brand-1);
  --component-tag-static-color-fill-A-border: var(--component-tag-static-color-fill-A-bg);
  --component-tag-static-color-fill-A-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-A-text: var(--general-color-text-white);
  --component-tag-static-color-fill-B-bg: var(--general-color-fill-brand-2);
  --component-tag-static-color-fill-B-border: var(--component-tag-static-color-fill-B-bg);
  --component-tag-static-color-fill-B-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-B-text: var(--general-color-text-white);
  --component-tag-static-color-fill-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-static-color-fill-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-static-color-fill-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-color-outline-A-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-A-border: var(--general-color-border-brand-1);
  --component-tag-static-color-outline-A-icon: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-A-text: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-B-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-B-border: var(--general-color-border-brand-2);
  --component-tag-static-color-outline-B-icon: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-B-text: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-bg: #0000b400;
  --component-tag-static-color-outline-border: var(--theme-brand-action);
  --component-tag-static-color-outline-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-outline-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-color-text-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-text-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-inset: var(--padding-xsmall);
  --component-tag-static-radius-bottom-left: var(--general-radius-tag);
  --component-tag-static-radius-bottom-right: var(--general-radius-tag);
  --component-tag-static-radius-top-left: var(--general-radius-tag);
  --component-tag-static-radius-top-right: var(--general-radius-tag);
  --component-vertical-video-asset-default-height: 120px;
  --component-vertical-video-asset-default-width: 120px;
  --component-vertical-video-asset-hover-height: 112px;
  --component-vertical-video-asset-hover-width: 112px;
  --component-vertical-video-border-width: 0px;
  --component-vertical-video-color-bg: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-border-focus: var(--component-category-color-category-enabled);
  --component-vertical-video-color-category-enabled: var(--component-content-grid-color-body);
  --component-vertical-video-color-category-hover: var(--component-content-grid-color-body);
  --component-vertical-video-color-fill: var(--componentTheme-content-grid-fill);
  --component-vertical-video-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-surface: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-title: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-gutter: var(--spacing-general-gutter);
  --component-vertical-video-padding-x: var(--spacing-general-margin-x);
  --component-vertical-video-padding-y: var(--spacing-general-margin-y);
  --component-video-margin-x: var(--spacing-general-margin-x);
  --component-video-margin-y: var(--spacing-general-margin-y);
  --component-video-standalone-video-max-width-desktop: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-mobile: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-tablet: var(--typography-copy-max-width);
  --general-color-background-brand-1: var(--color-primary-color-1-accessible);
  --general-color-background-brand-2: var(--color-primary-color-2-500);
  --general-color-background-brand-3: var(--color-primary-color-2-100);
  --general-color-background-brand-4: var(--color-primary-color-2-accessible);
  --general-color-background-dark: var(--color-primary-color-2-700);
  --general-color-background-darkest: var(--color-primary-color-2-900);
  --general-color-background-light: var(--color-grayscale-100);
  --general-color-background-white: var(--color-grayscale-white);
  --general-color-border-brand-1: var(--color-primary-color-1-500);
  --general-color-border-brand-2: var(--color-primary-color-2-500);
  --general-color-border-brand-3: var(--color-primary-color-1-100);
  --general-color-border-dark: var(--color-grayscale-800);
  --general-color-border-darkest: var(--color-grayscale-900);
  --general-color-border-light: var(--color-grayscale-200);
  --general-color-border-mid: var(--color-grayscale-300);
  --general-color-border-white: var(--color-grayscale-white);
  --general-color-fill-brand-1: var(--color-primary-color-1-500);
  --general-color-fill-brand-2: var(--color-primary-color-2-500);
  --general-color-fill-brand-3: var(--color-primary-color-1-100);
  --general-color-fill-dark: var(--color-grayscale-800);
  --general-color-fill-darkest: var(--color-grayscale-900);
  --general-color-fill-light: var(--color-grayscale-100);
  --general-color-fill-mid: var(--color-grayscale-400);
  --general-color-fill-white: var(--color-grayscale-white);
  --general-color-surface-brand-1: var(--color-primary-color-1-500);
  --general-color-surface-brand-2: var(--color-primary-color-2-500);
  --general-color-surface-brand-3: var(--color-primary-color-1-100);
  --general-color-surface-dark: var(--color-primary-color-1-700);
  --general-color-surface-darkest: var(--color-primary-color-1-900);
  --general-color-surface-light: var(--color-grayscale-100);
  --general-color-surface-white: var(--color-grayscale-white);
  --general-color-text-brand-1: var(--color-primary-color-1-500);
  --general-color-text-brand-2: var(--color-primary-color-2-700);
  --general-color-text-brand-3: var(--color-primary-color-1-100);
  --general-color-text-dark: var(--color-grayscale-600);
  --general-color-text-darkest: var(--color-grayscale-800);
  --general-color-text-light: var(--color-grayscale-100);
  --general-color-text-mid: var(--color-grayscale-500);
  --general-color-text-white: var(--color-grayscale-white);
  --general-drop-shadow-blur: 30px;
  --general-drop-shadow-color: #00000033;
  --general-drop-shadow-sub-menu-blur: 12px;
  --general-drop-shadow-sub-menu-color: #00000014;
  --general-drop-shadow-sub-menu-y-value: 2px;
  --general-radius-accordion: var(--radius-radius-8);
  --general-radius-base: var(--radius-radius-0);
  --general-radius-card: var(--general-radius-base);
  --general-radius-card-focus: 14px;
  --general-radius-container: var(--general-radius-base);
  --general-radius-container-l2: var(--radius-radius-8);
  --general-radius-dialog: var(--general-radius-base);
  --general-radius-focus: 10px;
  --general-radius-image: var(--general-radius-base);
  --general-radius-label: var(--radius-radius-rounded);
  --general-radius-modal: var(--general-radius-base);
  --general-radius-none: var(--radius-radius-0);
  --general-radius-tag: var(--radius-radius-rounded);
  --spacing-columns-desktop-full-max-width: var(--global-columns-base-desktop-full-max-width);
  --spacing-columns-desktop-full-min-width: var(--global-columns-base-desktop-full-min-width);
  --spacing-columns-desktop-half-max-width: var(--global-columns-base-desktop-half-max-width);
  --spacing-columns-desktop-half-min-width: var(--global-columns-base-desktop-half-min-width);
  --spacing-columns-desktop-one-fourth-max-width: var(--global-columns-base-desktop-oneFourth-max-width);
  --spacing-columns-desktop-one-fourth-min-width: var(--global-columns-base-desktop-oneFourth-min-width);
  --spacing-columns-desktop-one-third-max-width: var(--global-columns-base-desktop-oneThird-max-width);
  --spacing-columns-desktop-one-third-min-width: var(--global-columns-base-desktop-oneThird-min-width);
  --spacing-columns-desktop-three-fourth-max-width: var(--global-columns-base-desktop-three-fourth-max-width);
  --spacing-columns-desktop-three-fourth-min-width: var(--global-columns-base-desktop-three-fourth-min-width);
  --spacing-columns-mobile-full-max-width: var(--global-columns-base-mobile-full-max-width);
  --spacing-columns-mobile-full-min-width: var(--global-columns-base-mobile-full-min-width);
  --spacing-columns-mobile-half-max-width: var(--global-columns-base-mobile-half-max-width);
  --spacing-columns-mobile-half-min-width: var(--global-columns-base-mobile-half-min-width);
  --spacing-columns-mobile-one-fourth-max-width: var(--global-columns-base-mobile-oneFourth-max-width);
  --spacing-columns-mobile-one-third-max-width: var(--global-columns-base-mobile-oneThird-max-width);
  --spacing-columns-mobile-one-third-min-width: var(--global-columns-base-mobile-oneThird-min-width);
  --spacing-columns-mobile-oneFourth-min-width: var(--global-columns-base-mobile-oneFourth-min-width);
  --spacing-columns-mobile-three-fourth-max-width: var(--global-columns-base-mobile-three-fourth-max-width);
  --spacing-columns-mobile-three-fourth-min-width: var(--global-columns-base-mobile-three-fourth-min-width);
  --spacing-columns-tablet-full-max-width: var(--global-columns-base-tablet-full-max-width);
  --spacing-columns-tablet-full-min-width: var(--global-columns-base-tablet-full-min-width);
  --spacing-columns-tablet-half-max-width: var(--global-columns-base-desktop-half-max-width);
  --spacing-columns-tablet-half-min-width: var(--global-columns-base-desktop-half-min-width);
  --spacing-columns-tablet-one-fourth-max-width: var(--global-columns-base-tablet-oneFourth-max-width);
  --spacing-columns-tablet-one-fourth-min-width: var(--global-columns-base-tablet-oneFourth-min-width);
  --spacing-columns-tablet-one-third-max-width: var(--global-columns-base-desktop-oneThird-max-width);
  --spacing-columns-tablet-one-third-min-width: var(--global-columns-base-desktop-oneThird-min-width);
  --spacing-columns-tablet-three-fourth-max-width: var(--global-columns-base-tablet-three-fourth-max-width);
  --spacing-columns-tablet-three-fourth-min-width: var(--global-columns-base-tablet-three-fourth-min-width);
  --spacing-general-buttons-space-between: var(--space-between-small);
  --spacing-general-container-padding-x: var(--layout-full-margin-x);
  --spacing-general-container-padding-y: var(--layout-compact-margin-y);
  --spacing-general-copy-margin-bottom: var(--margin-none);
  --spacing-general-cta-margin-top: var(--margin-small);
  --spacing-general-eyebrow-margin-bottom: var(--margin-xsmall);
  --spacing-general-favicon-dimensions: var(--spacing-spacing-32);
  --spacing-general-gutter: var(--layout-base-gutter);
  --spacing-general-icon-margin-bottom: var(--margin-small);
  --spacing-general-image-padding: var(--padding-none);
  --spacing-general-margin-related-y: var(--spacing-spacing-16);
  --spacing-general-margin-x: var(--layout-base-margin-x);
  --spacing-general-margin-y: var(--layout-base-margin-y);
  --spacing-general-subtitle-margin-top: var(--margin-xxsmall);
  --spacing-general-title-margin-bottom: var(--margin-xsmall);
  --spacing-general-top-title-margin-bottom: var(--margin-small);
  --theme-aux-1-bg-bg: var(--general-color-background-brand-1);
  --theme-aux-1-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-1-bg-cta-1-color: inverse;
  --theme-aux-1-bg-cta-2-color: inverse;
  --theme-aux-1-bg-icon: var(--general-color-fill-white);
  --theme-aux-1-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-bg-text-primary: var(--general-color-text-white);
  --theme-aux-1-bg-text-secondary: var(--general-color-text-white);
  --theme-aux-1-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-1-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-1-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-1-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-1-interactive-button-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-aux-1-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-1-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-1-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-aux-1-interactive-surface-hover: var(--general-color-surface-light);
  --theme-aux-1-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-1-surface-border: var(--general-color-border-mid);
  --theme-aux-1-surface-border-focus: var(--general-color-border-brand-2);
  --theme-aux-1-surface-border-hover: var(--general-color-border-mid);
  --theme-aux-1-surface-cta-1-color: brand;
  --theme-aux-1-surface-cta-2-color: brand;
  --theme-aux-1-surface-icon: var(--general-color-fill-brand-1);
  --theme-aux-1-surface-match-bg-border: var(--general-color-border-white);
  --theme-aux-1-surface-match-bg-cta-1-color: inverse;
  --theme-aux-1-surface-match-bg-cta-2-color: inverse;
  --theme-aux-1-surface-match-bg-icon: var(--general-color-fill-white);
  --theme-aux-1-surface-match-bg-surface: var(--theme-aux-1-bg-bg);
  --theme-aux-1-surface-match-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-1-surface-match-bg-text-primary: var(--general-color-text-white);
  --theme-aux-1-surface-match-bg-text-secondary: var(--general-color-text-white);
  --theme-aux-1-surface-surface: var(--general-color-surface-white);
  --theme-aux-1-surface-text-hover: var(--theme-brand-action);
  --theme-aux-1-surface-text-link: var(--theme-brand-action-inverse);
  --theme-aux-1-surface-text-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-surface-text-primary: var(--general-color-text-darkest);
  --theme-aux-1-surface-text-secondary: var(--general-color-text-dark);
  --theme-aux-2-bg-bg: var(--general-color-background-brand-2);
  --theme-aux-2-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-2-bg-border: var(--general-color-border-white);
  --theme-aux-2-bg-cta-1-color: inverse;
  --theme-aux-2-bg-cta-2-color: inverse;
  --theme-aux-2-bg-icon: var(--general-color-fill-white);
  --theme-aux-2-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-2-bg-text-link: var(--theme-brand-action-inverse);
  --theme-aux-2-bg-text-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-2-bg-text-primary: var(--general-color-text-white);
  --theme-aux-2-bg-text-secondary: var(--general-color-text-white);
  --theme-aux-2-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-2-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-2-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-2-interactive-button-link-underline: var(--theme-link-underline);
  --theme-aux-2-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-aux-2-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-aux-2-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-2-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-2-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-aux-2-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-2-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-2-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-aux-2-interactive-surface-hover: var(--general-color-surface-light);
  --theme-aux-2-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-2-surface-border: var(--general-color-border-mid);
  --theme-aux-2-surface-border-focus: var(--general-color-border-brand-2);
  --theme-aux-2-surface-border-hover: var(--general-color-border-mid);
  --theme-aux-2-surface-cta-1-color: brand;
  --theme-aux-2-surface-cta-2-color: brand;
  --theme-aux-2-surface-icon: var(--general-color-fill-brand-1);
  --theme-aux-2-surface-match-bg-border: var(--general-color-border-mid);
  --theme-aux-2-surface-match-bg-cta-1-color: inverse;
  --theme-aux-2-surface-match-bg-cta-2-color: inverse;
  --theme-aux-2-surface-match-bg-fill: var(--general-color-fill-white);
  --theme-aux-2-surface-match-bg-surface: var(--theme-aux-2-bg-bg);
  --theme-aux-2-surface-match-bg-text-hover: var(--theme-brand-action);
  --theme-aux-2-surface-match-bg-text-primary: var(--general-color-text-white);
  --theme-aux-2-surface-match-bg-text-secondary: var(--general-color-text-white);
  --theme-aux-2-surface-surface: var(--general-color-surface-white);
  --theme-aux-2-surface-text-hover: var(--theme-brand-action);
  --theme-aux-2-surface-text-link: var(--theme-brand-action);
  --theme-aux-2-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-2-surface-text-primary: var(--general-color-text-darkest);
  --theme-aux-2-surface-text-secondary: var(--general-color-text-darkest);
  --theme-brand-action: var(--general-color-fill-brand-2);
  --theme-brand-action-alternate: var(--color-primary-color-2-300);
  --theme-brand-action-alternate-inverse: var(--color-primary-color-2-900);
  --theme-brand-action-hover: var(--color-primary-color-2-900);
  --theme-brand-action-hover-inverse: var(--color-primary-color-2-100);
  --theme-brand-action-inverse: var(--general-color-fill-white);
  --theme-link-underline: var(--theme-brand-action);
  --theme-link-underline-inverse: var(--theme-brand-action-inverse);
  --theme-primary-bg-bg: var(--general-color-background-white);
  --theme-primary-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-primary-bg-border: var(--general-color-border-light);
  --theme-primary-bg-cta-1-color: brand;
  --theme-primary-bg-cta-2-color: brand;
  --theme-primary-bg-icon: var(--general-color-fill-brand-1);
  --theme-primary-bg-text-hover: var(--theme-brand-action-hover);
  --theme-primary-bg-text-link: var(--theme-brand-action);
  --theme-primary-bg-text-link-underline: var(--theme-link-underline);
  --theme-primary-bg-text-primary: var(--general-color-text-darkest);
  --theme-primary-bg-text-secondary: var(--general-color-text-dark);
  --theme-primary-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-primary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-primary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-primary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-primary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-primary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-primary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-primary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-primary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-primary-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-primary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-primary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-surface-focus: var(--theme-primary-surface-surface);
  --theme-primary-interactive-surface-hover: var(--general-color-surface-white);
  --theme-primary-interactive-surface-pressed: var(--theme-primary-interactive-surface-hover);
  --theme-primary-surface-border: var(--general-color-border-light);
  --theme-primary-surface-border-focus: var(--general-color-border-brand-2);
  --theme-primary-surface-border-hover: var(--general-color-border-light);
  --theme-primary-surface-cta-1-color: brand;
  --theme-primary-surface-cta-2-color: brand;
  --theme-primary-surface-icon: var(--general-color-fill-brand-1);
  --theme-primary-surface-match-bg-border: var(--general-color-border-dark);
  --theme-primary-surface-match-bg-cta-1-color: brand;
  --theme-primary-surface-match-bg-cta-2-color: brand;
  --theme-primary-surface-match-bg-fill: var(--general-color-fill-brand-1);
  --theme-primary-surface-match-bg-surface: var(--theme-primary-bg-bg);
  --theme-primary-surface-match-bg-text-hover: var(--theme-brand-action);
  --theme-primary-surface-match-bg-text-primary: var(--general-color-text-darkest);
  --theme-primary-surface-match-bg-text-secondary: var(--general-color-text-dark);
  --theme-primary-surface-surface: var(--general-color-surface-white);
  --theme-primary-surface-text-hover: var(--theme-brand-action);
  --theme-primary-surface-text-link: var(--theme-brand-action);
  --theme-primary-surface-text-link-underline: var(--theme-link-underline);
  --theme-primary-surface-text-primary: var(--general-color-text-darkest);
  --theme-primary-surface-text-secondary: var(--general-color-text-dark);
  --theme-secondary-bg-bg: var(--general-color-background-light);
  --theme-secondary-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-secondary-bg-border: var(--general-color-border-white);
  --theme-secondary-bg-cta-1-color: brand;
  --theme-secondary-bg-cta-2-color: brand;
  --theme-secondary-bg-icon: var(--general-color-fill-brand-1);
  --theme-secondary-bg-text-hover: var(--theme-brand-action-hover);
  --theme-secondary-bg-text-link: var(--theme-brand-action);
  --theme-secondary-bg-text-link-underline: var(--theme-link-underline);
  --theme-secondary-bg-text-primary: var(--general-color-fill-darkest);
  --theme-secondary-bg-text-secondary: var(--general-color-fill-dark);
  --theme-secondary-interactive-action-bar-button-border: var(--component-cta-color-brand-fill-enabled-border);
  --theme-secondary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-secondary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-secondary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-secondary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-secondary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-secondary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-secondary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-secondary-interactive-surface-hover: var(--general-color-surface-light);
  --theme-secondary-interactive-surface-pressed: var(--theme-secondary-interactive-surface-hover);
  --theme-secondary-surface-border: var(--general-color-border-white);
  --theme-secondary-surface-border-focus: var(--general-color-border-brand-2);
  --theme-secondary-surface-border-hover: var(--general-color-border-white);
  --theme-secondary-surface-cta-1-color: brand;
  --theme-secondary-surface-cta-2-color: brand;
  --theme-secondary-surface-icon: var(--general-color-fill-brand-1);
  --theme-secondary-surface-match-bg-border: var(--general-color-border-mid);
  --theme-secondary-surface-match-bg-cta-1-color: brand;
  --theme-secondary-surface-match-bg-cta-2-color: brand;
  --theme-secondary-surface-match-bg-fill: var(--general-color-fill-brand-1);
  --theme-secondary-surface-match-bg-surface: var(--theme-secondary-bg-bg);
  --theme-secondary-surface-match-bg-text-hover: var(--theme-brand-action);
  --theme-secondary-surface-match-bg-text-primary: var(--general-color-text-darkest);
  --theme-secondary-surface-match-bg-text-secondary: var(--general-color-text-dark);
  --theme-secondary-surface-surface: var(--general-color-surface-white);
  --theme-secondary-surface-text-hover: var(--theme-brand-action);
  --theme-secondary-surface-text-link: var(--theme-brand-action);
  --theme-secondary-surface-text-link-underline: var(--theme-link-underline);
  --theme-secondary-surface-text-primary: var(--general-color-text-darkest);
  --theme-secondary-surface-text-secondary: var(--general-color-text-darkest);
  --typography-font-family-accent-header: var(--typography-font-family-yellowtail);
  --typography-font-family-body: var(--typography-font-family-lexend);
  --typography-font-family-header: var(--typography-font-family-bitter);
  --typography-font-size-desktop-accent-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-desktop-accent-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-accent-header-large: var(--typography-font-size-font-size-28);
  --typography-font-size-desktop-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-accent-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-accent-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-desktop-body-xlarge: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-desktop-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-desktop-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-header-medium: var(--typography-font-size-font-size-28);
  --typography-font-size-desktop-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-mobile-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-accent-header-large: var(--typography-font-size-font-size-28);
  --typography-font-size-mobile-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-mobile-accent-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-accent-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-mobile-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-mobile-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-mobile-header-display: var(--typography-font-size-font-size-48);
  --typography-font-size-mobile-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-large: var(--typography-font-size-font-size-28);
  --typography-font-size-mobile-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-mobile-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-mobile-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-accent-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-tablet-accent-header-eyebrow: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-accent-header-large: var(--typography-font-size-font-size-28);
  --typography-font-size-tablet-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-accent-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-accent-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-tablet-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-tablet-header-display: var(--typography-font-size-font-size-56);
  --typography-font-size-tablet-header-eyebrow: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-header-large: var(--typography-font-size-font-size-28);
  --typography-font-size-tablet-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-weight-body: 400;
  --typography-font-weight-body-bold: 700;
  --typography-font-weight-button: 700;
  --typography-font-weight-display: 700;
  --typography-font-weight-large: 700;
  --typography-font-weight-medium: 700;
  --typography-font-weight-small: 700;
  --typography-font-weight-xlarge: 700;
  --typography-font-weight-xsmall: 700;
  --typography-font-weight-xxlarge: 700;
  --typography-font-weight-xxsmall: 700;
}

.BrandsCTC {
  --color-grayscale-100: var(--color-grayscale-warmGray-100);
  --color-grayscale-200: var(--color-grayscale-warmGray-200);
  --color-grayscale-300: var(--color-grayscale-warmGray-300);
  --color-grayscale-400: var(--color-grayscale-warmGray-400);
  --color-grayscale-500: var(--color-grayscale-warmGray-500);
  --color-grayscale-600: var(--color-grayscale-warmGray-600);
  --color-grayscale-700: var(--color-grayscale-warmGray-700);
  --color-grayscale-800: var(--color-grayscale-warmGray-800);
  --color-grayscale-900: var(--color-grayscale-warmGray-900);
  --color-grayscale-black: #000000;
  --color-primary-color-1-100: #e6d9ec;
  --color-primary-color-1-300: #b889c9;
  --color-primary-color-1-500: #622a7b;
  --color-primary-color-1-700: #4e2162;
  --color-primary-color-1-900: #2f143b;
  --color-primary-color-1-accessible: var(--color-primary-color-1-500);
  --color-primary-color-2-100: #fffbf5;
  --color-primary-color-2-300: #fff1e2;
  --color-primary-color-2-500: #ffe3c9;
  --color-primary-color-2-700: #e6c7ab;
  --color-primary-color-2-900: #b88f6a;
  --color-primary-color-2-accessible: var(--color-primary-color-2-300);
  --color-secondary-color-3-100: #e7c79f;
  --color-secondary-color-3-500: #ce9958;
  --color-secondary-color-3-900: #9a6f34;
  --color-secondary-color-4-100: #80d4f2;
  --color-secondary-color-4-500: #00a5e5;
  --color-secondary-color-4-900: #0077a8;
  --color-secondary-color-5-100: #f7a39a;
  --color-secondary-color-5-500: #f04937;
  --color-secondary-color-5-900: #b52e20;
  --color-secondary-color-6-100: #a6d992;
  --color-secondary-color-6-500: #62bb46;
  --color-secondary-color-6-900: #3e8a2c;
  --color-secondary-color-7-100: #cccccc;
  --color-secondary-color-7-500: #cccccc;
  --color-secondary-color-7-900: #cccccc;
  --color-tertiary-color-swatch-500: var(--color-brand-general-mills-generalMills-red);
  --component-accordion-color-default-body: var(--general-color-text-dark);
  --component-accordion-color-default-border: var(--general-color-border-light);
  --component-accordion-color-default-icons: var(--general-color-fill-brand-1);
  --component-accordion-color-default-surface: var(--general-color-surface-white);
  --component-accordion-color-default-title: var(--general-color-text-darkest);
  --component-accordion-color-hover-body: var(--general-color-text-dark);
  --component-accordion-color-hover-border: var(--general-color-border-brand-1);
  --component-accordion-color-hover-icons: var(--general-color-fill-brand-1);
  --component-accordion-color-hover-surface: var(--general-color-surface-white);
  --component-accordion-color-hover-title: var(--general-color-text-darkest);
  --component-accordion-item-border-bottom: 1px;
  --component-accordion-item-border-left: 1px;
  --component-accordion-item-border-right: 1px;
  --component-accordion-item-border-top: 1px;
  --component-accordion-padding-x: var(--padding-medium);
  --component-accordion-padding-y: var(--padding-medium);
  --component-action-bar-border: var(--spacing-spacing-1);
  --component-action-bar-color-border: var(--general-color-border-darkest);
  --component-action-bar-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-enabled-border: var(--general-color-text-brand-1);
  --component-action-bar-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-action-bar-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-focus-focus-border: var(--theme-brand-action);
  --component-action-bar-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-action-bar-color-button-hover-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-action-bar-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-action-bar-color-surface: var(--general-color-surface-white);
  --component-action-bar-color-toggle-active-bg: var(--general-color-fill-brand-1);
  --component-action-bar-color-toggle-active-switch-circle: var(--general-color-fill-white);
  --component-action-bar-color-toggle-inactive-bg: var(--general-color-fill-mid);
  --component-action-bar-color-toggle-inactive-switch-circle: var(--general-color-fill-white);
  --component-action-bar-gap-horizontal: var(--spacing-spacing-16);
  --component-action-bar-gap-vertical: var(--spacing-spacing-12);
  --component-action-bar-radius: var(--spacing-spacing-12);
  --component-action-bar-share-menu-bg-default: var(--general-color-background-white);
  --component-action-bar-share-menu-bg-hover: var(--color-grayscale-100);
  --component-action-bar-share-menu-blur: 12px;
  --component-action-bar-share-menu-color: #00000014;
  --component-action-bar-share-menu-focus-border: var(--theme-brand-action);
  --component-action-bar-share-menu-max-width: 350px;
  --component-action-bar-share-menu-min-height: 48px;
  --component-action-bar-share-menu-min-width: 200px;
  --component-action-bar-share-menu-text: var(--general-color-text-darkest);
  --component-action-bar-share-menu-y-value: 2px;
  --component-action-bar-width-desktop: 88px;
  --component-action-bar-width-mobile: 64px;
  --component-action-bar-width-tablet: 64px;
  --component-alert-banner-bg: var(--general-color-background-brand-1);
  --component-alert-banner-body: var(--general-color-text-brand-2);
  --component-alert-banner-button-color-1: brand 1;
  --component-alert-banner-button-color-2: brand1;
  --component-alert-banner-close: var(--general-color-fill-brand-2);
  --component-alert-banner-icon: var(--general-color-fill-brand-2);
  --component-alert-banner-title: var(--general-color-text-brand-2);
  --component-breadcrumb-color-bg: var(--theme-primary-bg-bg);
  --component-breadcrumb-color-item-enabled-icon: var(--general-color-fill-mid);
  --component-breadcrumb-color-item-enabled-text: var(--general-color-text-mid);
  --component-breadcrumb-color-item-focus-icon: var(--component-breadcrumb-color-item-hover-icon);
  --component-breadcrumb-color-item-focus-text: var(--component-breadcrumb-color-item-hover-text);
  --component-breadcrumb-color-item-hover-icon: var(--theme-brand-action);
  --component-breadcrumb-color-item-hover-text: var(--theme-brand-action);
  --component-breadcrumb-color-item-pressed-icon: var(--component-breadcrumb-color-item-hover-icon);
  --component-breadcrumb-color-item-pressed-text: var(--component-breadcrumb-color-item-hover-text);
  --component-breadcrumb-color-tip-active-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-bg: var(--color-grayscale-black);
  --component-breadcrumb-color-tip-enabled-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-hover-link: var(--general-color-text-white);
  --component-button-tag-color-disabled-bg: #682dff33;
  --component-button-tag-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-button-tag-color-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-focus-bg: var(--component-button-tag-color-enabled-bg);
  --component-button-tag-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-button-tag-color-focus-text: var(--component-button-tag-color-enabled-text);
  --component-button-tag-color-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-border: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-button-tag-color-link-underline: var(--general-color-fill-brand-1);
  --component-button-tag-color-pressed-bg: var(--component-button-tag-color-hover-bg);
  --component-button-tag-color-pressed-border: var(--component-button-tag-color-hover-border);
  --component-button-tag-color-pressed-text: var(--component-button-tag-color-hover-text);
  --component-button-tag-radius: var(--radius-radius-rounded);
  --component-button-tag-size-base-border: var(--spacing-spacing-4);
  --component-button-tag-size-base-padding-left: var(--spacing-spacing-16);
  --component-button-tag-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-button-tag-size-base-padding-y: var(--spacing-spacing-8);
  --component-button-tag-size-base-space-between: var(--spacing-spacing-8);
  --component-button-tag-size-small-border: var(--spacing-spacing-4);
  --component-button-tag-size-small-gap: var(--spacing-spacing-8);
  --component-button-tag-size-small-padding-left: var(--spacing-spacing-12);
  --component-button-tag-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-button-tag-size-small-padding-y: var(--spacing-spacing-8);
  --component-card-article-card-border-width: var(--spacing-spacing-4);
  --component-card-article-card-radius: var(--general-radius-card);
  --component-card-article-image-borderWidth: var(--spacing-spacing-4);
  --component-card-article-image-image-ratio: "3:2";
  --component-card-article-image-radius: var(--general-radius-image);
  --component-card-general-card-border-width: var(--spacing-spacing-4);
  --component-card-general-card-radius: var(--general-radius-card);
  --component-card-general-color-body: var(--component-cards-base-color-on-surface-body);
  --component-card-general-color-border: var(--component-cards-base-color-on-surface-border);
  --component-card-general-color-cta-1-color: var(--component-cards-base-color-on-surface-cta-1-color);
  --component-card-general-color-image-border: var(--color-grayscale-black);
  --component-card-general-color-subtitle: var(--component-cards-base-color-on-surface-subtitle);
  --component-card-general-color-surface: var(--component-cards-base-color-on-surface-surface);
  --component-card-general-color-title: var(--component-cards-base-color-on-surface-title);
  --component-card-product-card-border-width: var(--spacing-spacing-4);
  --component-card-product-color-image-bg: var(--general-color-background-brand-1);
  --component-card-product-image-borderWidth: var(--spacing-spacing-4);
  --component-card-product-image-image-ratio: "1:1";
  --component-card-recipe-card-border-width: var(--spacing-spacing-4);
  --component-card-recipe-card-minHeight: 280px;
  --component-card-recipe-card-padding-x: var(--padding-none);
  --component-card-recipe-card-padding-y: var(--padding-none);
  --component-card-recipe-card-radius: var(--general-radius-card);
  --component-card-recipe-color-ratings: var(--interactiveTheme-ratings-active);
  --component-card-recipe-image-borderWidth: var(--spacing-spacing-4);
  --component-card-recipe-image-image-ratio: "3:2";
  --component-card-recipe-image-padding-top: var(--component-card-recipe-image-padding-x);
  --component-card-recipe-image-padding-x: var(--padding-none);
  --component-card-recipe-image-radius: var(--general-radius-image);
  --component-cards-base-card-border-width: var(--spacing-spacing-4);
  --component-cards-base-card-border-width-focus: var(--spacing-spacing-4);
  --component-cards-base-card-border-width-hover: var(--spacing-spacing-4);
  --component-cards-base-card-label-margin: var(--spacing-spacing-0);
  --component-cards-base-card-min-height: 280px;
  --component-cards-base-card-padding-x: var(--padding-none);
  --component-cards-base-card-padding-y: var(--padding-none);
  --component-cards-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-border: var(--general-color-border-white);
  --component-cards-base-color-on-surface-border-focus: var(--componentTheme-cards-on-surface-border-focus);
  --component-cards-base-color-on-surface-border-hover: var(--componentTheme-cards-on-surface-border-hover);
  --component-cards-base-color-on-surface-cta-1-color: var(--componentTheme-cards-on-surface-cta-1-color);
  --component-cards-base-color-on-surface-cta-2-color: var(--componentTheme-cards-on-surface-cta-2-color);
  --component-cards-base-color-on-surface-image-bg: var(--color-primary-color-1-500);
  --component-cards-base-color-on-surface-image-border: var(--color-grayscale-black);
  --component-cards-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-cards-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-cards-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-cards-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-cards-base-copy-padding-x: var(--padding-xsmall);
  --component-cards-base-copy-padding-y: var(--padding-xsmall);
  --component-cards-base-image-bg: var(--color-primary-color-1-500);
  --component-cards-base-image-border: var(--color-grayscale-black);
  --component-cards-base-image-border-width: var(--spacing-spacing-4);
  --component-cards-base-image-category-image-ratio: "1:1";
  --component-cards-base-image-image-ratio: "3:2";
  --component-cards-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-cards-base-image-padding-x: var(--padding-none);
  --component-cards-base-image-radius: var(--general-radius-image);
  --component-cards-card-max-width-mobile: 480px;
  --component-carousel-border-width: 1px;
  --component-carousel-controls-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-brand-icon: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-controls-inverse-icon: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-brand-fill: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-inverse-fill: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-color: var(--component-content-grid-color-button-color-1);
  --component-category-asset-default-height: 120px;
  --component-category-asset-default-width: 120px;
  --component-category-asset-hover-height: 112px;
  --component-category-asset-hover-width: 112px;
  --component-category-color-bg: var(--componentTheme-content-grid-bg);
  --component-category-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-border-focus: var(--component-category-color-category-enabled);
  --component-category-color-category-enabled: var(--component-content-grid-color-body);
  --component-category-color-category-hover: var(--component-content-grid-color-body);
  --component-category-color-fill: var(--componentTheme-content-grid-fill);
  --component-category-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-surface: var(--componentTheme-content-grid-bg);
  --component-category-color-title: var(--componentTheme-content-grid-text-primary);
  --component-category-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-category-gutter: var(--layout-base-gutter);
  --component-category-padding-x: var(--layout-base-margin-y);
  --component-category-padding-y: var(--layout-base-margin-y);
  --component-checkbox-radio-color-brand-fill-disabled-opacity: 0.5;
  --component-checkbox-radio-color-brand-fill-disabled-text: var(--general-color-text-mid);
  --component-checkbox-radio-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-checkbox-radio-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-checkbox-radio-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-enabled-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-error-bg: var(--color-system-error-100);
  --component-checkbox-radio-color-brand-fill-error-border: var(--color-system-error-500);
  --component-checkbox-radio-color-brand-fill-error-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-focus-bg);
  --component-checkbox-radio-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-focus-border);
  --component-checkbox-radio-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-focus-icon);
  --component-checkbox-radio-color-brand-fill-focus-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-selected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-selected-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-checkbox-radio-color-brand-fill-hover-selected-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-hover-selected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-unselected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-unselected-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-checkbox-radio-color-brand-fill-hover-unselected-icon: var(--component-action-bar-color-button-hover-icon);
  --component-checkbox-radio-color-brand-fill-hover-unselected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-uneditable-bg: var(--general-color-background-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-icon: var(--general-color-fill-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-text: var(--general-color-text-dark);
  --component-content-grid-color-bg: var(--componentTheme-content-grid-bg);
  --component-content-grid-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-content-grid-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-content-grid-color-title: var(--componentTheme-content-grid-text-primary);
  --component-content-grid-margin-x: var(--spacing-general-margin-x);
  --component-content-grid-margin-x-2: var(--spacing-general-margin-x);
  --component-content-grid-margin-y: var(--spacing-general-margin-y);
  --component-content-grid-margin-y-2: var(--spacing-general-margin-y);
  --component-content-grid-pdp-color-bg: var(--general-color-background-white);
  --component-content-grid-pdp-color-body: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-pdp-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-pdp-color-subtitle: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-title: var(--general-color-background-darkest);
  --component-cta-color-brand-fill-disabled-opacity: 0.5;
  --component-cta-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-cta-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-enabled-bg);
  --component-cta-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-cta-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-cta-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-fill-hover-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-cta-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-cta-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-cta-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-ghost-disabled-opacity: 0.5;
  --component-cta-color-brand-ghost-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-ghost-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-cta-color-brand-ghost-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-ghost-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-cta-color-brand-ghost-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-cta-color-brand-ghost-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-cta-color-brand-ghost-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-cta-color-brand-ghost-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-outline-disabled-opacity: 0.5;
  --component-cta-color-brand-outline-enabled-bg: #ffffff00;
  --component-cta-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-cta-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-cta-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-cta-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-outline-hover-border: var(--component-cta-color-brand-outline-hover-bg);
  --component-cta-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-cta-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-cta-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-cta-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-inverse-fill-disabled-opacity: 0.5;
  --component-cta-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-cta-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-cta-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-inverse-brand-action-hover-inverse);
  --component-cta-color-inverse-fill-hover-border: var(--component-cta-color-inverse-fill-hover-bg);
  --component-cta-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-fill-hover-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-cta-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-cta-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-cta-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-ghost-disabled-opacity: 0.5;
  --component-cta-color-inverse-ghost-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-cta-color-inverse-ghost-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-ghost-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-cta-color-inverse-ghost-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-outline-disabled-opacity: 0.5;
  --component-cta-color-inverse-outline-enabled-bg: #ffffff00;
  --component-cta-color-inverse-outline-enabled-border: var(--interactiveTheme-button-brand-action-alternate);
  --component-cta-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-cta-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-cta-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-cta-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-hover-bg: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-cta-color-inverse-outline-hover-border: var(--component-cta-color-inverse-outline-hover-bg);
  --component-cta-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-color-inverse-outline-hover-text: var(--theme-brand-action);
  --component-cta-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-cta-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-cta-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-cta-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-focus-radius: var(--radius-radius-0);
  --component-cta-radius: var(--radius-radius-0);
  --component-cta-size-base-border: var(--spacing-spacing-4);
  --component-cta-size-base-border-2: var(--spacing-spacing-4);
  --component-cta-size-base-padding-left: var(--spacing-spacing-12);
  --component-cta-size-base-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-base-padding-y: var(--spacing-spacing-12);
  --component-cta-size-base-space-between: var(--spacing-spacing-8);
  --component-cta-size-small-border: var(--spacing-spacing-4);
  --component-cta-size-small-gap: var(--spacing-spacing-8);
  --component-cta-size-small-padding-left: var(--spacing-spacing-12);
  --component-cta-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-small-padding-y: var(--spacing-spacing-8);
  --component-dialog-box-shadow-blur: 24px;
  --component-dialog-color-body: var(--theme-primary-bg-text-secondary);
  --component-dialog-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-dialog-color-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --component-dialog-color-smokescreen: #00000080;
  --component-dialog-color-surface: var(--general-color-surface-white);
  --component-dialog-color-title: var(--theme-primary-bg-text-primary);
  --component-dialog-content-padding-x: var(--padding-medium);
  --component-dialog-content-padding-y: var(--padding-medium);
  --component-error-state-page-color-bg: var(--component-content-grid-color-bg);
  --component-error-state-page-color-body: var(--theme-primary-surface-text-primary);
  --component-error-state-page-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-error-state-page-color-icon: var(--theme-primary-surface-text-secondary);
  --component-error-state-page-color-image-bg: var(--general-color-background-brand-1);
  --component-error-state-page-color-surface: var(--theme-primary-surface-surface);
  --component-error-state-page-color-title: var(--general-color-text-brand-1);
  --component-error-state-page-content-padding-x: var(--layout-full-margin-x);
  --component-error-state-page-content-padding-y: var(--layout-full-margin-y);
  --component-error-state-page-content-radius: var(--general-radius-container);
  --component-error-state-page-copy-padding-x: var(--padding-small);
  --component-error-state-page-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-error-state-page-copy-radius: var(--general-radius-container);
  --component-error-state-page-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-error-state-page-gutter: var(--layout-full-gutter);
  --component-error-state-page-image-imageLeft-radius-bottomLeft: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageLeft-radius-bottomRight: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-error-state-page-image-max-height-desktop: 1024px;
  --component-error-state-page-image-max-height-mobile: 360px;
  --component-error-state-page-image-max-height-tablet: 1024px;
  --component-error-state-page-image-min-height-desktop: 370px;
  --component-error-state-page-image-min-height-mobile: 180px;
  --component-error-state-page-image-min-height-tablet: 392px;
  --component-error-state-page-image-padding-x: var(--padding-none);
  --component-error-state-page-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-error-state-page-image-radius: var(--general-radius-container);
  --component-error-state-page-margin-x: var(--spacing-general-margin-x);
  --component-error-state-page-margin-y: var(--spacing-general-margin-y);
  --component-facets-color-default-border: var(--component-facets-color-default-surface);
  --component-facets-color-default-icons: var(--general-color-fill-brand-1);
  --component-facets-color-default-surface: var(--theme-primary-bg-bg);
  --component-facets-color-default-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-facets-color-focus-border: var(--theme-brand-action);
  --component-facets-color-focus-icons: var(--theme-brand-action);
  --component-facets-color-focus-surface: var(--color-grayscale-100);
  --component-facets-color-focus-title: var(--general-color-text-darkest);
  --component-facets-color-hover-border: var(--general-color-border-white);
  --component-facets-color-hover-icons: var(--theme-brand-action);
  --component-facets-color-hover-surface: var(--color-grayscale-100);
  --component-facets-color-hover-title: var(--general-color-text-darkest);
  --component-facets-counter-surface: var(--general-color-background-darkest);
  --component-facets-counter-text: var(--general-color-text-white);
  --component-facets-max-width: 302px;
  --component-facets-padding-x: var(--padding-xxsmall);
  --component-facets-padding-y: var(--padding-xxsmall);
  --component-facets-radius: var(--radius-radius-0);
  --component-favorites-border: var(--spacing-spacing-1);
  --component-favorites-color-border: var(--general-color-border-darkest);
  --component-favorites-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-focus-focus-border: var(--theme-brand-action);
  --component-favorites-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-favorites-color-button-hover-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-favorites-color-surface: var(--general-color-surface-white);
  --component-favorites-lists-menu-bg-default: var(--general-color-background-white);
  --component-favorites-lists-menu-bg-hover: var(--color-grayscale-100);
  --component-favorites-lists-menu-focus-border: var(--theme-brand-action);
  --component-favorites-lists-menu-max-width: 350px;
  --component-favorites-lists-menu-min-height: 48px;
  --component-favorites-lists-menu-min-width: 200px;
  --component-favorites-lists-menu-text: var(--general-color-text-darkest);
  --component-favorites-radius: var(--spacing-spacing-12);
  --component-feature-full-color-bg: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-feature-full-color-cta-1-color: var(--componentTheme-content-grid-cta-1-color);
  --component-feature-full-color-cta-2-color: var(--componentTheme-content-grid-cta-2-color);
  --component-feature-full-color-eyebrow: var(--componentTheme-content-grid-text-secondary);
  --component-feature-full-color-fill: var(--componentTheme-content-grid-fill);
  --component-feature-full-color-image-bg: var(--general-color-background-brand-1);
  --component-feature-full-color-surface: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-title: var(--componentTheme-content-grid-text-primary);
  --component-feature-full-copy-block-copy-block-indent: var(--padding-none);
  --component-feature-full-copy-block-padding-x: var(--padding-medium);
  --component-feature-full-copy-block-padding-y: var(--component-feature-full-copy-block-padding-x);
  --component-feature-full-copy-block-radius: var(--general-radius-none);
  --component-feature-full-copy-container-padding-x: var(--layout-full-margin-x);
  --component-feature-full-copy-container-padding-y: var(--layout-full-margin-y);
  --component-feature-full-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-feature-full-decor-decor-accent: var(--color-secondary-color-3-500);
  --component-feature-full-decor-decor-match-primary-bg: var(--theme-primary-bg-bg);
  --component-feature-full-decor-icon-height: var(--icon-large-height);
  --component-feature-full-image-padding-left: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-right: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-x: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-y: var(--padding-medium);
  --component-feature-full-image-radius: var(--general-radius-container);
  --component-feature-split-color-bg: var(--componentTheme-feature-bg);
  --component-feature-split-color-body: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-color-button-size: base;
  --component-feature-split-color-cta-1-color: var(--componentTheme-feature-match-bg-cta-1-color);
  --component-feature-split-color-cta-2-color: var(--componentTheme-feature-match-bg-cta-2-color);
  --component-feature-split-color-eyebrow: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-color-fill: var(--componentTheme-feature-match-bg-fill);
  --component-feature-split-color-image-bg: var(--general-color-background-brand-1);
  --component-feature-split-color-subtitle: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-color-surface: var(--componentTheme-feature-match-bg-surface);
  --component-feature-split-color-title: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-constrained-copy-desktop-max-width: 420px;
  --component-feature-split-constrained-copy-mobile-max-width: 767px;
  --component-feature-split-constrained-copy-padding-x: var(--padding-small);
  --component-feature-split-constrained-copy-padding-y: var(--component-feature-split-constrained-copy-padding-x);
  --component-feature-split-constrained-copy-tablet-max-width: 816px;
  --component-feature-split-constrained-image-desktop-min-width: 480px;
  --component-feature-split-constrained-image-mobile-min-width: 320px;
  --component-feature-split-constrained-image-tablet-min-width: 480px;
  --component-feature-split-constrained-margin-left: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-constrained-margin-right: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-content-padding-x: var(--layout-full-margin-x);
  --component-feature-split-content-padding-y: var(--layout-full-margin-y);
  --component-feature-split-content-radius: var(--general-radius-none);
  --component-feature-split-copy-padding-x: var(--padding-small);
  --component-feature-split-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-feature-split-copy-radius: var(--general-radius-container);
  --component-feature-split-decor-bg-accent: var(--general-color-text-brand-3);
  --component-feature-split-decor-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-feature-split-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-feature-split-decor-icon-height: var(--icon-large-height);
  --component-feature-split-gutter: var(--layout-base-gutter);
  --component-feature-split-image-border: var(--color-grayscale-black);
  --component-feature-split-image-border-width: var(--spacing-spacing-4);
  --component-feature-split-image-image-ratio: "3:2";
  --component-feature-split-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-padding-x: var(--padding-none);
  --component-feature-split-image-padding-y: var(--component-feature-split-image-padding-x);
  --component-feature-split-image-radius: var(--general-radius-container);
  --component-feature-split-margin-x: var(--layout-base-margin-x);
  --component-feature-split-margin-y: var(--layout-compact-margin-y);
  --component-filters-color-default-border: var(--general-color-border-darkest);
  --component-filters-color-default-label: var(--general-color-text-darkest);
  --component-filters-color-default-surface: var(--general-color-surface-white);
  --component-filters-color-focus-border: var(--theme-brand-action);
  --component-filters-color-focus-label: var(--general-color-text-darkest);
  --component-filters-color-focus-surface: var(--general-color-background-light);
  --component-filters-color-hover-border: var(--theme-brand-action);
  --component-filters-color-hover-label: var(--general-color-text-darkest);
  --component-filters-color-hover-surface: var(--general-color-background-light);
  --component-filters-color-selected-border: var(--theme-brand-action);
  --component-filters-color-selected-icons: var(--general-color-fill-white);
  --component-filters-color-selected-label: var(--general-color-text-darkest);
  --component-filters-color-selected-surface: var(--theme-brand-action);
  --component-filters-counter-surface: var(--general-color-background-darkest);
  --component-filters-counter-text: var(--general-color-text-white);
  --component-filters-padding-x: var(--padding-xxsmall);
  --component-filters-padding-y: var(--padding-xxsmall);
  --component-filters-radius: var(--radius-radius-0);
  --component-form-field-color-button-color-1: brand;
  --component-form-field-color-button-color-2: brand;
  --component-form-field-color-default-bg: var(--component-search-field-default-bg);
  --component-form-field-color-default-border: var(--general-color-border-mid);
  --component-form-field-color-descriptive-text: var(--general-color-text-darkest);
  --component-form-field-color-filled-border: var(--general-color-border-dark);
  --component-form-field-color-icon: var(--general-color-fill-darkest);
  --component-form-field-color-label: var(--general-color-text-darkest);
  --component-form-field-color-placeholder-text: var(--general-color-text-mid);
  --component-form-field-color-required-asterisk: var(--component-form-field-color-label);
  --component-form-field-color-surface: var(--general-color-surface-white);
  --component-hero-color-alternate-bg: var(--componentTheme-hero-bg);
  --component-hero-color-alternate-body: var(--componentTheme-hero-text-secondary);
  --component-hero-color-alternate-cta-1-color: var(--componentTheme-hero-match-bg-cta-1-color);
  --component-hero-color-alternate-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-alternate-eyebrow: var(--componentTheme-hero-text-primary);
  --component-hero-color-alternate-fill: var(--componentTheme-hero-fill);
  --component-hero-color-alternate-surface: var(--componentTheme-hero-match-bg-surface);
  --component-hero-color-alternate-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-alternate-title: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-bg: var(--general-color-background-brand-1);
  --component-hero-color-general-body: var(--componentTheme-hero-text-primary);
  --component-hero-color-general-cta-1-color: var(--componentTheme-hero-cta-1-color);
  --component-hero-color-general-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-general-decor: var(--theme-primary-bg-bg-decor-accent);
  --component-hero-color-general-decor-mobile: var(--component-hero-color-general-surface);
  --component-hero-color-general-eyebrow: var(--componentTheme-content-grid-text-primary);
  --component-hero-color-general-fill: var(--componentTheme-hero-fill);
  --component-hero-color-general-surface: var(--componentTheme-hero-surface);
  --component-hero-color-general-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-general-title: var(--componentTheme-content-grid-text-primary);
  --component-hero-color-simple-bg: var(--general-color-background-white);
  --component-hero-color-simple-body: var(--theme-primary-bg-text-secondary);
  --component-hero-color-simple-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-color-simple-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-color-simple-decor-accent: var(--general-color-background-white);
  --component-hero-color-simple-eyebrow: var(--theme-primary-bg-text-secondary);
  --component-hero-color-simple-text-link: var(--theme-primary-bg-text-link);
  --component-hero-color-simple-title: var(--theme-primary-bg-text-primary);
  --component-hero-container-desktop-min-height: 500px;
  --component-hero-container-desktop-radius: var(--general-radius-container);
  --component-hero-container-gap: var(--layout-overlap-overlap-gutter);
  --component-hero-container-mobile-min-height: var(--screen-dimensions-height);
  --component-hero-container-mobile-radius: var(--general-radius-container);
  --component-hero-container-padding-x: var(--layout-compact-margin-x);
  --component-hero-container-padding-y: var(--layout-compact-margin-x);
  --component-hero-container-radius: var(--general-radius-container);
  --component-hero-container-tablet-min-height: var(--screen-dimensions-height);
  --component-hero-container-tablet-radius: var(--general-radius-container);
  --component-hero-copy-padding-x: var(--padding-small);
  --component-hero-copy-padding-y: var(--padding-large);
  --component-hero-copy-radius: var(--general-radius-none);
  --component-hero-copy-radius-bottom-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-bottom-right: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-right: var(--component-hero-copy-radius);
  --component-hero-copyBlock-padding-x: var(--padding-small);
  --component-hero-copyBlock-padding-y: var(--padding-large);
  --component-hero-copyBlock-radius: var(--general-radius-none);
  --component-hero-copyBlock-radius-bottom-left: var(--component-hero-container-radius);
  --component-hero-copyBlock-radius-bottom-right: var(--component-hero-image-desktop-radius);
  --component-hero-copyBlock-radius-top-left: var(--component-hero-image-desktop-radius);
  --component-hero-copyBlock-radius-top-right: var(--component-hero-image-desktop-radius);
  --component-hero-decor-brand: var(--component-hero-article-decor-brand);
  --component-hero-desktop-max-width: var(--screen-dimensions-max-width);
  --component-hero-image-a11y-image-background-blur: 10px;
  --component-hero-image-a11y-image-overlay-opacity: 0.7;
  --component-hero-image-desktop-radius: var(--general-radius-none);
  --component-hero-image-mobile-radius: var(--general-radius-none);
  --component-hero-image-padding-top: var(--layout-full-margin-x);
  --component-hero-image-padding-x: var(--layout-full-margin-x);
  --component-hero-image-padding-y: var(--component-hero-image-padding-x);
  --component-hero-image-splitHero-radius: var(--general-radius-none);
  --component-hero-mobile-max-width: 1000px;
  --component-hero-tablet-max-width: 1000px;
  --component-hero-typography-title: var(--typography-font-size-header-xlarge);
  --component-hero-article-color-bg: var(--theme-primary-bg-bg);
  --component-hero-article-color-bg-accent: var(--general-color-text-brand-3);
  --component-hero-article-color-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-hero-article-color-body: var(--theme-primary-surface-text-primary);
  --component-hero-article-color-category: var(--theme-primary-surface-text-primary);
  --component-hero-article-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-hero-article-color-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --component-hero-article-color-date: var(--theme-primary-surface-text-primary);
  --component-hero-article-color-details: var(--theme-primary-surface-text-secondary);
  --component-hero-article-color-icon: var(--theme-primary-surface-text-secondary);
  --component-hero-article-color-image-bg: var(--general-color-background-brand-1);
  --component-hero-article-color-surface: var(--theme-primary-surface-surface);
  --component-hero-article-color-title: var(--theme-primary-surface-text-primary);
  --component-hero-article-content-padding-x: var(--layout-full-margin-x);
  --component-hero-article-content-padding-y: var(--layout-full-margin-y);
  --component-hero-article-content-radius: var(--general-radius-none);
  --component-hero-article-copy-category-margin-bottom: var(--spacing-general-eyebrow-margin-bottom);
  --component-hero-article-copy-padding-x: var(--padding-small);
  --component-hero-article-copy-padding-y: var(--component-hero-article-copy-padding-x);
  --component-hero-article-copy-radius: var(--general-radius-container);
  --component-hero-article-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-article-gutter: var(--layout-base-gutter);
  --component-hero-article-image-image-ratio: "3:2";
  --component-hero-article-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-article-image-max-height-desktop: 1024px;
  --component-hero-article-image-max-height-mobile: 360px;
  --component-hero-article-image-max-height-tablet: 1024px;
  --component-hero-article-image-min-height-desktop: 370px;
  --component-hero-article-image-min-height-mobile: 180px;
  --component-hero-article-image-min-height-tablet: 392px;
  --component-hero-article-image-padding-x: var(--padding-none);
  --component-hero-article-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-hero-article-image-radius: var(--general-radius-container);
  --component-hero-article-margin-x: var(--layout-base-margin-x);
  --component-hero-article-padding-y: var(--layout-base-margin-y);
  --component-hero-product-brand-decor: var(--component-site-header-main-bar-brand-logo);
  --component-hero-product-color-badge-color: brand;
  --component-hero-product-color-bg: var(--theme-primary-bg-bg);
  --component-hero-product-color-body: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-product-color-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-product-color-decor: var(--general-color-background-brand-2);
  --component-hero-product-color-eyebrow: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-icon: var(--theme-primary-bg-icon);
  --component-hero-product-color-image-bg: var(--general-color-background-brand-1);
  --component-hero-product-color-image-border: var(--general-color-border-mid);
  --component-hero-product-color-image-surface: var(--general-color-surface-white);
  --component-hero-product-color-link: var(--theme-primary-bg-text-link-underline);
  --component-hero-product-color-ratings: var(--theme-secondary-interactive-ratings-active);
  --component-hero-product-color-ratings-inactive: var(--theme-primary-interactive-button-ghost-link);
  --component-hero-product-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-thumbnail-selected-border: var(--theme-brand-action);
  --component-hero-product-color-title: var(--theme-primary-bg-text-primary);
  --component-hero-product-content-padding-x: var(--layout-full-margin-x);
  --component-hero-product-content-padding-y: var(--layout-full-margin-y);
  --component-hero-product-content-radius: var(--general-radius-none);
  --component-hero-product-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-product-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-hero-product-copy-radius: var(--general-radius-container);
  --component-hero-product-gutter: var(--layout-base-gutter);
  --component-hero-product-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-product-image-max-height-desktop: 640px;
  --component-hero-product-image-max-height-mobile: 273px;
  --component-hero-product-image-max-height-tablet: 1024px;
  --component-hero-product-image-padding-x: var(--padding-none);
  --component-hero-product-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-product-image-radius: var(--general-radius-container);
  --component-hero-product-margin-x: var(--layout-base-margin-y);
  --component-hero-product-margin-y: var(--layout-base-margin-y);
  --component-hero-recipe-color-badge-color: brand;
  --component-hero-recipe-color-bg: var(--theme-primary-bg-bg);
  --component-hero-recipe-color-body: var(--theme-primary-bg-text-secondary);
  --component-hero-recipe-color-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-recipe-color-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-recipe-color-eyebrow: var(--theme-primary-bg-text-secondary);
  --component-hero-recipe-color-icon: var(--theme-primary-bg-icon);
  --component-hero-recipe-color-image-bg: var(--general-color-background-brand-1);
  --component-hero-recipe-color-link: var(--theme-primary-interactive-button-ghost-link);
  --component-hero-recipe-color-ratings: var(--theme-secondary-interactive-ratings-active);
  --component-hero-recipe-color-ratings-inactive: var(--theme-primary-interactive-button-ghost-link);
  --component-hero-recipe-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-hero-recipe-color-title: var(--theme-primary-bg-text-primary);
  --component-hero-recipe-content-padding-x: var(--layout-full-margin-x);
  --component-hero-recipe-content-padding-y: var(--layout-full-margin-y);
  --component-hero-recipe-content-radius: var(--general-radius-none);
  --component-hero-recipe-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-recipe-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-hero-recipe-copy-radius: var(--general-radius-container);
  --component-hero-recipe-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-recipe-gutter: var(--layout-base-gutter);
  --component-hero-recipe-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-max-height-desktop: 640px;
  --component-hero-recipe-image-max-height-mobile: 273px;
  --component-hero-recipe-image-max-height-tablet: 1024px;
  --component-hero-recipe-image-padding-x: var(--padding-none);
  --component-hero-recipe-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-recipe-image-radius: var(--general-radius-container);
  --component-hero-recipe-margin-x: var(--layout-base-margin-y);
  --component-hero-recipe-padding-y: var(--layout-base-margin-y);
  --component-icon-content-large-desktop-height: 120px;
  --component-icon-content-large-desktop-width: 120px;
  --component-icon-content-large-mobile-height: 120px;
  --component-icon-content-large-mobile-width: 120px;
  --component-icon-content-large-tablet-height: 120px;
  --component-icon-content-large-tablet-width: 120px;
  --component-icon-content-small-desktop-height: 64px;
  --component-icon-content-small-desktop-width: 64px;
  --component-icon-content-small-mobile-height: 64px;
  --component-icon-content-small-mobile-width: 64px;
  --component-icon-content-small-tablet-height: 64px;
  --component-icon-content-small-tablet-width: 64px;
  --component-image-color-button-color-below-image: brand;
  --component-image-color-button-color-on-image: inverse;
  --component-image-standalone-image-max-width-desktop: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-mobile: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-tablet: var(--typography-copy-max-width);
  --component-listing-grid-color-bg: var(--theme-primary-bg-bg);
  --component-listing-grid-color-body: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-button-color-1: var(--theme-primary-bg-cta-1-color);
  --component-listing-grid-color-button-color-2: var(--theme-primary-bg-cta-2-color);
  --component-listing-grid-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-title: var(--theme-primary-bg-text-primary);
  --component-listing-grid-margin-x: var(--spacing-general-margin-x);
  --component-listing-grid-margin-y: var(--spacing-general-margin-y);
  --component-location-selector-color-default-body: var(--component-accordion-color-default-body);
  --component-location-selector-color-default-border: var(--component-accordion-color-default-border);
  --component-location-selector-color-default-icons: var(--component-accordion-color-default-icons);
  --component-location-selector-color-default-surface: var(--component-accordion-color-default-surface);
  --component-location-selector-color-default-title: var(--component-accordion-color-default-title);
  --component-location-selector-color-hover-body: var(--component-accordion-color-hover-body);
  --component-location-selector-color-hover-border: var(--component-accordion-color-hover-border);
  --component-location-selector-color-hover-icons: var(--component-accordion-color-hover-icons);
  --component-location-selector-color-hover-surface: var(--component-accordion-color-hover-surface);
  --component-location-selector-color-hover-title: var(--component-accordion-color-hover-title);
  --component-location-selector-item-border-bottom: 0px;
  --component-location-selector-item-border-left: 0px;
  --component-location-selector-item-border-right: 0px;
  --component-location-selector-item-border-top: 1px;
  --component-location-selector-padding-x: var(--component-accordion-padding-x);
  --component-location-selector-padding-y: var(--component-accordion-padding-y);
  --component-modal-color-body: var(--theme-primary-bg-text-secondary);
  --component-modal-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-modal-color-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --component-modal-color-smokescreen: var(--component-dialog-color-smokescreen);
  --component-modal-color-surface: var(--general-color-surface-white);
  --component-modal-color-title: var(--theme-primary-bg-text-primary);
  --component-modal-content-padding-x: var(--padding-small);
  --component-modal-content-padding-y: var(--padding-small);
  --component-my-account-color-bg: var(--theme-primary-bg-bg);
  --component-my-account-color-bg-cta-color: var(--theme-primary-surface-cta-1-color);
  --component-my-account-color-body: var(--theme-primary-bg-text-secondary);
  --component-my-account-color-border: var(--general-color-border-darkest);
  --component-my-account-color-header: var(--theme-primary-bg-text-primary);
  --component-my-account-color-line-break: var(--general-color-border-darkest);
  --component-my-account-color-sidebar-surface: var(--general-color-surface-brand-1);
  --component-my-account-color-sidebar-text: var(--general-color-text-white);
  --component-my-account-color-surface: var(--general-color-surface-white);
  --component-my-account-color-surface-cta-color: var(--theme-primary-surface-cta-1-color);
  --component-my-account-color-surface-highlight: var(--color-grayscale-100);
  --component-my-account-color-title: var(--theme-primary-bg-text-primary);
  --component-my-account-content-padding-x: var(--padding-small);
  --component-my-account-content-padding-y: var(--padding-small);
  --component-my-account-padding-x: var(--spacing-general-margin-x);
  --component-my-account-padding-y: var(--layout-compact-margin-y);
  --component-nav-dropdown-menu-border: var(--spacing-spacing-1);
  --component-nav-dropdown-menu-color-border: var(--general-color-border-darkest);
  --component-nav-dropdown-menu-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-focus-focus-border: var(--theme-brand-action);
  --component-nav-dropdown-menu-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-nav-dropdown-menu-color-button-hover-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-surface: var(--general-color-surface-white);
  --component-nav-dropdown-menu-lists-menu-bg-default: var(--general-color-background-white);
  --component-nav-dropdown-menu-lists-menu-bg-hover: var(--color-grayscale-100);
  --component-nav-dropdown-menu-lists-menu-focus-border: var(--theme-brand-action);
  --component-nav-dropdown-menu-lists-menu-max-width: 350px;
  --component-nav-dropdown-menu-lists-menu-min-height: 48px;
  --component-nav-dropdown-menu-lists-menu-min-width: 200px;
  --component-nav-dropdown-menu-lists-menu-text: var(--general-color-text-darkest);
  --component-nav-dropdown-menu-radius: var(--spacing-spacing-12);
  --component-newsletter-sign-up-color-bg: var(--component-content-grid-color-bg);
  --component-newsletter-sign-up-color-body: var(--theme-primary-surface-text-primary);
  --component-newsletter-sign-up-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-newsletter-sign-up-color-icon: var(--theme-primary-surface-text-secondary);
  --component-newsletter-sign-up-color-image-bg: var(--general-color-background-brand-1);
  --component-newsletter-sign-up-color-surface: var(--theme-primary-surface-surface);
  --component-newsletter-sign-up-color-title: var(--theme-primary-surface-text-primary);
  --component-newsletter-sign-up-content-padding-x: var(--layout-full-margin-x);
  --component-newsletter-sign-up-content-padding-y: var(--layout-full-margin-y);
  --component-newsletter-sign-up-content-radius: var(--general-radius-container);
  --component-newsletter-sign-up-copy-padding-x: var(--padding-small);
  --component-newsletter-sign-up-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-newsletter-sign-up-copy-radius: var(--general-radius-container);
  --component-newsletter-sign-up-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-newsletter-sign-up-gutter: var(--layout-full-gutter);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-max-height-desktop: 1024px;
  --component-newsletter-sign-up-image-max-height-mobile: 360px;
  --component-newsletter-sign-up-image-max-height-tablet: 1024px;
  --component-newsletter-sign-up-image-min-height-desktop: 370px;
  --component-newsletter-sign-up-image-min-height-mobile: 180px;
  --component-newsletter-sign-up-image-min-height-tablet: 392px;
  --component-newsletter-sign-up-image-padding-x: var(--padding-none);
  --component-newsletter-sign-up-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-newsletter-sign-up-image-radius: var(--general-radius-container);
  --component-newsletter-sign-up-margin-x: var(--spacing-general-margin-x);
  --component-newsletter-sign-up-margin-y: var(--spacing-general-margin-y);
  --component-pagination-color-disabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-disabled-icon: var(--color-grayscale-300);
  --component-pagination-color-disabled-text: var(--interactiveTheme-ratings-inactive);
  --component-pagination-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-focus-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-pagination-color-focus-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-hover-bg: var(--general-color-surface-light);
  --component-pagination-color-hover-text: var(--interactiveTheme-button-brand-action-hover);
  --component-pagination-color-link-underline: var(--general-color-fill-brand-1);
  --component-pagination-color-pressed-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-pressed-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-selected-bg: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-selected-border: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-selected-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-pagination-radius: var(--radius-radius-rounded);
  --component-pagination-size-base-border: var(--spacing-spacing-4);
  --component-pagination-size-base-padding-left: var(--spacing-spacing-16);
  --component-pagination-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-pagination-size-base-padding-y: var(--spacing-spacing-8);
  --component-pagination-size-base-space-between: var(--spacing-spacing-8);
  --component-pagination-size-small-border: var(--spacing-spacing-4);
  --component-pagination-size-small-gap: var(--spacing-spacing-8);
  --component-pagination-size-small-padding-left: var(--spacing-spacing-12);
  --component-pagination-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-pagination-size-small-padding-y: var(--spacing-spacing-8);
  --component-pdp-product-content-color-bg: var(--general-color-text-brand-2);
  --component-pdp-product-content-color-body: var(--theme-secondary-bg-text-secondary);
  --component-pdp-product-content-color-icon: var(--theme-secondary-bg-icon);
  --component-pdp-product-content-color-image-bg: var(--general-color-background-brand-1);
  --component-pdp-product-content-color-surface: var(--general-color-surface-white);
  --component-pdp-product-content-color-surface-border: var(--general-color-border-light);
  --component-pdp-product-content-color-title: var(--theme-secondary-bg-text-primary);
  --component-pdp-product-content-gutter: var(--layout-base-gutter);
  --component-pdp-product-content-margin-x: var(--spacing-general-margin-x);
  --component-pdp-product-content-margin-y: var(--layout-compact-margin-y);
  --component-print-image-print-logo-invert: 1;
  --component-recipe-description-copy-max-width-desktop: 804px;
  --component-recipe-description-copy-max-width-mobile: var(--typography-copy-max-width);
  --component-recipe-description-copy-max-width-tablet: var(--typography-copy-max-width);
  --component-recipe-header-brand: var(--theme-brand-name);
  --component-recipe-header-color-bg: var(--theme-aux-1-bg-bg);
  --component-recipe-header-color-body: var(--theme-aux-1-surface-text-secondary);
  --component-recipe-header-color-cta-1-color: var(--theme-aux-1-surface-cta-1-color);
  --component-recipe-header-color-eyebrow: var(--theme-aux-1-surface-text-secondary);
  --component-recipe-header-color-icon: var(--theme-aux-1-surface-icon);
  --component-recipe-header-color-image-bg: var(--general-color-background-brand-1);
  --component-recipe-header-color-link: var(--theme-aux-1-interactive-button-ghost-link);
  --component-recipe-header-color-ratings: var(--theme-aux-1-interactive-ratings-active);
  --component-recipe-header-color-ratings-inactive: var(--theme-aux-1-interactive-ratings-inactive);
  --component-recipe-header-color-subtitle: var(--theme-aux-1-surface-text-primary);
  --component-recipe-header-color-surface: var(--theme-aux-1-surface-surface);
  --component-recipe-header-color-title: var(--theme-aux-1-surface-text-primary);
  --component-recipe-header-content-padding-x: var(--padding-small);
  --component-recipe-header-content-padding-y: var(--padding-xsmall);
  --component-recipe-header-content-radius: var(--general-radius-none);
  --component-recipe-header-copy-padding-x: var(--padding-small);
  --component-recipe-header-copy-padding-y: var(--padding-small);
  --component-recipe-header-padding-x: var(--spacing-general-margin-x);
  --component-recipe-header-padding-y: var(--layout-compact-margin-y);
  --component-recipe-instructions-card-max-width-mobile: 280px;
  --component-recipe-instructions-color-border: var(--component-recipe-instructions-color-surface);
  --component-recipe-instructions-color-surface: var(--general-color-background-brand-2);
  --component-recipe-instructions-gutter: var(--layout-base-gutter);
  --component-recipe-instructions-padding-x: var(--layout-base-margin-y);
  --component-recipe-instructions-padding-y: var(--layout-base-margin-y);
  --component-recipe-made-with-color-button-color: brand;
  --component-recipe-made-with-color-ratings: var(--theme-primary-interactive-ratings-active);
  --component-recipe-made-with-color-ratings-inactive: var(--theme-primary-interactive-ratings-inactive);
  --component-recipe-nutrition-card-max-width-mobile: 280px;
  --component-recipe-nutrition-color-bg: var(--general-color-background-brand-2);
  --component-recipe-nutrition-color-body: var(--componentTheme-feature-text-primary);
  --component-recipe-nutrition-color-eyebrow: var(--componentTheme-feature-text-primary);
  --component-recipe-nutrition-color-fill: var(--componentTheme-feature-fill);
  --component-recipe-nutrition-color-subtitle: var(--componentTheme-feature-text-primary);
  --component-recipe-nutrition-color-title: var(--componentTheme-feature-text-primary);
  --component-recipe-nutrition-content-padding-x: var(--layout-full-margin-x);
  --component-recipe-nutrition-content-padding-y: var(--layout-full-margin-y);
  --component-recipe-nutrition-content-radius: var(--general-radius-none);
  --component-recipe-nutrition-gutter: var(--layout-base-gutter);
  --component-recipe-nutrition-padding-x: var(--layout-base-margin-y);
  --component-recipe-nutrition-padding-y: var(--layout-base-margin-y);
  --component-related-content-color-bg: var(--component-content-grid-color-bg);
  --component-related-content-color-body: var(--component-content-grid-color-body);
  --component-related-content-color-button-color-1: var(--component-content-grid-color-button-color-1);
  --component-related-content-color-button-color-2: var(--component-content-grid-color-button-color-2);
  --component-related-content-color-subtitle: var(--component-content-grid-color-subtitle);
  --component-related-content-color-title: var(--component-content-grid-color-title);
  --component-search-field-active-bg: var(--general-color-background-white);
  --component-search-field-active-border: var(--general-color-border-brand-2);
  --component-search-field-active-icon: var(--general-color-fill-brand-2);
  --component-search-field-active-search-text: var(--general-color-text-darkest);
  --component-search-field-default-bg: var(--general-color-background-white);
  --component-search-field-default-border: var(--general-color-border-brand-1);
  --component-search-field-default-icon: var(--general-color-fill-brand-1);
  --component-search-field-default-search-text: var(--general-color-text-darkest);
  --component-search-field-dropdown-active-radius: 56px;
  --component-search-field-dropdown-bg-default: var(--component-search-field-default-bg);
  --component-search-field-dropdown-bg-hover: var(--theme-secondary-bg-bg);
  --component-search-field-dropdown-border: var(--component-search-field-active-border);
  --component-search-field-dropdown-border-focus: 2px;
  --component-search-field-dropdown-focus-border: var(--theme-primary-surface-border-focus);
  --component-search-field-dropdown-focus-radius: 12px;
  --component-search-field-hover-bg: var(--general-color-background-white);
  --component-search-field-hover-border: var(--general-color-border-brand-2);
  --component-search-field-hover-icon: var(--general-color-fill-brand-2);
  --component-search-field-hover-search-text: var(--general-color-text-darkest);
  --component-site-footer-bottom-bar-bg: var(--color-primary-color-1-700);
  --component-site-footer-bottom-bar-cta-2-color: inverse;
  --component-site-footer-bottom-bar-icons: var(--general-color-fill-white);
  --component-site-footer-bottom-bar-link: var(--general-color-text-white);
  --component-site-footer-bottom-bar-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-bottom-bar-padding-y: var(--padding-small);
  --component-site-footer-footer-links-bg: var(--general-color-background-brand-1);
  --component-site-footer-footer-links-border: var(--general-color-border-darkest);
  --component-site-footer-footer-links-column-label: var(--general-color-text-white);
  --component-site-footer-footer-links-cta-1-color: brand;
  --component-site-footer-footer-links-gap-icon: var(--spacing-spacing-4);
  --component-site-footer-footer-links-icons: var(--general-color-fill-white);
  --component-site-footer-footer-links-link: var(--general-color-text-white);
  --component-site-footer-footer-links-link-underline: var(--general-color-border-white);
  --component-site-footer-footer-links-logo-height-large: 88px;
  --component-site-footer-footer-links-logo-height-small: 40px;
  --component-site-footer-footer-links-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-footer-links-padding-y: var(--padding-medium);
  --component-site-footer-footer-links-text: var(--general-color-text-white);
  --component-site-footer-gap-links: var(--space-between-medium);
  --component-site-footer-space-between: var(--space-between-xsmall);
  --component-site-header-color-main-bar-desktop-bg: var(--general-color-background-brand-2);
  --component-site-header-color-main-bar-desktop-bottom-border: var(--general-color-border-brand-3);
  --component-site-header-color-main-bar-desktop-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-desktop-link-link-enabled);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-desktop-link-link-enabled: var(--general-color-text-darkest);
  --component-site-header-color-main-bar-desktop-link-link-hover: var(--general-color-text-brand-1);
  --component-site-header-color-main-bar-desktop-link-link-underline: var(--general-color-border-brand-1);
  --component-site-header-color-main-bar-desktop-logo: var(--general-color-fill-brand-1);
  --component-site-header-color-main-bar-mobile-bg: var(--general-color-background-white);
  --component-site-header-color-main-bar-mobile-bottom-border: var(--general-color-border-mid);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-desktop-link-link-enabled);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-mobile-link-link-enabled: var(--general-color-text-darkest);
  --component-site-header-color-main-bar-mobile-link-link-hover: var(--general-color-text-brand-1);
  --component-site-header-color-main-bar-mobile-link-link-underline: var(--general-color-border-brand-1);
  --component-site-header-color-mega-menu-menu-bg: var(--general-color-background-white);
  --component-site-header-color-mega-menu-menu-bottom-border: var(--general-color-border-brand-2);
  --component-site-header-color-mega-menu-menu-item-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-hover-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-left-border-items: var(--general-color-border-brand-1);
  --component-site-header-color-mega-menu-menu-paragraph-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-side-bar-bg: var(--general-color-background-light);
  --component-site-header-color-mega-menu-menu-side-bar-title: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-active-icon: var(--general-color-fill-white);
  --component-site-header-color-mega-menu-menu-title-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-enabled-icon: var(--general-color-fill-brand-1);
  --component-site-header-color-mega-menu-menu-title-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-hover-bg: var(--component-site-header-color-mega-menu-menu-bg);
  --component-site-header-color-mega-menu-menu-title-hover-icon: var(--general-color-fill-darkest);
  --component-site-header-color-mega-menu-menu-title-hover-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-pressed-icon: var(--general-color-fill-darkest);
  --component-site-header-color-mega-menu-menu-title-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-enabled-bg: var(--general-color-fill-white);
  --component-site-header-color-search-tag-enabled-border: var(--general-color-border-darkest);
  --component-site-header-color-search-tag-enabled-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-search-tag-enabled-link: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-hover-bg: var(--general-color-fill-light);
  --component-site-header-color-search-tag-hover-border: var(--general-color-border-darkest);
  --component-site-header-color-search-tag-hover-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-search-tag-hover-link: var(--general-color-text-darkest);
  --component-site-header-color-secondary-bar-bg: var(--general-color-background-brand-2);
  --component-site-header-color-secondary-bar-on-bar-enabled-bg: #ffffff00;
  --component-site-header-color-secondary-bar-on-bar-enabled-link: var(--general-color-text-darkest);
  --component-site-header-color-secondary-bar-on-bar-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-bar-enabled-link);
  --component-site-header-color-secondary-bar-on-bar-hover-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-hover-link-icons: var(--component-site-header-color-secondary-bar-on-bar-hover-link);
  --component-site-header-color-secondary-bar-on-bar-pressed-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-bar-pressed-link);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link: var(--component-site-header-color-mega-menu-menu-item-enabled-text);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-enabled-link);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link: var(--component-site-header-color-mega-menu-menu-item-hover-text);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-hover-link);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link: var(--component-site-header-color-mega-menu-menu-item-pressed-text);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-pressed-link);
  --component-site-header-color-utility-bar-bg: var(--general-color-background-brand-2);
  --component-site-header-color-utility-bar-bottom-border: var(--general-color-border-brand-2);
  --component-site-header-color-utility-bar-button-color-1: brand;
  --component-site-header-color-utility-bar-button-color-2: inverse;
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-enabled: var(--general-color-text-brand-1);
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-hover: var(--general-color-text-brand-1);
  --component-site-header-color-utility-bar-desktop-link-link-enabled: var(--general-color-text-brand-1);
  --component-site-header-color-utility-bar-desktop-link-link-hover: var(--general-color-text-brand-1);
  --component-site-header-color-utility-bar-desktop-link-link-underline: var(--general-color-text-brand-1);
  --component-site-header-color-utility-bar-favorites-button-bg: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-bg-hover: var(--general-color-fill-darkest);
  --component-site-header-color-utility-bar-favorites-button-bg-pressed: var(--general-color-fill-darkest);
  --component-site-header-color-utility-bar-favorites-button-border: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-border-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-focus: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-heart-fill: var(--color-brand-general-mills-generalMills-red);
  --component-site-header-color-utility-bar-favorites-button-heart-fill-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-text: var(--general-color-text-darkest);
  --component-site-header-color-utility-bar-favorites-button-text-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-icon: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-logo: var(--general-color-fill-brand-1);
  --component-site-header-main-bar-bottom-border: var(--spacing-spacing-0);
  --component-site-header-main-bar-gap-links: var(--space-between-medium);
  --component-site-header-main-bar-link-bottom-underline-border: 2px;
  --component-site-header-main-bar-logo-height-large: 86px;
  --component-site-header-main-bar-logo-height-small: 48px;
  --component-site-header-main-bar-logo-margin-right: var(--margin-xxsmall);
  --component-site-header-main-bar-logo-width-large: 119px;
  --component-site-header-main-bar-logo-width-small: 48px;
  --component-site-header-main-bar-main-bar-inset: var(--padding-none);
  --component-site-header-main-bar-radius: var(--general-radius-none);
  --component-site-header-mega-menu-menu-item-min-width-: 120px;
  --component-site-header-mega-menu-menu-item-radius: var(--radius-radius-0);
  --component-site-header-padding-x: var(--padding-small);
  --component-site-header-padding-y: var(--padding-xxsmall);
  --component-site-header-site-header-simple-search-bar-max-width-desktop: 400px;
  --component-site-header-utility-bar-margin-bottom: var(--spacing-spacing-0);
  --component-skip-to-content-theme-border-size: var(--spacing-spacing-2);
  --component-skip-to-content-theme-primary-bg: var(--general-color-fill-brand-1);
  --component-skip-to-content-theme-primary-border: var(--general-color-border-white);
  --component-skip-to-content-theme-primary-link-underline: var(--component-skip-to-content-theme-primary-text);
  --component-skip-to-content-theme-primary-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-skip-to-content-theme-secondary-bg: var(--theme-secondary-bg-bg);
  --component-skip-to-content-theme-secondary-border: var(--component-skip-to-content-theme-primary-bg);
  --component-skip-to-content-theme-secondary-link-underline: var(--theme-secondary-bg-text-link-underline);
  --component-skip-to-content-theme-secondary-text: var(--theme-secondary-bg-text-link-underline);
  --component-social-bar-color-bg: var(--general-color-background-white);
  --component-social-bar-color-focus: var(--general-color-background-white);
  --component-social-bar-margin-x: var(--spacing-general-margin-x);
  --component-social-bar-margin-y: var(--spacing-general-margin-y);
  --component-static-icon-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-color-on-surface-image-border: var(--color-grayscale-black);
  --component-static-icon-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-static-icon-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-static-icon-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-static-icon-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-static-icon-base-column-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-focus: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-hover: var(--spacing-spacing-4);
  --component-static-icon-base-column-label-margin: var(--spacing-spacing-0);
  --component-static-icon-base-column-min-height: 280px;
  --component-static-icon-base-column-padding-x: var(--padding-none);
  --component-static-icon-base-column-padding-y: var(--padding-none);
  --component-static-icon-base-column-width-column-width-large: 550px;
  --component-static-icon-base-column-width-column-width-medium: 480px;
  --component-static-icon-base-column-width-column-width-small: 320px;
  --component-static-icon-base-copy-padding-x: var(--padding-xsmall);
  --component-static-icon-base-copy-padding-y: var(--padding-xsmall);
  --component-static-icon-base-icon-icon-height-large: 300px;
  --component-static-icon-base-icon-icon-height-medium: 200px;
  --component-static-icon-base-icon-icon-height-small: 120px;
  --component-static-icon-base-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-image-border: var(--color-grayscale-black);
  --component-static-icon-base-image-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-image-icon-image-ratio: "1:1";
  --component-static-icon-base-image-image-ratio: "3:2";
  --component-static-icon-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-static-icon-base-image-padding-x: var(--padding-none);
  --component-static-icon-base-image-radius: var(--general-radius-image);
  --component-table-color-table-row-bg-alt: var(--general-color-background-light);
  --component-table-color-table-row-bg-header: var(--color-primary-color-1-100);
  --component-tabs-color-tab-border-active-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-focus-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-hover-border: var(--theme-brand-action-hover);
  --component-tabs-color-tab-border-inactive-border: var(--general-color-border-mid);
  --component-tabs-color-tab-border-pressed-border: var(--theme-brand-action-hover);
  --component-tag-interactive-border: var(--spacing-spacing-2);
  --component-tag-interactive-color-brand-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-cta-link-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-cta-link-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-tag-interactive-color-brand-cta-link-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-cta-link-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-tag-interactive-color-brand-cta-link-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-tag-interactive-color-brand-cta-link-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-tag-interactive-color-brand-cta-link-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-tag-interactive-color-brand-cta-link-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-interactive-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-interactive-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-tag-interactive-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-tag-interactive-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-fill-hover-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-tag-interactive-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-tag-interactive-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-tag-interactive-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-kitchen-tested-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-kitchen-tested-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-kitchen-tested-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-kitchen-tested-hover-border: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-kitchen-tested-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-outline-hover-border: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-inverse-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-cta-link-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-tag-interactive-color-inverse-cta-link-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-cta-link-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-tag-interactive-color-inverse-cta-link-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-tag-interactive-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-tag-interactive-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-brand-action-hover);
  --component-tag-interactive-color-inverse-fill-hover-border: var(--component-cta-color-inverse-fill-hover-bg);
  --component-tag-interactive-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-tag-interactive-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-tag-interactive-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-tag-interactive-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-inverse-outline-enabled-border: var(--interactiveTheme-button-brand-action-alternate);
  --component-tag-interactive-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-tag-interactive-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-tag-interactive-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-tag-interactive-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-inverse-outline-hover-border: var(--component-cta-color-inverse-outline-hover-bg);
  --component-tag-interactive-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-color-inverse-outline-hover-text: var(--theme-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-tag-interactive-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-tag-interactive-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-tag-interactive-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-radius-bottom-left: var(--general-radius-tag);
  --component-tag-interactive-radius-bottom-right: var(--general-radius-tag);
  --component-tag-interactive-radius-top-left: var(--general-radius-tag);
  --component-tag-interactive-radius-top-right: var(--general-radius-tag);
  --component-tag-static-border-width: 2px;
  --component-tag-static-color-fill-A-bg: var(--general-color-fill-brand-1);
  --component-tag-static-color-fill-A-border: var(--component-tag-static-color-fill-A-bg);
  --component-tag-static-color-fill-A-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-A-text: var(--general-color-text-white);
  --component-tag-static-color-fill-B-bg: var(--general-color-fill-brand-2);
  --component-tag-static-color-fill-B-border: var(--component-tag-static-color-fill-B-bg);
  --component-tag-static-color-fill-B-icon: var(--general-color-fill-dark);
  --component-tag-static-color-fill-B-text: var(--general-color-text-dark);
  --component-tag-static-color-fill-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-static-color-fill-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-static-color-fill-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-color-outline-A-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-A-border: var(--general-color-border-brand-1);
  --component-tag-static-color-outline-A-icon: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-A-text: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-B-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-B-border: var(--general-color-border-brand-2);
  --component-tag-static-color-outline-B-icon: var(--general-color-fill-dark);
  --component-tag-static-color-outline-B-text: var(--general-color-text-dark);
  --component-tag-static-color-outline-bg: #682dff00;
  --component-tag-static-color-outline-border: var(--theme-brand-action);
  --component-tag-static-color-outline-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-outline-text: var(--interactiveTheme-button-brand-action);
  --component-tag-static-color-text-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-text-text: var(--interactiveTheme-button-brand-action);
  --component-tag-static-inset: var(--padding-none);
  --component-tag-static-radius-bottom-left: var(--general-radius-tag);
  --component-tag-static-radius-bottom-right: var(--general-radius-tag);
  --component-tag-static-radius-top-left: var(--general-radius-tag);
  --component-tag-static-radius-top-right: var(--general-radius-tag);
  --component-vertical-video-asset-default-height: 120px;
  --component-vertical-video-asset-default-width: 120px;
  --component-vertical-video-asset-hover-height: 112px;
  --component-vertical-video-asset-hover-width: 112px;
  --component-vertical-video-border-width: 0px;
  --component-vertical-video-color-bg: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-border-focus: var(--component-category-color-category-enabled);
  --component-vertical-video-color-category-enabled: var(--component-content-grid-color-body);
  --component-vertical-video-color-category-hover: var(--component-content-grid-color-body);
  --component-vertical-video-color-fill: var(--componentTheme-content-grid-fill);
  --component-vertical-video-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-surface: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-title: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-gutter: var(--layout-base-gutter);
  --component-vertical-video-padding-x: var(--layout-base-margin-y);
  --component-vertical-video-padding-y: var(--layout-base-margin-y);
  --component-video-margin-x: var(--spacing-general-margin-x);
  --component-video-margin-y: var(--spacing-general-margin-y);
  --component-video-standalone-video-max-width-desktop: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-mobile: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-tablet: var(--typography-copy-max-width);
  --general-color-background-brand-1: var(--color-primary-color-1-500);
  --general-color-background-brand-2: var(--color-primary-color-2-500);
  --general-color-background-brand-3: var(--color-secondary-color-3-500);
  --general-color-background-brand-4: var(--color-secondary-color-4-500);
  --general-color-background-dark: var(--color-grayscale-700);
  --general-color-background-darkest: var(--color-grayscale-black);
  --general-color-background-light: var(--color-grayscale-100);
  --general-color-background-white: var(--color-grayscale-white);
  --general-color-border-brand-1: var(--color-primary-color-1-500);
  --general-color-border-brand-2: var(--color-primary-color-2-500);
  --general-color-border-brand-3: var(--color-secondary-color-3-500);
  --general-color-border-dark: var(--color-grayscale-700);
  --general-color-border-darkest: var(--color-grayscale-black);
  --general-color-border-light: var(--color-grayscale-300);
  --general-color-border-mid: var(--color-grayscale-400);
  --general-color-border-white: var(--color-grayscale-white);
  --general-color-fill-brand-1: var(--color-primary-color-1-500);
  --general-color-fill-brand-2: var(--color-primary-color-2-500);
  --general-color-fill-brand-3: var(--color-secondary-color-3-500);
  --general-color-fill-dark: var(--color-grayscale-700);
  --general-color-fill-darkest: var(--color-grayscale-900);
  --general-color-fill-light: var(--color-grayscale-100);
  --general-color-fill-mid: var(--color-grayscale-400);
  --general-color-fill-white: var(--color-grayscale-white);
  --general-color-surface-brand-1: var(--color-primary-color-1-500);
  --general-color-surface-brand-2: var(--color-primary-color-2-500);
  --general-color-surface-brand-3: var(--color-secondary-color-3-500);
  --general-color-surface-dark: var(--color-grayscale-800);
  --general-color-surface-darkest: var(--color-grayscale-black);
  --general-color-surface-light: var(--color-grayscale-200);
  --general-color-surface-white: var(--color-grayscale-white);
  --general-color-text-brand-1: var(--color-primary-color-1-500);
  --general-color-text-brand-2: var(--color-primary-color-2-500);
  --general-color-text-brand-3: var(--color-secondary-color-3-500);
  --general-color-text-dark: var(--color-grayscale-800);
  --general-color-text-darkest: var(--color-grayscale-black);
  --general-color-text-light: var(--color-primary-color-1-100);
  --general-color-text-mid: var(--color-grayscale-500);
  --general-color-text-white: var(--color-grayscale-white);
  --general-drop-shadow-blur: 0px;
  --general-drop-shadow-color: #000000cc;
  --general-drop-shadow-sub-menu-blur: 12px;
  --general-drop-shadow-sub-menu-color: #00000014;
  --general-drop-shadow-sub-menu-y-value: 2px;
  --general-radius-accordion: var(--radius-radius-0);
  --general-radius-base: var(--radius-radius-0);
  --general-radius-card: var(--general-radius-base);
  --general-radius-card-focus: var(--general-radius-base);
  --general-radius-container: var(--general-radius-base);
  --general-radius-container-l2: var(--radius-radius-0);
  --general-radius-dialog: var(--radius-radius-0);
  --general-radius-focus: var(--radius-radius-0);
  --general-radius-image: var(--general-radius-base);
  --general-radius-label: var(--radius-radius-0);
  --general-radius-modal: var(--radius-radius-0);
  --general-radius-none: var(--radius-radius-0);
  --general-radius-tag: var(--radius-radius-0);
  --spacing-columns-desktop-full-max-width: var(--global-columns-base-desktop-full-max-width);
  --spacing-columns-desktop-full-min-width: var(--global-columns-base-desktop-full-min-width);
  --spacing-columns-desktop-half-max-width: var(--global-columns-base-desktop-half-max-width);
  --spacing-columns-desktop-half-min-width: var(--global-columns-base-desktop-half-min-width);
  --spacing-columns-desktop-one-fourth-max-width: var(--global-columns-base-desktop-oneFourth-max-width);
  --spacing-columns-desktop-one-fourth-min-width: var(--global-columns-base-desktop-oneFourth-min-width);
  --spacing-columns-desktop-one-third-max-width: var(--global-columns-base-desktop-oneThird-max-width);
  --spacing-columns-desktop-one-third-min-width: var(--global-columns-base-desktop-oneThird-min-width);
  --spacing-columns-desktop-three-fourth-max-width: var(--global-columns-base-desktop-three-fourth-max-width);
  --spacing-columns-desktop-three-fourth-min-width: var(--global-columns-base-desktop-three-fourth-min-width);
  --spacing-columns-mobile-full-max-width: var(--global-columns-base-mobile-full-max-width);
  --spacing-columns-mobile-full-min-width: var(--global-columns-base-mobile-full-min-width);
  --spacing-columns-mobile-half-max-width: var(--global-columns-base-mobile-half-max-width);
  --spacing-columns-mobile-half-min-width: var(--global-columns-base-mobile-half-min-width);
  --spacing-columns-mobile-one-fourth-max-width: var(--global-columns-base-mobile-oneFourth-max-width);
  --spacing-columns-mobile-one-third-max-width: var(--global-columns-base-mobile-oneThird-max-width);
  --spacing-columns-mobile-one-third-min-width: var(--global-columns-base-mobile-oneThird-min-width);
  --spacing-columns-mobile-oneFourth-min-width: var(--global-columns-base-mobile-oneFourth-min-width);
  --spacing-columns-mobile-three-fourth-max-width: var(--global-columns-base-mobile-three-fourth-max-width);
  --spacing-columns-mobile-three-fourth-min-width: var(--global-columns-base-mobile-three-fourth-min-width);
  --spacing-columns-tablet-full-max-width: var(--global-columns-base-tablet-full-max-width);
  --spacing-columns-tablet-full-min-width: var(--global-columns-base-tablet-full-min-width);
  --spacing-columns-tablet-half-max-width: var(--global-columns-base-tablet-half-max-width);
  --spacing-columns-tablet-half-min-width: var(--global-columns-base-tablet-half-min-width);
  --spacing-columns-tablet-one-fourth-max-width: var(--global-columns-base-tablet-oneFourth-max-width);
  --spacing-columns-tablet-one-fourth-min-width: var(--global-columns-base-tablet-oneFourth-min-width);
  --spacing-columns-tablet-one-third-max-width: var(--global-columns-base-tablet-oneThird-max-width);
  --spacing-columns-tablet-one-third-min-width: var(--global-columns-base-tablet-oneThird-min-width);
  --spacing-columns-tablet-three-fourth-max-width: var(--global-columns-base-tablet-three-fourth-max-width);
  --spacing-columns-tablet-three-fourth-min-width: var(--global-columns-base-tablet-three-fourth-min-width);
  --spacing-general-buttons-space-between: var(--space-between-small);
  --spacing-general-container-padding-x: var(--layout-full-margin-y);
  --spacing-general-container-padding-y: var(--layout-full-margin-y);
  --spacing-general-copy-margin-bottom: var(--margin-none);
  --spacing-general-cta-margin-top: var(--margin-medium);
  --spacing-general-eyebrow-margin-bottom: var(--margin-xsmall);
  --spacing-general-favicon-dimensions: var(--spacing-spacing-32);
  --spacing-general-gutter: var(--layout-base-gutter);
  --spacing-general-icon-margin-bottom: var(--margin-xsmall);
  --spacing-general-image-padding: var(--padding-none);
  --spacing-general-margin-related-y: var(--spacing-spacing-16);
  --spacing-general-margin-x: var(--layout-base-margin-x);
  --spacing-general-margin-y: var(--layout-base-margin-y);
  --spacing-general-subtitle-margin-top: var(--margin-xsmall);
  --spacing-general-title-margin-bottom: var(--margin-xsmall);
  --spacing-general-top-title-margin-bottom: var(--margin-small);
  --theme-aux-1-bg-bg: var(--general-color-background-brand-1);
  --theme-aux-1-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-1-bg-cta-1-color: inverse;
  --theme-aux-1-bg-cta-2-color: inverse;
  --theme-aux-1-bg-icon: var(--general-color-fill-white);
  --theme-aux-1-bg-text-hover: var(--theme-brand-action-hover-inverse);
  --theme-aux-1-bg-text-link: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-bg-text-primary: var(--general-color-text-brand-2);
  --theme-aux-1-bg-text-secondary: var(--general-color-text-white);
  --theme-aux-1-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-1-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-1-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-1-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-1-interactive-button-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-link: var(--theme-aux-1-bg-text-link);
  --theme-aux-1-interactive-button-ghost-link-underline: var(--theme-aux-1-interactive-button-ghost-inverse-link-underline);
  --theme-aux-1-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-1-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-1-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-aux-1-interactive-surface-hover: var(--general-color-background-light);
  --theme-aux-1-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-1-surface-border: var(--general-color-border-white);
  --theme-aux-1-surface-border-focus: var(--general-color-border-brand-1);
  --theme-aux-1-surface-border-hover: var(--general-color-border-darkest);
  --theme-aux-1-surface-cta-1-color: brand;
  --theme-aux-1-surface-cta-2-color: brand;
  --theme-aux-1-surface-icon: var(--general-color-fill-brand-1);
  --theme-aux-1-surface-match-bg-border: var(--general-color-border-brand-2);
  --theme-aux-1-surface-match-bg-cta-1-color: inverse;
  --theme-aux-1-surface-match-bg-cta-2-color: inverse;
  --theme-aux-1-surface-match-bg-icon: var(--general-color-fill-brand-2);
  --theme-aux-1-surface-match-bg-surface: var(--theme-aux-1-bg-bg);
  --theme-aux-1-surface-match-bg-text-hover: var(--theme-primary-interactive-button-inverse-brand-action-hover-inverse);
  --theme-aux-1-surface-match-bg-text-primary: var(--general-color-text-brand-2);
  --theme-aux-1-surface-match-bg-text-secondary: var(--general-color-text-white);
  --theme-aux-1-surface-surface: var(--general-color-background-white);
  --theme-aux-1-surface-text-hover: var(--theme-brand-action);
  --theme-aux-1-surface-text-link: var(--theme-brand-action);
  --theme-aux-1-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-1-surface-text-primary: var(--general-color-text-brand-1);
  --theme-aux-1-surface-text-secondary: var(--general-color-text-dark);
  --theme-aux-2-bg-bg: var(--color-primary-color-1-300);
  --theme-aux-2-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-2-bg-border: var(--general-color-border-darkest);
  --theme-aux-2-bg-cta-1-color: brand;
  --theme-aux-2-bg-cta-2-color: brand;
  --theme-aux-2-bg-icon: var(--general-color-border-brand-2);
  --theme-aux-2-bg-text-hover: var(--theme-brand-action);
  --theme-aux-2-bg-text-link: var(--theme-brand-action);
  --theme-aux-2-bg-text-link-underline: var(--theme-link-underline);
  --theme-aux-2-bg-text-primary: var(--general-color-text-darkest);
  --theme-aux-2-bg-text-secondary: var(--general-color-text-darkest);
  --theme-aux-2-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-2-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-2-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-2-interactive-button-link-underline: var(--theme-link-underline);
  --theme-aux-2-interactive-button-ghost-link: var(--theme-aux-2-interactive-button-ghost-inverse-link);
  --theme-aux-2-interactive-button-ghost-link-underline: var(--general-color-surface-darkest);
  --theme-aux-2-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-2-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-2-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-aux-2-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-2-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-2-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-aux-2-interactive-surface-hover: var(--general-color-background-light);
  --theme-aux-2-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-2-surface-border: var(--general-color-border-darkest);
  --theme-aux-2-surface-border-focus: var(--general-color-border-darkest);
  --theme-aux-2-surface-border-hover: var(--general-color-border-darkest);
  --theme-aux-2-surface-cta-1-color: inverse;
  --theme-aux-2-surface-cta-2-color: inverse;
  --theme-aux-2-surface-icon: var(--general-color-fill-brand-2);
  --theme-aux-2-surface-match-bg-border: var(--general-color-border-darkest);
  --theme-aux-2-surface-match-bg-cta-1-color: brand;
  --theme-aux-2-surface-match-bg-cta-2-color: brand;
  --theme-aux-2-surface-match-bg-fill: var(--general-color-fill-brand-1);
  --theme-aux-2-surface-match-bg-surface: var(--theme-aux-2-bg-bg);
  --theme-aux-2-surface-match-bg-text-hover: var(--theme-brand-action);
  --theme-aux-2-surface-match-bg-text-primary: var(--general-color-text-darkest);
  --theme-aux-2-surface-match-bg-text-secondary: var(--general-color-text-dark);
  --theme-aux-2-surface-surface: var(--general-color-surface-white);
  --theme-aux-2-surface-text-hover: var(--theme-brand-action);
  --theme-aux-2-surface-text-link: var(--theme-brand-action);
  --theme-aux-2-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-2-surface-text-primary: var(--general-color-text-darkest);
  --theme-aux-2-surface-text-secondary: var(--general-color-text-dark);
  --theme-brand-action: var(--general-color-fill-brand-1);
  --theme-brand-action-alternate: var(--color-primary-color-1-100);
  --theme-brand-action-alternate-inverse: var(--color-primary-color-1-900);
  --theme-brand-action-hover: var(--color-primary-color-1-900);
  --theme-brand-action-hover-inverse: var(--color-primary-color-1-100);
  --theme-brand-action-inverse: var(--general-color-fill-white);
  --theme-link-underline: var(--theme-brand-action);
  --theme-link-underline-inverse: var(--theme-brand-action-inverse);
  --theme-primary-bg-bg: var(--general-color-background-white);
  --theme-primary-bg-bg-decor-accent: var(--general-color-background-brand-2);
  --theme-primary-bg-border: var(--general-color-border-light);
  --theme-primary-bg-cta-1-color: brand;
  --theme-primary-bg-cta-2-color: brand;
  --theme-primary-bg-icon: var(--general-color-fill-brand-1);
  --theme-primary-bg-text-hover: var(--theme-brand-action-hover);
  --theme-primary-bg-text-link: var(--theme-brand-action);
  --theme-primary-bg-text-link-underline: var(--theme-link-underline);
  --theme-primary-bg-text-primary: var(--general-color-text-darkest);
  --theme-primary-bg-text-secondary: var(--general-color-text-dark);
  --theme-primary-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-primary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-primary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-primary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-primary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-primary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-primary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-primary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-primary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-primary-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-primary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-primary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-surface-focus: var(--theme-primary-surface-surface);
  --theme-primary-interactive-surface-hover: var(--general-color-background-light);
  --theme-primary-interactive-surface-pressed: var(--theme-primary-interactive-surface-hover);
  --theme-primary-surface-border: var(--general-color-border-darkest);
  --theme-primary-surface-border-focus: var(--general-color-border-brand-1);
  --theme-primary-surface-border-hover: var(--general-color-border-light);
  --theme-primary-surface-cta-1-color: brand;
  --theme-primary-surface-cta-2-color: brand;
  --theme-primary-surface-icon: var(--general-color-fill-brand-1);
  --theme-primary-surface-match-bg-border: var(--general-color-border-darkest);
  --theme-primary-surface-match-bg-cta-1-color: brand;
  --theme-primary-surface-match-bg-cta-2-color: brand;
  --theme-primary-surface-match-bg-fill: var(--general-color-fill-darkest);
  --theme-primary-surface-match-bg-surface: var(--theme-primary-bg-bg);
  --theme-primary-surface-match-bg-text-hover: var(--theme-brand-action);
  --theme-primary-surface-match-bg-text-primary: var(--general-color-text-darkest);
  --theme-primary-surface-match-bg-text-secondary: var(--general-color-text-dark);
  --theme-primary-surface-surface: var(--general-color-surface-white);
  --theme-primary-surface-text-hover: var(--theme-brand-action);
  --theme-primary-surface-text-link: var(--theme-brand-action);
  --theme-primary-surface-text-link-underline: var(--theme-link-underline);
  --theme-primary-surface-text-primary: var(--general-color-text-darkest);
  --theme-primary-surface-text-secondary: var(--general-color-text-dark);
  --theme-secondary-bg-bg: var(--color-primary-color-2-300);
  --theme-secondary-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-secondary-bg-border: var(--general-color-border-white);
  --theme-secondary-bg-cta-1-color: brand;
  --theme-secondary-bg-cta-2-color: brand;
  --theme-secondary-bg-icon: var(--general-color-fill-brand-1);
  --theme-secondary-bg-text-hover: var(--theme-brand-action-hover);
  --theme-secondary-bg-text-link: var(--theme-brand-action);
  --theme-secondary-bg-text-link-underline: var(--theme-link-underline);
  --theme-secondary-bg-text-primary: var(--general-color-text-brand-1);
  --theme-secondary-bg-text-secondary: var(--general-color-text-darkest);
  --theme-secondary-interactive-action-bar-button-border: var(--component-cta-color-brand-fill-enabled-border);
  --theme-secondary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-secondary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-secondary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-secondary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-secondary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-secondary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-secondary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-secondary-interactive-surface-hover: var(--general-color-background-white);
  --theme-secondary-interactive-surface-pressed: var(--theme-secondary-interactive-surface-hover);
  --theme-secondary-surface-border: var(--general-color-border-darkest);
  --theme-secondary-surface-border-focus: var(--general-color-border-brand-1);
  --theme-secondary-surface-border-hover: var(--general-color-border-darkest);
  --theme-secondary-surface-cta-1-color: brand;
  --theme-secondary-surface-cta-2-color: brand;
  --theme-secondary-surface-icon: var(--general-color-fill-brand-1);
  --theme-secondary-surface-match-bg-border: var(--general-color-border-darkest);
  --theme-secondary-surface-match-bg-cta-1-color: brand;
  --theme-secondary-surface-match-bg-cta-2-color: brand;
  --theme-secondary-surface-match-bg-fill: var(--general-color-fill-brand-1);
  --theme-secondary-surface-match-bg-surface: var(--theme-secondary-bg-bg);
  --theme-secondary-surface-match-bg-text-hover: var(--theme-brand-action);
  --theme-secondary-surface-match-bg-text-primary: var(--general-color-text-darkest);
  --theme-secondary-surface-match-bg-text-secondary: var(--general-color-text-white);
  --theme-secondary-surface-surface: var(--general-color-background-white);
  --theme-secondary-surface-text-hover: var(--theme-brand-action-hover);
  --theme-secondary-surface-text-link: var(--theme-primary-bg-text-link);
  --theme-secondary-surface-text-link-underline: var(--theme-link-underline);
  --theme-secondary-surface-text-primary: var(--general-color-text-brand-1);
  --theme-secondary-surface-text-secondary: var(--general-color-text-brand-1);
  --typography-font-family-accent-header: var(--typography-font-family-noto-sans);
  --typography-font-family-body: var(--typography-font-family-noto-sans);
  --typography-font-family-header: var(--typography-font-family-slackey);
  --typography-font-size-desktop-accent-header-display: var(--typography-font-size-font-size-80);
  --typography-font-size-desktop-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-accent-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-accent-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-accent-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-desktop-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-desktop-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-desktop-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-display: var(--typography-font-size-font-size-72);
  --typography-font-size-mobile-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-accent-header-large: var(--typography-font-size-font-size-40);
  --typography-font-size-mobile-accent-header-medium: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-accent-header-small: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-accent-header-xlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-mobile-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-accent-header-xxlarge: var(--typography-font-size-font-size-56);
  --typography-font-size-mobile-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-mobile-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-mobile-header-display: var(--typography-font-size-font-size-48);
  --typography-font-size-mobile-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-mobile-header-xlarge: var(--typography-font-size-font-size-36);
  --typography-font-size-mobile-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-mobile-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-accent-header-display: var(--typography-font-size-font-size-104);
  --typography-font-size-tablet-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-accent-header-large: var(--typography-font-size-font-size-48);
  --typography-font-size-tablet-accent-header-medium: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-accent-header-small: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-accent-header-xlarge: var(--typography-font-size-font-size-56);
  --typography-font-size-tablet-accent-header-xsmall: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-accent-header-xxlarge: var(--typography-font-size-font-size-64);
  --typography-font-size-tablet-accent-header-xxsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-tablet-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-tablet-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-tablet-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-header-medium: var(--typography-font-size-font-size-28);
  --typography-font-size-tablet-header-small: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-header-xsmall: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-tablet-header-xxsmall: var(--typography-font-size-font-size-18);
  --typography-font-weight-body: 400;
  --typography-font-weight-body-bold: 700;
  --typography-font-weight-button: 700;
  --typography-font-weight-display: 700;
  --typography-font-weight-large: 400;
  --typography-font-weight-medium: 400;
  --typography-font-weight-small: 400;
  --typography-font-weight-xlarge: 400;
  --typography-font-weight-xsmall: 400;
  --typography-font-weight-xxlarge: 400;
  --typography-font-weight-xxsmall: 400;
}

.BrandsCheerios {
  --color-grayscale-100: #f2f2f7;
  --color-grayscale-200: var(--color-grayscale-coolGray-200);
  --color-grayscale-300: var(--color-grayscale-coolGray-300);
  --color-grayscale-400: var(--color-grayscale-coolGray-400);
  --color-grayscale-500: var(--color-grayscale-coolGray-500);
  --color-grayscale-600: var(--color-grayscale-coolGray-600);
  --color-grayscale-700: var(--color-grayscale-coolGray-700);
  --color-grayscale-800: var(--color-grayscale-coolGray-800);
  --color-grayscale-900: #0d0d0d;
  --color-grayscale-black: #000000;
  --color-primary-color-1-100: #f7f5f1;
  --color-primary-color-1-300: #fff8e5;
  --color-primary-color-1-500: #fbe74d;
  --color-primary-color-1-700: #4a4442;
  --color-primary-color-1-900: #000000;
  --color-primary-color-1-accessible: var(--color-primary-color-1-500);
  --color-primary-color-2-100: #fff8e5;
  --color-primary-color-2-300: #ffe39f;
  --color-primary-color-2-500: #ffc419;
  --color-primary-color-2-700: #c74b10;
  --color-primary-color-2-900: #8c1a0b;
  --color-primary-color-2-accessible: var(--color-primary-color-2-500);
  --color-secondary-color-3-100: #e5192e;
  --color-secondary-color-3-500: #ab0b1b;
  --color-secondary-color-3-900: #ab0b1b;
  --color-secondary-color-4-100: #000000;
  --color-secondary-color-4-500: #000000;
  --color-secondary-color-4-900: #000000;
  --color-secondary-color-5-100: #000000;
  --color-secondary-color-5-500: #000000;
  --color-secondary-color-5-900: #000000;
  --color-secondary-color-6-100: #000000;
  --color-secondary-color-6-500: #000000;
  --color-secondary-color-6-900: #000000;
  --color-secondary-color-7-100: #000000;
  --color-secondary-color-7-500: #000000;
  --color-secondary-color-7-900: #000000;
  --color-tertiary-color-swatch-500: var(--color-brand-general-mills-generalMills-red);
  --component-accordion-color-default-body: var(--general-color-text-dark);
  --component-accordion-color-default-border: var(--general-color-border-light);
  --component-accordion-color-default-icons: var(--general-color-fill-brand-2);
  --component-accordion-color-default-surface: var(--general-color-surface-white);
  --component-accordion-color-default-title: var(--general-color-text-darkest);
  --component-accordion-color-hover-body: var(--general-color-text-dark);
  --component-accordion-color-hover-border: var(--general-color-border-brand-1);
  --component-accordion-color-hover-icons: var(--general-color-background-brand-1);
  --component-accordion-color-hover-surface: var(--general-color-surface-light);
  --component-accordion-color-hover-title: var(--general-color-text-darkest);
  --component-accordion-item-border-bottom: 1px;
  --component-accordion-item-border-left: 1px;
  --component-accordion-item-border-right: 1px;
  --component-accordion-item-border-top: 1px;
  --component-accordion-padding-x: var(--padding-small);
  --component-accordion-padding-y: var(--padding-small);
  --component-action-bar-border: var(--spacing-spacing-0);
  --component-action-bar-color-border: var(--general-color-border-white);
  --component-action-bar-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-enabled-border: var(--general-color-text-brand-1);
  --component-action-bar-color-button-enabled-icon: var(--general-color-text-brand-1);
  --component-action-bar-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-focus-focus-border: var(--theme-brand-action);
  --component-action-bar-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-action-bar-color-button-hover-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-pressed-icon: var(--general-color-text-brand-1);
  --component-action-bar-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-action-bar-color-surface: var(--general-color-surface-white);
  --component-action-bar-color-toggle-active-bg: var(--general-color-fill-brand-2);
  --component-action-bar-color-toggle-active-switch-circle: var(--general-color-fill-white);
  --component-action-bar-color-toggle-inactive-bg: var(--general-color-fill-mid);
  --component-action-bar-color-toggle-inactive-switch-circle: var(--general-color-fill-white);
  --component-action-bar-gap-horizontal: var(--spacing-spacing-16);
  --component-action-bar-gap-vertical: var(--spacing-spacing-12);
  --component-action-bar-radius: var(--radius-radius-12);
  --component-action-bar-share-menu-bg-default: var(--general-color-background-white);
  --component-action-bar-share-menu-bg-hover: var(--color-grayscale-100);
  --component-action-bar-share-menu-blur: 12px;
  --component-action-bar-share-menu-color: #00000014;
  --component-action-bar-share-menu-focus-border: var(--theme-brand-action);
  --component-action-bar-share-menu-max-width: 350px;
  --component-action-bar-share-menu-min-height: 48px;
  --component-action-bar-share-menu-min-width: 200px;
  --component-action-bar-share-menu-text: var(--general-color-text-darkest);
  --component-action-bar-share-menu-y-value: 2px;
  --component-action-bar-width-desktop: 88px;
  --component-action-bar-width-mobile: 56px;
  --component-action-bar-width-tablet: 64px;
  --component-alert-banner-bg: var(--general-color-background-darkest);
  --component-alert-banner-body: var(--general-color-text-white);
  --component-alert-banner-button-color-1: inverse;
  --component-alert-banner-button-color-2: inverse;
  --component-alert-banner-close: var(--general-color-fill-white);
  --component-alert-banner-icon: var(--general-color-fill-white);
  --component-alert-banner-title: var(--general-color-text-white);
  --component-breadcrumb-color-bg: var(--theme-primary-bg-bg);
  --component-breadcrumb-color-item-enabled-icon: var(--general-color-fill-mid);
  --component-breadcrumb-color-item-enabled-text: var(--color-grayscale-500);
  --component-breadcrumb-color-item-focus-icon: var(--component-breadcrumb-color-item-hover-icon);
  --component-breadcrumb-color-item-focus-text: var(--component-breadcrumb-color-item-hover-text);
  --component-breadcrumb-color-item-hover-icon: var(--theme-brand-action);
  --component-breadcrumb-color-item-hover-text: var(--theme-brand-action);
  --component-breadcrumb-color-item-pressed-icon: var(--general-color-fill-brand-1);
  --component-breadcrumb-color-item-pressed-text: var(--general-color-text-brand-1);
  --component-breadcrumb-color-tip-active-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-bg: var(--color-grayscale-black);
  --component-breadcrumb-color-tip-enabled-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-hover-link: var(--general-color-text-white);
  --component-button-tag-color-disabled-bg: #08459833;
  --component-button-tag-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-button-tag-color-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-focus-bg: var(--component-button-tag-color-enabled-bg);
  --component-button-tag-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-button-tag-color-focus-text: var(--component-button-tag-color-enabled-text);
  --component-button-tag-color-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-border: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-button-tag-color-link-underline: var(--general-color-fill-brand-3);
  --component-button-tag-color-pressed-bg: var(--component-button-tag-color-hover-bg);
  --component-button-tag-color-pressed-border: var(--component-button-tag-color-hover-border);
  --component-button-tag-color-pressed-text: var(--component-button-tag-color-hover-text);
  --component-button-tag-radius: var(--radius-radius-rounded);
  --component-button-tag-size-base-border: var(--spacing-spacing-2);
  --component-button-tag-size-base-padding-left: var(--spacing-spacing-16);
  --component-button-tag-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-button-tag-size-base-padding-y: var(--spacing-spacing-8);
  --component-button-tag-size-base-space-between: var(--spacing-spacing-8);
  --component-button-tag-size-small-border: var(--spacing-spacing-4);
  --component-button-tag-size-small-gap: var(--spacing-spacing-8);
  --component-button-tag-size-small-padding-left: var(--spacing-spacing-12);
  --component-button-tag-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-button-tag-size-small-padding-y: var(--spacing-spacing-8);
  --component-card-article-card-border-width: var(--spacing-spacing-4);
  --component-card-article-card-radius: var(--general-radius-card);
  --component-card-article-image-borderWidth: var(--spacing-spacing-4);
  --component-card-article-image-image-ratio: "3:2";
  --component-card-article-image-radius: var(--general-radius-image);
  --component-card-general-card-border-width: var(--spacing-spacing-4);
  --component-card-general-card-radius: var(--general-radius-card);
  --component-card-general-color-body: var(--component-cards-base-color-on-surface-body);
  --component-card-general-color-border: var(--component-cards-base-color-on-surface-border);
  --component-card-general-color-cta-1-color: var(--component-cards-base-color-on-surface-cta-1-color);
  --component-card-general-color-image-border: var(--color-grayscale-black);
  --component-card-general-color-subtitle: var(--component-cards-base-color-on-surface-subtitle);
  --component-card-general-color-surface: var(--component-cards-base-color-on-surface-surface);
  --component-card-general-color-title: var(--component-cards-base-color-on-surface-title);
  --component-card-product-card-border-width: var(--spacing-spacing-4);
  --component-card-product-color-image-bg: var(--general-color-background-brand-1);
  --component-card-product-image-borderWidth: var(--spacing-spacing-4);
  --component-card-product-image-image-ratio: "1:1";
  --component-card-recipe-card-border-width: var(--spacing-spacing-4);
  --component-card-recipe-card-minHeight: 280px;
  --component-card-recipe-card-padding-x: var(--padding-none);
  --component-card-recipe-card-padding-y: var(--padding-none);
  --component-card-recipe-card-radius: var(--general-radius-card);
  --component-card-recipe-color-ratings: var(--interactiveTheme-ratings-active);
  --component-card-recipe-image-borderWidth: var(--spacing-spacing-4);
  --component-card-recipe-image-image-ratio: "3:2";
  --component-card-recipe-image-padding-top: var(--component-card-recipe-image-padding-x);
  --component-card-recipe-image-padding-x: var(--padding-none);
  --component-card-recipe-image-radius: var(--general-radius-image);
  --component-cards-base-card-border-width: var(--spacing-spacing-2);
  --component-cards-base-card-border-width-focus: var(--spacing-spacing-4);
  --component-cards-base-card-border-width-hover: var(--spacing-spacing-2);
  --component-cards-base-card-label-margin: var(--spacing-spacing-12);
  --component-cards-base-card-min-height: 262px;
  --component-cards-base-card-padding-x: var(--padding-xxsmall);
  --component-cards-base-card-padding-y: var(--padding-xxsmall);
  --component-cards-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-primary);
  --component-cards-base-color-on-surface-border: var(--component-cards-base-color-on-surface-surface);
  --component-cards-base-color-on-surface-border-focus: var(--general-color-border-brand-3);
  --component-cards-base-color-on-surface-border-hover: var(--componentTheme-cards-on-surface-border-hover);
  --component-cards-base-color-on-surface-cta-1-color: var(--componentTheme-cards-on-surface-cta-1-color);
  --component-cards-base-color-on-surface-cta-2-color: var(--componentTheme-cards-on-surface-cta-2-color);
  --component-cards-base-color-on-surface-image-bg: var(--color-grayscale-200);
  --component-cards-base-color-on-surface-image-border: var(--color-grayscale-white);
  --component-cards-base-color-on-surface-ratings-active: var(--general-color-fill-brand-2);
  --component-cards-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-cards-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-cards-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-cards-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-cards-base-copy-padding-x: var(--padding-xsmall);
  --component-cards-base-copy-padding-y: var(--padding-xsmall);
  --component-cards-base-image-bg: var(--color-grayscale-200);
  --component-cards-base-image-border: var(--color-grayscale-white);
  --component-cards-base-image-border-width: var(--spacing-spacing-0);
  --component-cards-base-image-category-image-ratio: "1:1";
  --component-cards-base-image-image-ratio: "16:9";
  --component-cards-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-cards-base-image-padding-x: var(--padding-none);
  --component-cards-base-image-radius: var(--general-radius-none);
  --component-cards-card-max-width-mobile: 480px;
  --component-carousel-border-width: 1px;
  --component-carousel-controls-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-brand-icon: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-controls-inverse-icon: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-brand-fill: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-inverse-fill: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-color: var(--component-content-grid-color-button-color-1);
  --component-category-asset-default-height: 120px;
  --component-category-asset-default-width: 120px;
  --component-category-asset-hover-height: 112px;
  --component-category-asset-hover-width: 112px;
  --component-category-color-bg: var(--componentTheme-content-grid-bg);
  --component-category-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-border-focus: var(--component-category-color-category-enabled);
  --component-category-color-category-enabled: var(--component-content-grid-color-body);
  --component-category-color-category-hover: var(--component-content-grid-color-body);
  --component-category-color-fill: var(--componentTheme-content-grid-fill);
  --component-category-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-surface: var(--componentTheme-content-grid-bg);
  --component-category-color-title: var(--componentTheme-content-grid-text-primary);
  --component-category-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-category-gutter: var(--spacing-general-gutter);
  --component-category-padding-x: var(--spacing-general-margin-x);
  --component-category-padding-y: var(--spacing-general-margin-y);
  --component-checkbox-radio-color-brand-fill-disabled-opacity: 0.5;
  --component-checkbox-radio-color-brand-fill-disabled-text: var(--general-color-text-mid);
  --component-checkbox-radio-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-checkbox-radio-color-brand-fill-enabled-border: var(--theme-brand-action);
  --component-checkbox-radio-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-enabled-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-error-bg: var(--color-system-error-100);
  --component-checkbox-radio-color-brand-fill-error-border: var(--theme-brand-action);
  --component-checkbox-radio-color-brand-fill-error-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-enabled-bg);
  --component-checkbox-radio-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-focus-border);
  --component-checkbox-radio-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-focus-icon);
  --component-checkbox-radio-color-brand-fill-focus-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-selected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-selected-border: var(--component-checkbox-radio-color-brand-fill-hover-selected-bg);
  --component-checkbox-radio-color-brand-fill-hover-selected-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-hover-selected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-unselected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-unselected-border: var(--component-checkbox-radio-color-brand-fill-hover-selected-bg);
  --component-checkbox-radio-color-brand-fill-hover-unselected-icon: var(--theme-primary-interactive-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-unselected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-uneditable-bg: var(--general-color-background-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-icon: var(--general-color-background-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-text: var(--general-color-text-dark);
  --component-content-grid-color-bg: var(--componentTheme-content-grid-bg);
  --component-content-grid-color-body: var(--componentTheme-content-grid-text-primary);
  --component-content-grid-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-content-grid-color-title: var(--componentTheme-content-grid-text-primary);
  --component-content-grid-margin-x: var(--spacing-general-margin-x);
  --component-content-grid-margin-x-2: var(--spacing-general-margin-x);
  --component-content-grid-margin-y: var(--spacing-general-margin-y);
  --component-content-grid-margin-y-2: var(--spacing-general-margin-y);
  --component-content-grid-pdp-color-bg: var(--general-color-background-white);
  --component-content-grid-pdp-color-body: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-pdp-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-pdp-color-subtitle: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-title: var(--general-color-text-darkest);
  --component-cta-color-brand-fill-disabled-opacity: 0.5;
  --component-cta-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-fill-enabled-border: var(--theme-brand-action);
  --component-cta-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-cta-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-cta-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-fill-hover-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-cta-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-cta-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-ghost-disabled-opacity: 0.5;
  --component-cta-color-brand-ghost-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-enabled-text: var(--interactiveTheme-button-ghost-link);
  --component-cta-color-brand-ghost-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-cta-color-brand-ghost-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-ghost-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-cta-color-brand-ghost-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-cta-color-brand-ghost-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-cta-color-brand-ghost-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-cta-color-brand-ghost-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-outline-disabled-opacity: 0.5;
  --component-cta-color-brand-outline-enabled-bg: #ffffff00;
  --component-cta-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-cta-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-cta-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-cta-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-hover-bg: var(--theme-brand-action-hover-inverse);
  --component-cta-color-brand-outline-hover-border: var(--theme-brand-action);
  --component-cta-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-brand-outline-hover-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-cta-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-cta-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-cta-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-inverse-fill-disabled-opacity: 0.5;
  --component-cta-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-enabled-border: var(--theme-primary-interactive-button-brand-action);
  --component-cta-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-enabled-text: var(--theme-primary-interactive-button-brand-action);
  --component-cta-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-cta-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-cta-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-hover-bg: var(--theme-brand-action-hover-inverse);
  --component-cta-color-inverse-fill-hover-border: var(--component-cta-color-inverse-fill-hover-icon);
  --component-cta-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-fill-hover-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-cta-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-cta-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-cta-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-ghost-disabled-opacity: 0.5;
  --component-cta-color-inverse-ghost-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-enabled-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-inverse-ghost-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-cta-color-inverse-ghost-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-ghost-hover-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-cta-color-inverse-ghost-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-outline-disabled-opacity: 0.5;
  --component-cta-color-inverse-outline-enabled-bg: #ffffff00;
  --component-cta-color-inverse-outline-enabled-border: var(--interactiveTheme-button-inverse-brand-action-alternate-inverse);
  --component-cta-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-enabled-text: var(--interactiveTheme-button-inverse-brand-action-alternate-inverse);
  --component-cta-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-cta-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-cta-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-cta-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-hover-bg: var(--theme-brand-action-hover-inverse);
  --component-cta-color-inverse-outline-hover-border: var(--interactiveTheme-button-brand-action);
  --component-cta-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-color-inverse-outline-hover-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-cta-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-cta-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-cta-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-focus-radius: var(--radius-radius-rounded);
  --component-cta-radius: var(--radius-radius-rounded);
  --component-cta-size-base-border: var(--spacing-spacing-2);
  --component-cta-size-base-border-2: var(--spacing-spacing-2);
  --component-cta-size-base-padding-left: var(--spacing-spacing-12);
  --component-cta-size-base-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-base-padding-y: var(--spacing-spacing-12);
  --component-cta-size-base-space-between: var(--spacing-spacing-4);
  --component-cta-size-small-border: var(--spacing-spacing-4);
  --component-cta-size-small-gap: var(--spacing-spacing-8);
  --component-cta-size-small-padding-left: var(--spacing-spacing-16);
  --component-cta-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-small-padding-y: var(--spacing-spacing-8);
  --component-dialog-box-shadow-blur: 24px;
  --component-dialog-color-body: var(--theme-primary-surface-match-bg-text-secondary);
  --component-dialog-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-dialog-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-dialog-color-smokescreen: #000000cc;
  --component-dialog-color-surface: var(--general-color-surface-white);
  --component-dialog-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-dialog-content-padding-x: var(--padding-medium);
  --component-dialog-content-padding-y: var(--padding-medium);
  --component-error-state-page-color-bg: var(--component-content-grid-color-bg);
  --component-error-state-page-color-body: var(--componentTheme-surface-text-secondary);
  --component-error-state-page-color-cta-1-color: var(--componentTheme-surface-cta-1-color);
  --component-error-state-page-color-icon: var(--componentTheme-surface-icon);
  --component-error-state-page-color-image-bg: var(--general-color-background-dark);
  --component-error-state-page-color-surface: var(--componentTheme-surface-surface);
  --component-error-state-page-color-title: var(--general-color-text-brand-1);
  --component-error-state-page-content-padding-x: var(--layout-full-margin-x);
  --component-error-state-page-content-padding-y: var(--layout-full-margin-y);
  --component-error-state-page-content-radius: var(--general-radius-container);
  --component-error-state-page-copy-padding-x: var(--padding-medium);
  --component-error-state-page-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-error-state-page-copy-radius: var(--general-radius-container);
  --component-error-state-page-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-error-state-page-gutter: var(--layout-full-gutter);
  --component-error-state-page-image-imageLeft-radius-bottomLeft: var(--general-radius-base);
  --component-error-state-page-image-imageLeft-radius-bottomRight: var(--general-radius-base);
  --component-error-state-page-image-imageLeft-radius-top-left: var(--general-radius-base);
  --component-error-state-page-image-imageLeft-radius-top-right: var(--general-radius-base);
  --component-error-state-page-image-imageRight-radius-bottom-left: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-imageRight-radius-bottom-right: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-imageRight-radius-top-left: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-imageRight-radius-top-right: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-max-height-desktop: 1024px;
  --component-error-state-page-image-max-height-mobile: 360px;
  --component-error-state-page-image-max-height-tablet: 1024px;
  --component-error-state-page-image-min-height-desktop: 370px;
  --component-error-state-page-image-min-height-mobile: 180px;
  --component-error-state-page-image-min-height-tablet: 392px;
  --component-error-state-page-image-padding-x: var(--padding-small);
  --component-error-state-page-image-padding-y: var(--component-newsletter-sign-up-image-padding-x);
  --component-error-state-page-image-radius: var(--general-radius-image);
  --component-error-state-page-margin-x: var(--spacing-general-margin-x);
  --component-error-state-page-margin-y: var(--spacing-general-margin-y);
  --component-facets-color-default-border: var(--component-facets-color-default-surface);
  --component-facets-color-default-icons: var(--general-color-fill-brand-2);
  --component-facets-color-default-surface: var(--theme-primary-surface-match-bg-surface);
  --component-facets-color-default-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-facets-color-focus-border: var(--general-color-border-brand-1);
  --component-facets-color-focus-icons: var(--general-color-background-brand-1);
  --component-facets-color-focus-surface: var(--general-color-surface-light);
  --component-facets-color-focus-title: var(--general-color-text-darkest);
  --component-facets-color-hover-border: var(--general-color-border-brand-1);
  --component-facets-color-hover-icons: var(--general-color-background-brand-1);
  --component-facets-color-hover-surface: var(--general-color-surface-light);
  --component-facets-color-hover-title: var(--general-color-text-darkest);
  --component-facets-counter-surface: #ffffff;
  --component-facets-counter-text: #ffffff;
  --component-facets-max-width: 302px;
  --component-facets-padding-x: var(--padding-xxsmall);
  --component-facets-padding-y: var(--padding-xxsmall);
  --component-facets-radius: var(--radius-radius-2);
  --component-favorites-border: var(--spacing-spacing-0);
  --component-favorites-color-border: var(--general-color-border-white);
  --component-favorites-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-focus-focus-border: var(--theme-brand-action);
  --component-favorites-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-favorites-color-button-hover-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-favorites-color-surface: var(--general-color-surface-white);
  --component-favorites-lists-menu-bg-default: var(--general-color-background-white);
  --component-favorites-lists-menu-bg-hover: var(--general-color-background-white);
  --component-favorites-lists-menu-focus-border: var(--general-color-text-darkest);
  --component-favorites-lists-menu-max-width: 350px;
  --component-favorites-lists-menu-min-height: 48px;
  --component-favorites-lists-menu-min-width: 200px;
  --component-favorites-lists-menu-text: var(--general-color-text-darkest);
  --component-favorites-radius: var(--radius-radius-12);
  --component-feature-full-color-bg: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-body: var(--componentTheme-content-grid-text-primary);
  --component-feature-full-color-cta-1-color: var(--componentTheme-content-grid-cta-1-color);
  --component-feature-full-color-cta-2-color: var(--componentTheme-content-grid-cta-2-color);
  --component-feature-full-color-eyebrow: var(--componentTheme-content-grid-text-primary);
  --component-feature-full-color-fill: var(--componentTheme-content-grid-fill);
  --component-feature-full-color-image-bg: var(--general-color-fill-white);
  --component-feature-full-color-surface: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-title: var(--componentTheme-content-grid-text-primary);
  --component-feature-full-copy-block-copy-block-indent: var(--padding-small);
  --component-feature-full-copy-block-padding-x: var(--padding-medium);
  --component-feature-full-copy-block-padding-y: var(--component-feature-full-copy-block-padding-x);
  --component-feature-full-copy-block-radius: var(--general-radius-container);
  --component-feature-full-copy-container-padding-x: var(--layout-base-margin-x);
  --component-feature-full-copy-container-padding-y: var(--layout-base-margin-y);
  --component-feature-full-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-feature-full-decor-decor-accent: var(--componentTheme-content-grid-bg-decor-accent);
  --component-feature-full-decor-decor-match-primary-bg: var(--theme-primary-bg-bg);
  --component-feature-full-decor-icon-height: var(--icon-large-height);
  --component-feature-full-image-padding-left: var(--padding-none);
  --component-feature-full-image-padding-right: var(--padding-none);
  --component-feature-full-image-padding-x: var(--padding-none);
  --component-feature-full-image-padding-y: var(--padding-none);
  --component-feature-full-image-radius: var(--general-radius-none);
  --component-feature-split-color-bg: var(--componentTheme-feature-bg);
  --component-feature-split-color-body: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-color-button-size: base;
  --component-feature-split-color-cta-1-color: var(--componentTheme-feature-match-bg-cta-1-color);
  --component-feature-split-color-cta-2-color: var(--componentTheme-feature-match-bg-cta-2-color);
  --component-feature-split-color-eyebrow: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-color-fill: var(--componentTheme-feature-match-bg-fill);
  --component-feature-split-color-image-bg: var(--general-color-background-brand-1);
  --component-feature-split-color-subtitle: var(--componentTheme-feature-match-bg-text-secondary);
  --component-feature-split-color-surface: var(--componentTheme-feature-match-bg-surface);
  --component-feature-split-color-title: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-constrained-copy-desktop-max-width: 360px;
  --component-feature-split-constrained-copy-mobile-max-width: 767px;
  --component-feature-split-constrained-copy-padding-x: var(--padding-xlarge);
  --component-feature-split-constrained-copy-padding-y: var(--component-feature-split-constrained-copy-padding-x);
  --component-feature-split-constrained-copy-tablet-max-width: 816px;
  --component-feature-split-constrained-image-desktop-min-width: 560px;
  --component-feature-split-constrained-image-mobile-min-width: 560px;
  --component-feature-split-constrained-image-tablet-min-width: 560px;
  --component-feature-split-constrained-margin-left: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-constrained-margin-right: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-content-padding-x: var(--layout-full-margin-x);
  --component-feature-split-content-padding-y: var(--layout-full-margin-y);
  --component-feature-split-content-radius: var(--general-radius-container);
  --component-feature-split-copy-padding-x: var(--padding-large);
  --component-feature-split-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-feature-split-copy-radius: var(--general-radius-container);
  --component-feature-split-decor-bg-accent: var(--general-color-text-brand-3);
  --component-feature-split-decor-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-feature-split-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-feature-split-decor-icon-height: var(--icon-large-height);
  --component-feature-split-gutter: var(--margin-none);
  --component-feature-split-image-border: var(--color-grayscale-100);
  --component-feature-split-image-border-width: var(--spacing-spacing-0);
  --component-feature-split-image-image-ratio: "3:2";
  --component-feature-split-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-padding-x: var(--padding-none);
  --component-feature-split-image-padding-y: var(--component-feature-split-image-padding-x);
  --component-feature-split-image-radius: var(--general-radius-image);
  --component-feature-split-margin-x: var(--padding-large);
  --component-feature-split-margin-y: var(--padding-large);
  --component-filters-color-default-border: var(--general-color-border-darkest);
  --component-filters-color-default-label: var(--general-color-text-darkest);
  --component-filters-color-default-surface: var(--general-color-surface-white);
  --component-filters-color-focus-border: var(--general-color-border-brand-1);
  --component-filters-color-focus-label: var(--general-color-text-darkest);
  --component-filters-color-focus-surface: var(--general-color-surface-light);
  --component-filters-color-hover-border: var(--theme-brand-action);
  --component-filters-color-hover-label: var(--general-color-text-darkest);
  --component-filters-color-hover-surface: var(--general-color-surface-light);
  --component-filters-color-selected-border: var(--theme-brand-action);
  --component-filters-color-selected-icons: var(--general-color-background-white);
  --component-filters-color-selected-label: var(--general-color-text-darkest);
  --component-filters-color-selected-surface: var(--theme-brand-action);
  --component-filters-counter-surface: var(--general-color-background-darkest);
  --component-filters-counter-text: var(--general-color-text-white);
  --component-filters-padding-x: var(--padding-xxsmall);
  --component-filters-padding-y: var(--padding-xxsmall);
  --component-filters-radius: var(--radius-radius-2);
  --component-form-field-color-button-color-1: brand;
  --component-form-field-color-button-color-2: brand;
  --component-form-field-color-default-bg: var(--component-search-field-default-bg);
  --component-form-field-color-default-border: var(--color-grayscale-200);
  --component-form-field-color-descriptive-text: var(--general-color-text-darkest);
  --component-form-field-color-filled-border: var(--color-grayscale-800);
  --component-form-field-color-icon: var(--general-color-fill-darkest);
  --component-form-field-color-label: var(--general-color-text-darkest);
  --component-form-field-color-placeholder-text: var(--general-color-text-mid);
  --component-form-field-color-required-asterisk: var(--component-form-field-color-label);
  --component-form-field-color-surface: var(--general-color-surface-white);
  --component-hero-color-alternate-bg: var(--componentTheme-hero-bg);
  --component-hero-color-alternate-body: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-alternate-cta-1-color: var(--componentTheme-hero-match-bg-cta-1-color);
  --component-hero-color-alternate-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-alternate-eyebrow: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-alternate-fill: var(--componentTheme-hero-fill);
  --component-hero-color-alternate-surface: var(--componentTheme-hero-match-bg-surface);
  --component-hero-color-alternate-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-alternate-title: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-bg: var(--componentTheme-hero-bg);
  --component-hero-color-general-body: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-cta-1-color: var(--componentTheme-hero-match-bg-cta-1-color);
  --component-hero-color-general-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-general-decor: var(--theme-primary-bg-bg);
  --component-hero-color-general-decor-mobile: var(--component-hero-color-general-surface);
  --component-hero-color-general-eyebrow: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-fill: var(--componentTheme-hero-fill);
  --component-hero-color-general-surface: var(--componentTheme-hero-match-bg-surface);
  --component-hero-color-general-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-general-title: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-simple-bg: var(--general-color-background-white);
  --component-hero-color-simple-body: var(--theme-primary-bg-text-primary);
  --component-hero-color-simple-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-color-simple-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-color-simple-decor-accent: var(--general-color-background-white);
  --component-hero-color-simple-eyebrow: var(--theme-primary-bg-text-primary);
  --component-hero-color-simple-text-link: var(--theme-primary-bg-text-link);
  --component-hero-color-simple-title: var(--theme-primary-bg-text-primary);
  --component-hero-container-desktop-min-height: 500px;
  --component-hero-container-desktop-radius: var(--general-radius-container);
  --component-hero-container-gap: var(--layout-base-gutter);
  --component-hero-container-mobile-min-height: 560px;
  --component-hero-container-mobile-radius: var(--general-radius-none);
  --component-hero-container-padding-x: var(--spacing-general-margin-x);
  --component-hero-container-padding-y: var(--spacing-general-margin-y);
  --component-hero-container-radius: var(--general-radius-container);
  --component-hero-container-tablet-min-height: 432px;
  --component-hero-container-tablet-radius: var(--general-radius-none);
  --component-hero-copy-padding-x: var(--padding-large);
  --component-hero-copy-padding-y: var(--padding-large);
  --component-hero-copy-radius: var(--general-radius-container);
  --component-hero-copy-radius-bottom-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-bottom-right: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-right: var(--component-hero-copy-radius);
  --component-hero-copyBlock-padding-x: var(--padding-small);
  --component-hero-copyBlock-padding-y: var(--padding-medium);
  --component-hero-copyBlock-radius: var(--general-radius-container);
  --component-hero-copyBlock-radius-bottom-left: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-bottom-right: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-top-left: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-top-right: var(--component-hero-container-radius);
  --component-hero-decor-brand: var(--theme-brand-name);
  --component-hero-desktop-max-width: var(--screen-dimensions-max-width);
  --component-hero-image-a11y-image-background-blur: 10px;
  --component-hero-image-a11y-image-overlay-opacity: 0.9;
  --component-hero-image-desktop-radius: var(--radius-radius-0);
  --component-hero-image-mobile-radius: var(--general-radius-none);
  --component-hero-image-padding-top: var(--component-hero-image-padding-y);
  --component-hero-image-padding-x: var(--padding-none);
  --component-hero-image-padding-y: var(--padding-none);
  --component-hero-image-splitHero-radius: var(--radius-radius-0);
  --component-hero-mobile-max-width: 1000px;
  --component-hero-tablet-max-width: 1000px;
  --component-hero-typography-title: var(--typography-font-size-header-display);
  --component-hero-article-color-bg: var(--theme-primary-bg-bg);
  --component-hero-article-color-bg-accent: var(--general-color-text-brand-3);
  --component-hero-article-color-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-hero-article-color-body: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-color-category: var(--theme-primary-surface-match-bg-text-secondary);
  --component-hero-article-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-hero-article-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-hero-article-color-date: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-color-details: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-color-icon: var(--theme-primary-surface-match-bg-fill);
  --component-hero-article-color-image-bg: var(--general-color-background-dark);
  --component-hero-article-color-surface: var(--theme-primary-surface-match-bg-surface);
  --component-hero-article-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-content-padding-x: var(--layout-full-margin-x);
  --component-hero-article-content-padding-y: var(--layout-full-margin-y);
  --component-hero-article-content-radius: var(--general-radius-none);
  --component-hero-article-copy-category-margin-bottom: var(--spacing-general-eyebrow-margin-bottom);
  --component-hero-article-copy-padding-x: var(--spacing-general-margin-x);
  --component-hero-article-copy-padding-y: var(--padding-small);
  --component-hero-article-copy-radius: var(--general-radius-container);
  --component-hero-article-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-article-gutter: var(--spacing-general-gutter);
  --component-hero-article-image-image-ratio: "16:9";
  --component-hero-article-image-imageLeft-radius-bottom-left: var(--general-radius-none);
  --component-hero-article-image-imageLeft-radius-bottom-right: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-article-image-imageLeft-radius-top-left: var(--general-radius-none);
  --component-hero-article-image-imageLeft-radius-top-right: var(--general-radius-none);
  --component-hero-article-image-imageRight-radius-bottom-left: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-article-image-imageRight-radius-bottom-right: var(--general-radius-none);
  --component-hero-article-image-imageRight-radius-top-left: var(--general-radius-none);
  --component-hero-article-image-imageRight-radius-top-right: var(--general-radius-none);
  --component-hero-article-image-max-height-desktop: 1024px;
  --component-hero-article-image-max-height-mobile: 360px;
  --component-hero-article-image-max-height-tablet: 1024px;
  --component-hero-article-image-min-height-desktop: 370px;
  --component-hero-article-image-min-height-mobile: 180px;
  --component-hero-article-image-min-height-tablet: 392px;
  --component-hero-article-image-padding-x: var(--padding-none);
  --component-hero-article-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-hero-article-image-radius: var(--general-radius-image);
  --component-hero-article-margin-x: var(--padding-none);
  --component-hero-article-padding-y: var(--component-hero-article-margin-x);
  --component-hero-product-brand-decor: var(--component-site-header-main-bar-brand-logo);
  --component-hero-product-color-badge-color: brand;
  --component-hero-product-color-bg: var(--theme-primary-bg-bg);
  --component-hero-product-color-body: var(--theme-primary-bg-text-primary);
  --component-hero-product-color-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-product-color-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-product-color-decor: var(--component-pdp-product-content-color-bg);
  --component-hero-product-color-eyebrow: var(--theme-primary-bg-text-primary);
  --component-hero-product-color-icon: var(--theme-primary-bg-icon);
  --component-hero-product-color-image-bg: var(--general-color-background-dark);
  --component-hero-product-color-image-border: var(--general-color-border-light);
  --component-hero-product-color-image-surface: var(--general-color-surface-white);
  --component-hero-product-color-link: var(--theme-primary-bg-text-link-underline);
  --component-hero-product-color-ratings: var(--theme-aux-1-interactive-ratings-active);
  --component-hero-product-color-ratings-inactive: var(--theme-primary-interactive-ratings-inactive);
  --component-hero-product-color-subtitle: var(--theme-secondary-bg-text-primary);
  --component-hero-product-color-thumbnail-selected-border: var(--theme-brand-action);
  --component-hero-product-color-title: var(--theme-primary-bg-text-primary);
  --component-hero-product-content-padding-x: var(--layout-full-margin-x);
  --component-hero-product-content-padding-y: var(--layout-full-margin-y);
  --component-hero-product-content-radius: var(--general-radius-none);
  --component-hero-product-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-product-copy-padding-y: var(--component-hero-recipe-copy-padding-x);
  --component-hero-product-copy-radius: var(--general-radius-container);
  --component-hero-product-gutter: var(--layout-full-gutter);
  --component-hero-product-image-imageLeft-radius-bottom-left: var(--general-radius-none);
  --component-hero-product-image-imageLeft-radius-bottom-right: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-product-image-imageLeft-radius-top-left: var(--general-radius-none);
  --component-hero-product-image-imageLeft-radius-top-right: var(--general-radius-none);
  --component-hero-product-image-imageRight-radius-bottom-left: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-product-image-imageRight-radius-bottom-right: var(--general-radius-none);
  --component-hero-product-image-imageRight-radius-top-left: var(--general-radius-none);
  --component-hero-product-image-imageRight-radius-top-right: var(--general-radius-none);
  --component-hero-product-image-max-height-desktop: 640px;
  --component-hero-product-image-max-height-mobile: 320px;
  --component-hero-product-image-max-height-tablet: 1024px;
  --component-hero-product-image-padding-x: var(--padding-none);
  --component-hero-product-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-product-image-radius: var(--general-radius-image);
  --component-hero-product-margin-x: var(--padding-none);
  --component-hero-product-margin-y: var(--margin-none);
  --component-hero-recipe-color-badge-color: brand;
  --component-hero-recipe-color-bg: var(--theme-secondary-bg-bg);
  --component-hero-recipe-color-body: var(--theme-secondary-bg-text-secondary);
  --component-hero-recipe-color-cta-1-color: var(--theme-secondary-bg-cta-1-color);
  --component-hero-recipe-color-cta-2-color: var(--theme-secondary-bg-cta-2-color);
  --component-hero-recipe-color-eyebrow: var(--theme-secondary-bg-text-secondary);
  --component-hero-recipe-color-icon: var(--theme-secondary-bg-icon);
  --component-hero-recipe-color-image-bg: var(--general-color-background-dark);
  --component-hero-recipe-color-link: var(--theme-secondary-interactive-button-ghost-link);
  --component-hero-recipe-color-ratings: var(--theme-primary-interactive-ratings-active);
  --component-hero-recipe-color-ratings-inactive: var(--theme-secondary-interactive-ratings-inverse-inactive);
  --component-hero-recipe-color-subtitle: var(--theme-secondary-bg-text-secondary);
  --component-hero-recipe-color-title: var(--theme-secondary-bg-text-primary);
  --component-hero-recipe-content-padding-x: var(--layout-full-margin-x);
  --component-hero-recipe-content-padding-y: var(--layout-full-margin-y);
  --component-hero-recipe-content-radius: var(--general-radius-none);
  --component-hero-recipe-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-recipe-copy-padding-y: var(--component-hero-recipe-copy-padding-x);
  --component-hero-recipe-copy-radius: var(--general-radius-container);
  --component-hero-recipe-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-recipe-gutter: var(--spacing-general-gutter);
  --component-hero-recipe-image-imageLeft-radius-bottom-left: var(--general-radius-none);
  --component-hero-recipe-image-imageLeft-radius-bottom-right: var(--general-radius-none);
  --component-hero-recipe-image-imageLeft-radius-top-left: var(--general-radius-none);
  --component-hero-recipe-image-imageLeft-radius-top-right: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-bottom-left: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-bottom-right: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-top-left: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-top-right: var(--general-radius-none);
  --component-hero-recipe-image-max-height-desktop: 640px;
  --component-hero-recipe-image-max-height-mobile: 320px;
  --component-hero-recipe-image-max-height-tablet: 1024px;
  --component-hero-recipe-image-padding-x: var(--padding-none);
  --component-hero-recipe-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-recipe-image-radius: var(--general-radius-image);
  --component-hero-recipe-margin-x: var(--padding-none);
  --component-hero-recipe-padding-y: var(--component-hero-recipe-margin-x);
  --component-icon-content-large-desktop-height: 120px;
  --component-icon-content-large-desktop-width: 120px;
  --component-icon-content-large-mobile-height: 120px;
  --component-icon-content-large-mobile-width: 120px;
  --component-icon-content-large-tablet-height: 120px;
  --component-icon-content-large-tablet-width: 120px;
  --component-icon-content-small-desktop-height: 80px;
  --component-icon-content-small-desktop-width: 80px;
  --component-icon-content-small-mobile-height: 40px;
  --component-icon-content-small-mobile-width: 40px;
  --component-icon-content-small-tablet-height: 64px;
  --component-icon-content-small-tablet-width: 64px;
  --component-image-color-button-color-below-image: brand;
  --component-image-color-button-color-on-image: inverse;
  --component-image-standalone-image-max-width-desktop: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-mobile: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-tablet: var(--typography-copy-max-width);
  --component-listing-grid-color-bg: var(--theme-primary-bg-bg);
  --component-listing-grid-color-body: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-button-color-1: var(--theme-primary-bg-cta-1-color);
  --component-listing-grid-color-button-color-2: var(--theme-primary-bg-cta-2-color);
  --component-listing-grid-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-title: var(--theme-primary-bg-text-primary);
  --component-listing-grid-margin-x: var(--spacing-general-margin-x);
  --component-listing-grid-margin-y: var(--spacing-general-margin-y);
  --component-location-selector-color-default-body: var(--component-accordion-color-default-body);
  --component-location-selector-color-default-border: var(--component-accordion-color-default-border);
  --component-location-selector-color-default-icons: var(--component-accordion-color-default-icons);
  --component-location-selector-color-default-surface: var(--component-accordion-color-default-surface);
  --component-location-selector-color-default-title: var(--component-accordion-color-default-title);
  --component-location-selector-color-hover-body: var(--component-accordion-color-hover-body);
  --component-location-selector-color-hover-border: var(--component-accordion-color-hover-border);
  --component-location-selector-color-hover-icons: var(--component-accordion-color-hover-icons);
  --component-location-selector-color-hover-surface: var(--component-accordion-color-hover-surface);
  --component-location-selector-color-hover-title: var(--component-accordion-color-hover-title);
  --component-location-selector-item-border-bottom: 0px;
  --component-location-selector-item-border-left: 0px;
  --component-location-selector-item-border-right: 0px;
  --component-location-selector-item-border-top: 1px;
  --component-location-selector-padding-x: var(--component-accordion-padding-x);
  --component-location-selector-padding-y: var(--component-accordion-padding-y);
  --component-modal-color-body: var(--theme-primary-surface-match-bg-text-secondary);
  --component-modal-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-modal-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-modal-color-smokescreen: var(--component-dialog-color-smokescreen);
  --component-modal-color-surface: var(--general-color-surface-white);
  --component-modal-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-modal-content-padding-x: var(--padding-small);
  --component-modal-content-padding-y: var(--padding-small);
  --component-my-account-color-bg: var(--general-color-background-light);
  --component-my-account-color-bg-cta-color: var(--theme-primary-bg-cta-1-color);
  --component-my-account-color-body: var(--theme-primary-bg-text-secondary);
  --component-my-account-color-border: var(--component-my-account-color-surface);
  --component-my-account-color-header: var(--theme-primary-bg-text-primary);
  --component-my-account-color-line-break: var(--general-color-border-light);
  --component-my-account-color-sidebar-surface: var(--general-color-surface-brand-2);
  --component-my-account-color-sidebar-text: var(--general-color-text-white);
  --component-my-account-color-surface: var(--theme-primary-surface-match-bg-surface);
  --component-my-account-color-surface-cta-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-my-account-color-surface-highlight: var(--color-grayscale-100);
  --component-my-account-color-title: var(--theme-primary-bg-text-primary);
  --component-my-account-content-padding-x: var(--padding-medium);
  --component-my-account-content-padding-y: var(--padding-medium);
  --component-my-account-padding-x: var(--layout-compact-margin-x);
  --component-my-account-padding-y: var(--layout-compact-margin-y);
  --component-nav-dropdown-menu-border: var(--spacing-spacing-0);
  --component-nav-dropdown-menu-color-border: var(--general-color-border-white);
  --component-nav-dropdown-menu-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-focus-focus-border: var(--theme-brand-action);
  --component-nav-dropdown-menu-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-nav-dropdown-menu-color-button-hover-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-surface: var(--general-color-surface-white);
  --component-nav-dropdown-menu-lists-menu-bg-default: var(--general-color-background-white);
  --component-nav-dropdown-menu-lists-menu-bg-hover: var(--color-grayscale-100);
  --component-nav-dropdown-menu-lists-menu-focus-border: var(--general-color-text-darkest);
  --component-nav-dropdown-menu-lists-menu-max-width: 350px;
  --component-nav-dropdown-menu-lists-menu-min-height: 48px;
  --component-nav-dropdown-menu-lists-menu-min-width: 200px;
  --component-nav-dropdown-menu-lists-menu-text: var(--general-color-text-darkest);
  --component-nav-dropdown-menu-radius: var(--radius-radius-12);
  --component-newsletter-sign-up-color-bg: var(--component-content-grid-color-bg);
  --component-newsletter-sign-up-color-body: var(--componentTheme-surface-text-secondary);
  --component-newsletter-sign-up-color-cta-1-color: var(--componentTheme-surface-cta-1-color);
  --component-newsletter-sign-up-color-icon: var(--componentTheme-surface-icon);
  --component-newsletter-sign-up-color-image-bg: var(--general-color-background-dark);
  --component-newsletter-sign-up-color-surface: var(--componentTheme-surface-surface);
  --component-newsletter-sign-up-color-title: var(--componentTheme-surface-text-primary);
  --component-newsletter-sign-up-content-padding-x: var(--layout-full-margin-x);
  --component-newsletter-sign-up-content-padding-y: var(--layout-full-margin-y);
  --component-newsletter-sign-up-content-radius: var(--general-radius-container);
  --component-newsletter-sign-up-copy-padding-x: var(--padding-medium);
  --component-newsletter-sign-up-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-newsletter-sign-up-copy-radius: var(--general-radius-container);
  --component-newsletter-sign-up-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-newsletter-sign-up-gutter: var(--layout-full-gutter);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-left: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-right: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageLeft-radius-top-left: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageLeft-radius-top-right: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-left: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-right: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-left: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-right: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-max-height-desktop: 1024px;
  --component-newsletter-sign-up-image-max-height-mobile: 360px;
  --component-newsletter-sign-up-image-max-height-tablet: 1024px;
  --component-newsletter-sign-up-image-min-height-desktop: 370px;
  --component-newsletter-sign-up-image-min-height-mobile: 180px;
  --component-newsletter-sign-up-image-min-height-tablet: 392px;
  --component-newsletter-sign-up-image-padding-x: var(--padding-small);
  --component-newsletter-sign-up-image-padding-y: var(--component-newsletter-sign-up-image-padding-x);
  --component-newsletter-sign-up-image-radius: var(--general-radius-image);
  --component-newsletter-sign-up-margin-x: var(--spacing-general-margin-x);
  --component-newsletter-sign-up-margin-y: var(--spacing-general-margin-y);
  --component-pagination-color-disabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-disabled-icon: var(--interactiveTheme-ratings-inactive);
  --component-pagination-color-disabled-text: var(--interactiveTheme-ratings-inactive);
  --component-pagination-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-focus-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-pagination-color-focus-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-hover-bg: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-pagination-color-hover-text: var(--interactiveTheme-button-brand-action-alternate);
  --component-pagination-color-link-underline: var(--general-color-fill-brand-1);
  --component-pagination-color-pressed-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-pressed-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-selected-bg: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-selected-border: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-selected-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-pagination-radius: var(--radius-radius-rounded);
  --component-pagination-size-base-border: var(--spacing-spacing-2);
  --component-pagination-size-base-padding-left: var(--spacing-spacing-16);
  --component-pagination-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-pagination-size-base-padding-y: var(--spacing-spacing-8);
  --component-pagination-size-base-space-between: var(--spacing-spacing-8);
  --component-pagination-size-small-border: var(--spacing-spacing-4);
  --component-pagination-size-small-gap: var(--spacing-spacing-8);
  --component-pagination-size-small-padding-left: var(--spacing-spacing-12);
  --component-pagination-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-pagination-size-small-padding-y: var(--spacing-spacing-8);
  --component-pdp-product-content-color-bg: var(--theme-secondary-bg-bg);
  --component-pdp-product-content-color-body: var(--theme-secondary-bg-text-secondary);
  --component-pdp-product-content-color-icon: var(--general-color-fill-brand-2);
  --component-pdp-product-content-color-image-bg: var(--general-color-background-dark);
  --component-pdp-product-content-color-surface: var(--general-color-surface-white);
  --component-pdp-product-content-color-surface-border: var(--general-color-border-light);
  --component-pdp-product-content-color-title: var(--theme-secondary-bg-text-primary);
  --component-pdp-product-content-gutter: var(--spacing-general-gutter);
  --component-pdp-product-content-margin-x: var(--spacing-general-margin-x);
  --component-pdp-product-content-margin-y: var(--layout-compact-margin-y);
  --component-print-image-print-logo-invert: 0;
  --component-recipe-description-copy-max-width-desktop: 804px;
  --component-recipe-description-copy-max-width-mobile: var(--typography-copy-max-width);
  --component-recipe-description-copy-max-width-tablet: var(--typography-copy-max-width);
  --component-recipe-header-brand: var(--theme-brand-name);
  --component-recipe-header-color-bg: var(--theme-aux-2-bg-bg);
  --component-recipe-header-color-body: var(--theme-aux-1-surface-match-bg-text-secondary);
  --component-recipe-header-color-cta-1-color: var(--theme-aux-1-surface-match-bg-cta-1-color);
  --component-recipe-header-color-eyebrow: var(--theme-aux-1-surface-match-bg-text-secondary);
  --component-recipe-header-color-icon: var(--theme-aux-1-surface-match-bg-icon);
  --component-recipe-header-color-image-bg: var(--general-color-background-dark);
  --component-recipe-header-color-link: var(--theme-aux-1-interactive-button-ghost-inverse-link);
  --component-recipe-header-color-ratings: var(--theme-aux-1-interactive-ratings-inverse-active);
  --component-recipe-header-color-ratings-inactive: var(--theme-aux-1-interactive-ratings-inverse-inactive);
  --component-recipe-header-color-subtitle: var(--theme-aux-1-surface-match-bg-text-secondary);
  --component-recipe-header-color-surface: var(--theme-aux-2-bg-bg);
  --component-recipe-header-color-title: var(--theme-aux-1-surface-match-bg-text-primary);
  --component-recipe-header-content-padding-x: var(--padding-none);
  --component-recipe-header-content-padding-y: var(--padding-none);
  --component-recipe-header-content-radius: var(--general-radius-container);
  --component-recipe-header-copy-padding-x: var(--padding-none);
  --component-recipe-header-copy-padding-y: var(--padding-none);
  --component-recipe-header-padding-x: var(--spacing-general-margin-x);
  --component-recipe-header-padding-y: var(--layout-compact-margin-y);
  --component-recipe-instructions-card-max-width-mobile: 240px;
  --component-recipe-instructions-color-border: var(--component-recipe-instructions-color-surface);
  --component-recipe-instructions-color-surface: var(--general-color-background-light);
  --component-recipe-instructions-gutter: var(--space-between-xlarge);
  --component-recipe-instructions-padding-x: var(--padding-none);
  --component-recipe-instructions-padding-y: var(--component-hero-recipe-margin-x);
  --component-recipe-made-with-color-button-color: brand;
  --component-recipe-made-with-color-ratings: var(--theme-primary-interactive-ratings-inverse-active);
  --component-recipe-made-with-color-ratings-inactive: var(--theme-primary-interactive-ratings-inverse-inactive);
  --component-recipe-nutrition-card-max-width-mobile: 240px;
  --component-recipe-nutrition-color-bg: var(--general-color-background-light);
  --component-recipe-nutrition-color-body: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-eyebrow: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-fill: var(--componentTheme-feature-match-bg-fill);
  --component-recipe-nutrition-color-subtitle: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-title: var(--componentTheme-feature-match-bg-text-primary);
  --component-recipe-nutrition-content-padding-x: var(--spacing-general-margin-x);
  --component-recipe-nutrition-content-padding-y: var(--layout-base-margin-y);
  --component-recipe-nutrition-content-radius: var(--general-radius-container);
  --component-recipe-nutrition-gutter: var(--space-between-xlarge);
  --component-recipe-nutrition-padding-x: var(--padding-none);
  --component-recipe-nutrition-padding-y: var(--component-hero-recipe-margin-x);
  --component-related-content-color-bg: var(--component-content-grid-color-bg);
  --component-related-content-color-body: var(--component-content-grid-color-body);
  --component-related-content-color-button-color-1: var(--component-content-grid-color-button-color-1);
  --component-related-content-color-button-color-2: var(--component-content-grid-color-button-color-2);
  --component-related-content-color-subtitle: var(--component-content-grid-color-subtitle);
  --component-related-content-color-title: var(--component-content-grid-color-title);
  --component-search-field-active-bg: var(--general-color-background-white);
  --component-search-field-active-border: var(--general-color-border-brand-2);
  --component-search-field-active-icon: var(--general-color-fill-brand-2);
  --component-search-field-active-search-text: var(--general-color-text-darkest);
  --component-search-field-default-bg: var(--general-color-background-white);
  --component-search-field-default-border: var(--general-color-border-white);
  --component-search-field-default-icon: var(--color-primary-color-1-900);
  --component-search-field-default-search-text: var(--general-color-text-darkest);
  --component-search-field-dropdown-active-radius: 56px;
  --component-search-field-dropdown-bg-default: var(--component-search-field-default-bg);
  --component-search-field-dropdown-bg-hover: var(--theme-secondary-bg-bg);
  --component-search-field-dropdown-border: var(--theme-primary-surface-border-focus);
  --component-search-field-dropdown-border-focus: 2px;
  --component-search-field-dropdown-focus-border: var(--theme-primary-surface-border-focus);
  --component-search-field-dropdown-focus-radius: 12px;
  --component-search-field-hover-bg: var(--general-color-background-white);
  --component-search-field-hover-border: var(--general-color-border-brand-2);
  --component-search-field-hover-icon: var(--general-color-fill-brand-2);
  --component-search-field-hover-search-text: var(--general-color-text-darkest);
  --component-site-footer-bottom-bar-bg: var(--color-primary-color-1-300);
  --component-site-footer-bottom-bar-cta-2-color: inverse;
  --component-site-footer-bottom-bar-icons: var(--general-color-fill-dark);
  --component-site-footer-bottom-bar-link: var(--general-color-text-dark);
  --component-site-footer-bottom-bar-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-bottom-bar-padding-y: var(--padding-xsmall);
  --component-site-footer-footer-links-bg: var(--general-color-background-brand-2);
  --component-site-footer-footer-links-border: var(--general-color-border-mid);
  --component-site-footer-footer-links-column-label: var(--general-color-text-dark);
  --component-site-footer-footer-links-cta-1-color: Inverse;
  --component-site-footer-footer-links-footer-logo: var(--theme-brand-name);
  --component-site-footer-footer-links-gap-icon: var(--spacing-spacing-4);
  --component-site-footer-footer-links-icons: var(--general-color-fill-dark);
  --component-site-footer-footer-links-link: var(--general-color-text-dark);
  --component-site-footer-footer-links-link-underline: var(--general-color-border-dark);
  --component-site-footer-footer-links-logo-height-large: 88px;
  --component-site-footer-footer-links-logo-height-small: 40px;
  --component-site-footer-footer-links-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-footer-links-padding-y: var(--padding-medium);
  --component-site-footer-footer-links-text: var(--general-color-text-dark);
  --component-site-footer-gap-links: var(--space-between-medium);
  --component-site-footer-space-between: var(--space-between-xsmall);
  --component-site-header-color-main-bar-desktop-bg: var(--general-color-background-brand-2);
  --component-site-header-color-main-bar-desktop-bottom-border: var(--general-color-border-brand-3);
  --component-site-header-color-main-bar-desktop-icons: var(--general-color-fill-white);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-desktop-link-link-enabled);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-desktop-link-link-enabled: var(--general-color-text-dark);
  --component-site-header-color-main-bar-desktop-link-link-hover: var(--general-color-text-brand-1);
  --component-site-header-color-main-bar-desktop-link-link-underline: var(--general-color-border-brand-3);
  --component-site-header-color-main-bar-desktop-logo: var(--general-color-fill-white);
  --component-site-header-color-main-bar-mobile-bg: var(--general-color-background-white);
  --component-site-header-color-main-bar-mobile-bottom-border: var(--color-primary-color-2-100);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-mobile-link-link-enabled);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-mobile-link-link-enabled: var(--general-color-text-darkest);
  --component-site-header-color-main-bar-mobile-link-link-hover: var(--general-color-text-dark);
  --component-site-header-color-main-bar-mobile-link-link-underline: var(--general-color-border-brand-2);
  --component-site-header-color-mega-menu-menu-bg: var(--general-color-background-white);
  --component-site-header-color-mega-menu-menu-bottom-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-header-color-mega-menu-menu-item-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-hover-text: var(--general-color-text-brand-1);
  --component-site-header-color-mega-menu-menu-item-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-left-border-items: var(--general-color-border-brand-1);
  --component-site-header-color-mega-menu-menu-paragraph-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-side-bar-bg: var(--general-color-surface-brand-2);
  --component-site-header-color-mega-menu-menu-side-bar-title: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-active-icon: var(--component-site-header-color-mega-menu-menu-title-active-text);
  --component-site-header-color-mega-menu-menu-title-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-enabled-icon: var(--component-site-header-color-mega-menu-menu-title-enabled-text);
  --component-site-header-color-mega-menu-menu-title-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-hover-bg: var(--component-site-header-color-mega-menu-menu-bg);
  --component-site-header-color-mega-menu-menu-title-hover-icon: var(--component-site-header-color-mega-menu-menu-title-hover-text);
  --component-site-header-color-mega-menu-menu-title-hover-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-pressed-icon: var(--component-site-header-color-mega-menu-menu-title-pressed-text);
  --component-site-header-color-mega-menu-menu-title-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-enabled-bg: var(--general-color-fill-white);
  --component-site-header-color-search-tag-enabled-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-header-color-search-tag-enabled-icons: var(--general-color-fill-brand-2);
  --component-site-header-color-search-tag-enabled-link: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-hover-bg: var(--general-color-fill-light);
  --component-site-header-color-search-tag-hover-border: var(--general-color-border-brand-1);
  --component-site-header-color-search-tag-hover-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-search-tag-hover-link: var(--general-color-text-brand-1);
  --component-site-header-color-secondary-bar-bg: var(--color-primary-color-1-500);
  --component-site-header-color-secondary-bar-on-bar-enabled-bg: #ffffff00;
  --component-site-header-color-secondary-bar-on-bar-enabled-link: var(--general-color-text-darkest);
  --component-site-header-color-secondary-bar-on-bar-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-bar-enabled-link);
  --component-site-header-color-secondary-bar-on-bar-hover-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-hover-link-icons: var(--component-site-header-color-secondary-bar-on-bar-hover-link);
  --component-site-header-color-secondary-bar-on-bar-pressed-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-bar-pressed-link);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link: var(--component-site-header-color-mega-menu-menu-item-enabled-text);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-enabled-link);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link: var(--component-site-header-color-mega-menu-menu-item-hover-text);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-hover-link);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link: var(--component-site-header-color-mega-menu-menu-item-pressed-text);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-pressed-link);
  --component-site-header-color-utility-bar-bg: var(--color-primary-color-1-100);
  --component-site-header-color-utility-bar-bottom-border: var(--component-site-header-color-utility-bar-bg);
  --component-site-header-color-utility-bar-button-color-1: brand;
  --component-site-header-color-utility-bar-button-color-2: brand;
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-enabled: var(--general-color-text-dark);
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-hover: var(--general-color-text-dark);
  --component-site-header-color-utility-bar-desktop-link-link-enabled: var(--general-color-text-dark);
  --component-site-header-color-utility-bar-desktop-link-link-hover: var(--general-color-text-dark);
  --component-site-header-color-utility-bar-desktop-link-link-underline: var(--general-color-text-dark);
  --component-site-header-color-utility-bar-favorites-button-bg: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-bg-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-bg-pressed: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-border: var(--general-color-border-mid);
  --component-site-header-color-utility-bar-favorites-button-border-hover: var(--general-color-border-mid);
  --component-site-header-color-utility-bar-favorites-button-focus: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-heart-fill: var(--general-color-background-brand-4);
  --component-site-header-color-utility-bar-favorites-button-heart-fill-hover: var(--general-color-background-brand-4);
  --component-site-header-color-utility-bar-favorites-button-text: var(--general-color-text-darkest);
  --component-site-header-color-utility-bar-favorites-button-text-hover: var(--general-color-text-darkest);
  --component-site-header-color-utility-bar-icon: var(--general-color-fill-dark);
  --component-site-header-color-utility-bar-logo: var(--general-color-fill-dark);
  --component-site-header-main-bar-bottom-border: var(--spacing-spacing-0);
  --component-site-header-main-bar-gap-links: var(--space-between-medium);
  --component-site-header-main-bar-link-bottom-underline-border: 2px;
  --component-site-header-main-bar-logo-height-large: 62px;
  --component-site-header-main-bar-logo-height-small: 48px;
  --component-site-header-main-bar-logo-margin-right: var(--margin-xsmall);
  --component-site-header-main-bar-logo-width-large: 204px;
  --component-site-header-main-bar-logo-width-small: 158px;
  --component-site-header-main-bar-main-bar-inset: var(--padding-none);
  --component-site-header-main-bar-radius: var(--general-radius-none);
  --component-site-header-mega-menu-menu-item-min-width-: 120px;
  --component-site-header-mega-menu-menu-item-radius: var(--component-cta-radius);
  --component-site-header-padding-x: var(--padding-small);
  --component-site-header-padding-y: var(--padding-xsmall);
  --component-site-header-site-header-simple-search-bar-max-width-desktop: 400px;
  --component-site-header-utility-bar-margin-bottom: var(--spacing-spacing-0);
  --component-skip-to-content-theme-border-size: var(--spacing-spacing-2);
  --component-skip-to-content-theme-primary-bg: var(--general-color-background-brand-2);
  --component-skip-to-content-theme-primary-border: var(--general-color-border-white);
  --component-skip-to-content-theme-primary-link-underline: var(--component-skip-to-content-theme-primary-text);
  --component-skip-to-content-theme-primary-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-skip-to-content-theme-secondary-bg: var(--theme-secondary-bg-bg);
  --component-skip-to-content-theme-secondary-border: var(--component-skip-to-content-theme-primary-bg);
  --component-skip-to-content-theme-secondary-link-underline: var(--theme-secondary-bg-text-link-underline);
  --component-skip-to-content-theme-secondary-text: var(--theme-secondary-bg-text-link-underline);
  --component-social-bar-color-bg: var(--general-color-background-white);
  --component-social-bar-color-focus: var(--general-color-background-white);
  --component-social-bar-margin-x: var(--spacing-general-margin-x);
  --component-social-bar-margin-y: var(--spacing-general-margin-y);
  --component-static-icon-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-color-on-surface-image-border: var(--color-grayscale-black);
  --component-static-icon-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-static-icon-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-static-icon-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-static-icon-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-static-icon-base-column-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-focus: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-hover: var(--spacing-spacing-4);
  --component-static-icon-base-column-label-margin: var(--spacing-spacing-0);
  --component-static-icon-base-column-min-height: 280px;
  --component-static-icon-base-column-padding-x: var(--padding-none);
  --component-static-icon-base-column-padding-y: var(--padding-none);
  --component-static-icon-base-column-width-column-width-large: 550px;
  --component-static-icon-base-column-width-column-width-medium: 480px;
  --component-static-icon-base-column-width-column-width-small: 320px;
  --component-static-icon-base-copy-padding-x: var(--padding-xsmall);
  --component-static-icon-base-copy-padding-y: var(--padding-xsmall);
  --component-static-icon-base-icon-icon-height-large: 300px;
  --component-static-icon-base-icon-icon-height-medium: 200px;
  --component-static-icon-base-icon-icon-height-small: 120px;
  --component-static-icon-base-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-image-border: var(--color-grayscale-black);
  --component-static-icon-base-image-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-image-icon-image-ratio: "1:1";
  --component-static-icon-base-image-image-ratio: "3:2";
  --component-static-icon-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-static-icon-base-image-padding-x: var(--padding-none);
  --component-static-icon-base-image-radius: var(--general-radius-image);
  --component-table-color-table-row-bg-alt: var(--general-color-surface-light);
  --component-table-color-table-row-bg-header: var(--general-color-surface-light);
  --component-tabs-color-tab-border-active-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-focus-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-hover-border: var(--theme-brand-action-hover);
  --component-tabs-color-tab-border-inactive-border: var(--general-color-border-mid);
  --component-tabs-color-tab-border-pressed-border: var(--theme-brand-action-hover);
  --component-tag-interactive-border: var(--spacing-spacing-1);
  --component-tag-interactive-color-brand-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-cta-link-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-cta-link-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-tag-interactive-color-brand-cta-link-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-cta-link-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-tag-interactive-color-brand-cta-link-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-tag-interactive-color-brand-cta-link-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-tag-interactive-color-brand-cta-link-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-tag-interactive-color-brand-cta-link-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-interactive-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-tag-interactive-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-tag-interactive-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-tag-interactive-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-tag-interactive-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-tag-interactive-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-kitchen-tested-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-kitchen-tested-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-kitchen-tested-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-kitchen-tested-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-kitchen-tested-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-inverse-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-cta-link-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-tag-interactive-color-inverse-cta-link-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-cta-link-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-tag-interactive-color-inverse-cta-link-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-enabled-text: var(--theme-primary-interactive-button-brand-action);
  --component-tag-interactive-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-tag-interactive-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-tag-interactive-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-brand-action-hover);
  --component-tag-interactive-color-inverse-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-tag-interactive-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-tag-interactive-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-tag-interactive-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-inverse-outline-enabled-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-tag-interactive-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-tag-interactive-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-tag-interactive-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-inverse-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-color-inverse-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-tag-interactive-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-tag-interactive-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-tag-interactive-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-radius-bottom-left: var(--general-radius-tag);
  --component-tag-interactive-radius-bottom-right: var(--general-radius-tag);
  --component-tag-interactive-radius-top-left: var(--general-radius-tag);
  --component-tag-interactive-radius-top-right: var(--general-radius-tag);
  --component-tag-static-border-width: 1px;
  --component-tag-static-color-fill-A-bg: var(--general-color-fill-brand-1);
  --component-tag-static-color-fill-A-border: var(--component-tag-static-color-fill-A-bg);
  --component-tag-static-color-fill-A-icon: var(--general-color-fill-dark);
  --component-tag-static-color-fill-A-text: var(--general-color-text-dark);
  --component-tag-static-color-fill-B-bg: var(--general-color-fill-brand-2);
  --component-tag-static-color-fill-B-border: var(--component-tag-static-color-fill-B-bg);
  --component-tag-static-color-fill-B-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-B-text: var(--general-color-text-white);
  --component-tag-static-color-fill-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-static-color-fill-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-static-color-fill-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-color-outline-A-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-A-border: var(--general-color-border-brand-1);
  --component-tag-static-color-outline-A-icon: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-A-text: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-B-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-B-border: var(--general-color-border-dark);
  --component-tag-static-color-outline-B-icon: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-B-text: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-bg: #2e6be500;
  --component-tag-static-color-outline-border: var(--theme-brand-action);
  --component-tag-static-color-outline-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-outline-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-color-text-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-text-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-inset: var(--spacing-spacing-24);
  --component-tag-static-radius-bottom-left: var(--general-radius-tag);
  --component-tag-static-radius-bottom-right: var(--general-radius-tag);
  --component-tag-static-radius-top-left: var(--general-radius-tag);
  --component-tag-static-radius-top-right: var(--general-radius-tag);
  --component-vertical-video-asset-default-height: 120px;
  --component-vertical-video-asset-default-width: 120px;
  --component-vertical-video-asset-hover-height: 112px;
  --component-vertical-video-asset-hover-width: 112px;
  --component-vertical-video-border-width: 0px;
  --component-vertical-video-color-bg: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-border-focus: var(--component-category-color-category-enabled);
  --component-vertical-video-color-category-enabled: var(--component-content-grid-color-body);
  --component-vertical-video-color-category-hover: var(--component-content-grid-color-body);
  --component-vertical-video-color-fill: var(--componentTheme-content-grid-fill);
  --component-vertical-video-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-surface: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-title: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-gutter: var(--spacing-general-gutter);
  --component-vertical-video-padding-x: var(--spacing-general-margin-x);
  --component-vertical-video-padding-y: var(--spacing-general-margin-y);
  --component-video-margin-x: var(--spacing-general-margin-x);
  --component-video-margin-y: var(--spacing-general-margin-y);
  --component-video-standalone-video-max-width-desktop: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-mobile: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-tablet: var(--typography-copy-max-width);
  --general-color-background-brand-1: var(--color-primary-color-2-100);
  --general-color-background-brand-2: var(--color-primary-color-1-500);
  --general-color-background-brand-3: var(--color-primary-color-2-500);
  --general-color-background-brand-4: var(--color-primary-color-2-700);
  --general-color-background-dark: var(--color-primary-color-1-700);
  --general-color-background-darkest: var(--color-primary-color-1-900);
  --general-color-background-light: var(--color-primary-color-1-100);
  --general-color-background-white: var(--color-grayscale-white);
  --general-color-border-brand-1: var(--color-grayscale-400);
  --general-color-border-brand-2: var(--color-primary-color-2-100);
  --general-color-border-brand-3: var(--color-primary-color-1-700);
  --general-color-border-dark: var(--color-grayscale-700);
  --general-color-border-darkest: var(--color-grayscale-800);
  --general-color-border-light: var(--color-grayscale-300);
  --general-color-border-mid: var(--color-grayscale-400);
  --general-color-border-white: var(--color-grayscale-white);
  --general-color-fill-brand-1: var(--color-primary-color-1-300);
  --general-color-fill-brand-2: var(--color-primary-color-1-900);
  --general-color-fill-brand-3: var(--color-primary-color-2-500);
  --general-color-fill-dark: var(--color-primary-color-1-700);
  --general-color-fill-darkest: var(--color-primary-color-1-900);
  --general-color-fill-light: var(--color-primary-color-2-100);
  --general-color-fill-mid: var(--color-grayscale-200);
  --general-color-fill-white: var(--color-grayscale-white);
  --general-color-surface-brand-1: var(--color-primary-color-1-500);
  --general-color-surface-brand-2: var(--color-primary-color-1-100);
  --general-color-surface-brand-3: var(--color-primary-color-2-500);
  --general-color-surface-dark: var(--color-primary-color-1-700);
  --general-color-surface-darkest: var(--color-primary-color-1-900);
  --general-color-surface-light: var(--color-primary-color-2-100);
  --general-color-surface-white: var(--color-grayscale-white);
  --general-color-text-brand-1: var(--color-primary-color-1-900);
  --general-color-text-brand-2: var(--color-primary-color-1-500);
  --general-color-text-brand-3: var(--color-primary-color-2-700);
  --general-color-text-dark: var(--color-grayscale-700);
  --general-color-text-darkest: var(--color-grayscale-900);
  --general-color-text-light: var(--color-primary-color-2-100);
  --general-color-text-mid: var(--color-grayscale-400);
  --general-color-text-white: var(--color-grayscale-white);
  --general-drop-shadow-blur: 30px;
  --general-drop-shadow-color: #000000;
  --general-drop-shadow-sub-menu-blur: 12px;
  --general-drop-shadow-sub-menu-color: #00000014;
  --general-drop-shadow-sub-menu-y-value: 2px;
  --general-radius-accordion: var(--radius-radius-24);
  --general-radius-base: var(--radius-radius-24);
  --general-radius-card: var(--radius-radius-24);
  --general-radius-card-focus: var(--radius-radius-24);
  --general-radius-container: var(--general-radius-base);
  --general-radius-container-l2: var(--radius-radius-0);
  --general-radius-dialog: var(--radius-radius-24);
  --general-radius-focus: 0px;
  --general-radius-image: var(--radius-radius-24);
  --general-radius-label: var(--radius-radius-rounded);
  --general-radius-modal: var(--general-radius-base);
  --general-radius-none: var(--radius-radius-0);
  --general-radius-tag: var(--radius-radius-12);
  --spacing-columns-desktop-full-max-width: var(--global-columns-base-desktop-full-max-width);
  --spacing-columns-desktop-full-min-width: var(--global-columns-base-desktop-full-min-width);
  --spacing-columns-desktop-half-max-width: var(--global-columns-base-desktop-half-max-width);
  --spacing-columns-desktop-half-min-width: var(--global-columns-base-desktop-half-min-width);
  --spacing-columns-desktop-one-fourth-max-width: var(--global-columns-base-desktop-oneFourth-max-width);
  --spacing-columns-desktop-one-fourth-min-width: var(--global-columns-base-desktop-oneFourth-min-width);
  --spacing-columns-desktop-one-third-max-width: var(--global-columns-base-desktop-oneThird-max-width);
  --spacing-columns-desktop-one-third-min-width: var(--global-columns-base-desktop-oneThird-min-width);
  --spacing-columns-desktop-three-fourth-max-width: var(--global-columns-base-desktop-three-fourth-max-width);
  --spacing-columns-desktop-three-fourth-min-width: var(--global-columns-base-desktop-three-fourth-min-width);
  --spacing-columns-mobile-full-max-width: var(--global-columns-base-mobile-full-max-width);
  --spacing-columns-mobile-full-min-width: var(--global-columns-base-mobile-full-min-width);
  --spacing-columns-mobile-half-max-width: var(--global-columns-base-mobile-half-max-width);
  --spacing-columns-mobile-half-min-width: var(--global-columns-base-mobile-half-min-width);
  --spacing-columns-mobile-one-fourth-max-width: var(--global-columns-base-mobile-oneFourth-max-width);
  --spacing-columns-mobile-one-third-max-width: var(--global-columns-base-mobile-oneThird-max-width);
  --spacing-columns-mobile-one-third-min-width: var(--global-columns-base-mobile-oneThird-min-width);
  --spacing-columns-mobile-oneFourth-min-width: var(--global-columns-base-mobile-oneFourth-min-width);
  --spacing-columns-mobile-three-fourth-max-width: var(--global-columns-base-mobile-three-fourth-max-width);
  --spacing-columns-mobile-three-fourth-min-width: var(--global-columns-base-mobile-three-fourth-min-width);
  --spacing-columns-tablet-full-max-width: var(--global-columns-base-tablet-full-max-width);
  --spacing-columns-tablet-full-min-width: var(--global-columns-base-tablet-full-min-width);
  --spacing-columns-tablet-half-max-width: var(--global-columns-base-tablet-half-max-width);
  --spacing-columns-tablet-half-min-width: var(--global-columns-base-tablet-half-min-width);
  --spacing-columns-tablet-one-fourth-max-width: var(--global-columns-base-tablet-oneFourth-max-width);
  --spacing-columns-tablet-one-fourth-min-width: var(--global-columns-base-tablet-oneFourth-min-width);
  --spacing-columns-tablet-one-third-max-width: var(--global-columns-base-tablet-oneThird-max-width);
  --spacing-columns-tablet-one-third-min-width: var(--global-columns-base-tablet-oneThird-min-width);
  --spacing-columns-tablet-three-fourth-max-width: var(--global-columns-base-tablet-three-fourth-max-width);
  --spacing-columns-tablet-three-fourth-min-width: var(--global-columns-base-tablet-three-fourth-min-width);
  --spacing-general-buttons-space-between: var(--space-between-small);
  --spacing-general-container-padding-x: var(--layout-full-margin-x);
  --spacing-general-container-padding-y: var(--layout-full-margin-y);
  --spacing-general-copy-margin-bottom: var(--margin-none);
  --spacing-general-cta-margin-top: var(--margin-small);
  --spacing-general-eyebrow-margin-bottom: var(--margin-xsmall);
  --spacing-general-favicon-dimensions: var(--spacing-spacing-32);
  --spacing-general-gutter: var(--layout-base-gutter);
  --spacing-general-icon-margin-bottom: var(--margin-medium);
  --spacing-general-image-padding: var(--padding-none);
  --spacing-general-margin-related-y: var(--spacing-spacing-16);
  --spacing-general-margin-x: var(--layout-base-margin-x);
  --spacing-general-margin-y: var(--layout-base-margin-y);
  --spacing-general-subtitle-margin-top: var(--margin-xxsmall);
  --spacing-general-title-margin-bottom: var(--margin-xsmall);
  --spacing-general-top-title-margin-bottom: var(--margin-small);
  --theme-aux-1-bg-bg: var(--general-color-background-brand-2);
  --theme-aux-1-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-1-bg-cta-1-color: brand;
  --theme-aux-1-bg-cta-2-color: brand;
  --theme-aux-1-bg-icon: var(--general-color-fill-dark);
  --theme-aux-1-bg-text-hover: var(--theme-brand-action);
  --theme-aux-1-bg-text-link: var(--theme-brand-action);
  --theme-aux-1-bg-text-link-underline: var(--theme-brand-action);
  --theme-aux-1-bg-text-primary: var(--general-color-text-dark);
  --theme-aux-1-bg-text-secondary: var(--general-color-text-dark);
  --theme-aux-1-interactive-action-bar-button-border: var(--general-color-border-darkest);
  --theme-aux-1-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-1-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-1-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-1-interactive-button-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-aux-1-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-inverse-link: var(--theme-brand-action);
  --theme-aux-1-interactive-button-ghost-inverse-link-underline: var(--theme-brand-action);
  --theme-aux-1-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-ratings-active: var(--general-color-fill-dark);
  --theme-aux-1-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-1-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-surface-focus: var(--theme-aux-1-surface-surface);
  --theme-aux-1-interactive-surface-hover: var(--general-color-surface-white);
  --theme-aux-1-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-1-surface-border: var(--general-color-border-brand-2);
  --theme-aux-1-surface-border-focus: var(--general-color-border-white);
  --theme-aux-1-surface-border-hover: var(--general-color-border-brand-2);
  --theme-aux-1-surface-cta-1-color: brand;
  --theme-aux-1-surface-cta-2-color: brand;
  --theme-aux-1-surface-icon: var(--general-color-fill-brand-2);
  --theme-aux-1-surface-match-bg-border: var(--general-color-border-white);
  --theme-aux-1-surface-match-bg-cta-1-color: brand;
  --theme-aux-1-surface-match-bg-cta-2-color: brand;
  --theme-aux-1-surface-match-bg-icon: var(--theme-aux-1-bg-text-hover);
  --theme-aux-1-surface-match-bg-surface: var(--theme-aux-1-bg-bg);
  --theme-aux-1-surface-match-bg-text-hover: var(--theme-aux-1-bg-text-link);
  --theme-aux-1-surface-match-bg-text-primary: var(--theme-aux-1-bg-text-primary);
  --theme-aux-1-surface-match-bg-text-secondary: var(--theme-aux-1-bg-text-secondary);
  --theme-aux-1-surface-surface: var(--general-color-background-white);
  --theme-aux-1-surface-text-hover: var(--theme-brand-action);
  --theme-aux-1-surface-text-link: var(--theme-brand-action-alternate);
  --theme-aux-1-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-1-surface-text-primary: var(--general-color-text-darkest);
  --theme-aux-1-surface-text-secondary: var(--general-color-text-darkest);
  --theme-aux-2-bg-bg: var(--general-color-background-brand-1);
  --theme-aux-2-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-2-bg-border: var(--general-color-border-dark);
  --theme-aux-2-bg-cta-1-color: brand;
  --theme-aux-2-bg-cta-2-color: brand;
  --theme-aux-2-bg-icon: var(--general-color-fill-dark);
  --theme-aux-2-bg-text-hover: var(--theme-brand-action-alternate-inverse);
  --theme-aux-2-bg-text-link: var(--theme-brand-action-alternate);
  --theme-aux-2-bg-text-link-underline: var(--theme-link-underline);
  --theme-aux-2-bg-text-primary: var(--general-color-text-darkest);
  --theme-aux-2-bg-text-secondary: var(--general-color-text-darkest);
  --theme-aux-2-interactive-action-bar-button-border: var(--general-color-border-darkest);
  --theme-aux-2-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-2-interactive-button-brand-action-alternate: var(--theme-brand-action-hover-inverse);
  --theme-aux-2-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-2-interactive-button-link-underline: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-aux-2-interactive-button-ghost-link-underline: var(--theme-brand-action);
  --theme-aux-2-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-ghost-inverse-link-underline: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-2-interactive-ratings-active: var(--general-color-fill-dark);
  --theme-aux-2-interactive-ratings-inactive: var(--color-grayscale-400);
  --theme-aux-2-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-2-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-2-interactive-surface-focus: var(--theme-aux-1-surface-surface);
  --theme-aux-2-interactive-surface-hover: var(--general-color-surface-light);
  --theme-aux-2-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-2-surface-border: var(--general-color-border-brand-1);
  --theme-aux-2-surface-border-focus: var(--general-color-border-white);
  --theme-aux-2-surface-border-hover: var(--general-color-border-brand-1);
  --theme-aux-2-surface-cta-1-color: brand;
  --theme-aux-2-surface-cta-2-color: brand;
  --theme-aux-2-surface-icon: var(--general-color-fill-brand-2);
  --theme-aux-2-surface-match-bg-border: var(--general-color-border-white);
  --theme-aux-2-surface-match-bg-cta-1-color: brand;
  --theme-aux-2-surface-match-bg-cta-2-color: brand;
  --theme-aux-2-surface-match-bg-fill: var(--theme-aux-2-bg-icon);
  --theme-aux-2-surface-match-bg-surface: var(--theme-aux-2-bg-bg);
  --theme-aux-2-surface-match-bg-text-hover: var(--theme-aux-2-bg-text-hover);
  --theme-aux-2-surface-match-bg-text-primary: var(--theme-aux-2-bg-text-primary);
  --theme-aux-2-surface-match-bg-text-secondary: var(--theme-aux-2-bg-text-secondary);
  --theme-aux-2-surface-surface: var(--general-color-surface-white);
  --theme-aux-2-surface-text-hover: var(--theme-brand-action);
  --theme-aux-2-surface-text-link: var(--theme-brand-action-alternate);
  --theme-aux-2-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-2-surface-text-primary: var(--general-color-text-darkest);
  --theme-aux-2-surface-text-secondary: var(--general-color-text-darkest);
  --theme-brand-action: var(--general-color-fill-brand-2);
  --theme-brand-action-alternate: var(--color-primary-color-1-700);
  --theme-brand-action-alternate-inverse: var(--color-primary-color-1-900);
  --theme-brand-action-hover: var(--color-primary-color-1-700);
  --theme-brand-action-hover-inverse: var(--general-color-text-light);
  --theme-brand-action-inverse: var(--general-color-fill-white);
  --theme-link-underline: var(--theme-brand-action);
  --theme-link-underline-inverse: var(--theme-brand-action-inverse);
  --theme-primary-bg-bg: var(--general-color-background-white);
  --theme-primary-bg-bg-decor-accent: var(--general-color-background-brand-1);
  --theme-primary-bg-border: var(--general-color-border-light);
  --theme-primary-bg-cta-1-color: brand;
  --theme-primary-bg-cta-2-color: brand;
  --theme-primary-bg-icon: var(--general-color-fill-brand-2);
  --theme-primary-bg-text-hover: var(--theme-brand-action-hover);
  --theme-primary-bg-text-link: var(--theme-brand-action);
  --theme-primary-bg-text-link-underline: var(--theme-link-underline);
  --theme-primary-bg-text-primary: var(--general-color-text-darkest);
  --theme-primary-bg-text-secondary: var(--general-color-text-darkest);
  --theme-primary-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-primary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-primary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-primary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-primary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-primary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-primary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-primary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-primary-interactive-ratings-active: var(--general-color-fill-dark);
  --theme-primary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-ratings-inverse-active: var(--general-color-surface-white);
  --theme-primary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-surface-focus: var(--theme-primary-surface-surface);
  --theme-primary-interactive-surface-hover: var(--general-color-surface-light);
  --theme-primary-interactive-surface-pressed: var(--theme-primary-interactive-surface-hover);
  --theme-primary-surface-border: var(--general-color-border-darkest);
  --theme-primary-surface-border-focus: var(--general-color-border-brand-3);
  --theme-primary-surface-border-hover: var(--general-color-border-light);
  --theme-primary-surface-cta-1-color: brand;
  --theme-primary-surface-cta-2-color: brand;
  --theme-primary-surface-icon: var(--general-color-fill-brand-1);
  --theme-primary-surface-match-bg-border: var(--general-color-border-brand-1);
  --theme-primary-surface-match-bg-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --theme-primary-surface-match-bg-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --theme-primary-surface-match-bg-fill: var(--theme-primary-bg-icon);
  --theme-primary-surface-match-bg-surface: var(--theme-primary-bg-bg);
  --theme-primary-surface-match-bg-text-hover: var(--theme-primary-bg-text-hover);
  --theme-primary-surface-match-bg-text-primary: var(--theme-primary-bg-text-primary);
  --theme-primary-surface-match-bg-text-secondary: var(--theme-primary-bg-text-secondary);
  --theme-primary-surface-surface: var(--general-color-surface-white);
  --theme-primary-surface-text-hover: var(--theme-brand-action-hover);
  --theme-primary-surface-text-link: var(--theme-brand-action);
  --theme-primary-surface-text-link-underline: var(--theme-link-underline);
  --theme-primary-surface-text-primary: var(--general-color-text-darkest);
  --theme-primary-surface-text-secondary: var(--general-color-text-darkest);
  --theme-secondary-bg-bg: var(--general-color-background-light);
  --theme-secondary-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-secondary-bg-border: var(--general-color-border-white);
  --theme-secondary-bg-cta-1-color: brand;
  --theme-secondary-bg-cta-2-color: brand;
  --theme-secondary-bg-icon: var(--general-color-fill-brand-1);
  --theme-secondary-bg-text-hover: var(--theme-brand-action-hover);
  --theme-secondary-bg-text-link: var(--theme-brand-action);
  --theme-secondary-bg-text-link-underline: var(--theme-link-underline);
  --theme-secondary-bg-text-primary: var(--general-color-text-darkest);
  --theme-secondary-bg-text-secondary: var(--general-color-text-darkest);
  --theme-secondary-interactive-action-bar-button-border: var(--component-cta-color-brand-fill-enabled-border);
  --theme-secondary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-secondary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-secondary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-secondary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-secondary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-ratings-active: var(--general-color-fill-dark);
  --theme-secondary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-secondary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-secondary-interactive-surface-hover: var(--general-color-surface-light);
  --theme-secondary-interactive-surface-pressed: var(--theme-secondary-interactive-surface-hover);
  --theme-secondary-surface-border: var(--general-color-border-brand-1);
  --theme-secondary-surface-border-focus: var(--general-color-border-brand-1);
  --theme-secondary-surface-border-hover: var(--general-color-border-brand-1);
  --theme-secondary-surface-cta-1-color: brand;
  --theme-secondary-surface-cta-2-color: brand;
  --theme-secondary-surface-icon: var(--general-color-fill-brand-1);
  --theme-secondary-surface-match-bg-border: var(--general-color-border-brand-1);
  --theme-secondary-surface-match-bg-cta-1-color: var(--theme-secondary-bg-cta-1-color);
  --theme-secondary-surface-match-bg-cta-2-color: var(--theme-secondary-bg-cta-2-color);
  --theme-secondary-surface-match-bg-fill: var(--theme-secondary-bg-icon);
  --theme-secondary-surface-match-bg-surface: var(--theme-secondary-bg-bg);
  --theme-secondary-surface-match-bg-text-hover: var(--theme-secondary-surface-text-hover);
  --theme-secondary-surface-match-bg-text-primary: var(--theme-secondary-bg-text-primary);
  --theme-secondary-surface-match-bg-text-secondary: var(--theme-secondary-bg-text-secondary);
  --theme-secondary-surface-surface: var(--general-color-surface-white);
  --theme-secondary-surface-text-hover: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-surface-text-link: var(--theme-brand-action-alternate);
  --theme-secondary-surface-text-link-underline: var(--theme-brand-action-alternate);
  --theme-secondary-surface-text-primary: var(--general-color-text-darkest);
  --theme-secondary-surface-text-secondary: var(--general-color-text-darkest);
  --typography-font-family-accent-header: var(--typography-font-family-lato);
  --typography-font-family-body: var(--typography-font-family-noto-sans);
  --typography-font-family-header: var(--typography-font-family-lato);
  --typography-font-size-desktop-accent-header-display: var(--typography-font-size-font-size-72);
  --typography-font-size-desktop-accent-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-accent-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-accent-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-accent-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-desktop-body-xlarge: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-desktop-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-desktop-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-header-large: var(--typography-font-size-font-size-36);
  --typography-font-size-desktop-header-medium: var(--typography-font-size-font-size-28);
  --typography-font-size-desktop-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-header-xlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-header-xxlarge: var(--typography-font-size-font-size-56);
  --typography-font-size-desktop-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-mobile-accent-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-large: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-accent-header-medium: var(--typography-font-size-font-size-20);
  --typography-font-size-mobile-accent-header-small: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-accent-header-xlarge: var(--typography-font-size-font-size-28);
  --typography-font-size-mobile-accent-header-xsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-xxlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-accent-header-xxsmall: var(--typography-font-size-font-size-14);
  --typography-font-size-mobile-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-mobile-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-mobile-header-display: var(--typography-font-size-font-size-48);
  --typography-font-size-mobile-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-large: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-header-medium: var(--typography-font-size-font-size-20);
  --typography-font-size-mobile-header-small: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-header-xsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-mobile-header-xxsmall: var(--typography-font-size-font-size-14);
  --typography-font-size-tablet-accent-header-display: var(--typography-font-size-font-size-96);
  --typography-font-size-tablet-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-accent-header-large: var(--typography-font-size-font-size-28);
  --typography-font-size-tablet-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-accent-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-accent-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-tablet-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-tablet-header-display: var(--typography-font-size-font-size-56);
  --typography-font-size-tablet-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-header-large: var(--typography-font-size-font-size-28);
  --typography-font-size-tablet-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-weight-body: 400;
  --typography-font-weight-body-bold: 700;
  --typography-font-weight-button: 700;
  --typography-font-weight-display: 700;
  --typography-font-weight-large: 700;
  --typography-font-weight-medium: 700;
  --typography-font-weight-small: 700;
  --typography-font-weight-xlarge: 700;
  --typography-font-weight-xsmall: 700;
  --typography-font-weight-xxlarge: 700;
  --typography-font-weight-xxsmall: 700;
}

.BrandsGMFS {
  --color-grayscale-100: #f5f5f5;
  --color-grayscale-200: var(--color-grayscale-coolGray-200);
  --color-grayscale-300: var(--color-grayscale-coolGray-300);
  --color-grayscale-400: var(--color-grayscale-coolGray-400);
  --color-grayscale-500: var(--color-grayscale-coolGray-500);
  --color-grayscale-600: var(--color-grayscale-coolGray-600);
  --color-grayscale-700: var(--color-grayscale-coolGray-700);
  --color-grayscale-800: #272728;
  --color-grayscale-900: var(--color-grayscale-coolGray-900);
  --color-grayscale-black: #000000;
  --color-primary-color-1-100: #dfeeff;
  --color-primary-color-1-300: #0a87ed;
  --color-primary-color-1-500: #0074c1;
  --color-primary-color-1-700: #0054a6;
  --color-primary-color-1-900: #13386b;
  --color-primary-color-1-accessible: #19488a;
  --color-primary-color-2-100: #e3f2fb;
  --color-primary-color-2-300: #89d3f0;
  --color-primary-color-2-500: #50bfe7;
  --color-primary-color-2-700: #0e3043;
  --color-primary-color-2-900: #0e3043;
  --color-primary-color-2-accessible: #0e3043;
  --color-secondary-color-3-100: #e6eff2;
  --color-secondary-color-3-500: #0099d9;
  --color-secondary-color-3-900: #0099d9;
  --color-secondary-color-4-100: #e9f8ed;
  --color-secondary-color-4-500: #6ea848;
  --color-secondary-color-4-900: #338019;
  --color-secondary-color-5-100: #c45326;
  --color-secondary-color-5-500: #ed8137;
  --color-secondary-color-5-900: #c45326;
  --color-secondary-color-6-100: #d5ebed;
  --color-secondary-color-6-500: #4ba9b3;
  --color-secondary-color-6-900: #008388;
  --color-secondary-color-7-100: #cccccc;
  --color-secondary-color-7-500: #cccccc;
  --color-secondary-color-7-900: #cccccc;
  --color-tertiary-color-swatch-500: var(--color-brand-general-mills-generalMills-red);
  --component-accordion-color-default-body: var(--general-color-text-dark);
  --component-accordion-color-default-border: var(--general-color-border-light);
  --component-accordion-color-default-icons: var(--general-color-fill-brand-1);
  --component-accordion-color-default-surface: var(--general-color-surface-white);
  --component-accordion-color-default-title: var(--general-color-text-darkest);
  --component-accordion-color-hover-body: var(--general-color-text-dark);
  --component-accordion-color-hover-border: var(--general-color-border-brand-1);
  --component-accordion-color-hover-icons: var(--general-color-background-brand-1);
  --component-accordion-color-hover-surface: var(--general-color-surface-light);
  --component-accordion-color-hover-title: var(--general-color-text-darkest);
  --component-accordion-item-border-bottom: 1px;
  --component-accordion-item-border-left: 1px;
  --component-accordion-item-border-right: 1px;
  --component-accordion-item-border-top: 1px;
  --component-accordion-padding-x: var(--padding-small);
  --component-accordion-padding-y: var(--padding-small);
  --component-action-bar-border: var(--spacing-spacing-0);
  --component-action-bar-color-border: var(--general-color-border-white);
  --component-action-bar-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-enabled-border: var(--general-color-text-brand-1);
  --component-action-bar-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-action-bar-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-focus-focus-border: var(--theme-brand-action);
  --component-action-bar-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-action-bar-color-button-hover-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-action-bar-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-action-bar-color-surface: var(--general-color-surface-white);
  --component-action-bar-color-toggle-active-bg: var(--general-color-fill-brand-2);
  --component-action-bar-color-toggle-active-switch-circle: var(--general-color-fill-white);
  --component-action-bar-color-toggle-inactive-bg: var(--general-color-fill-mid);
  --component-action-bar-color-toggle-inactive-switch-circle: var(--general-color-fill-white);
  --component-action-bar-gap-horizontal: var(--spacing-spacing-16);
  --component-action-bar-gap-vertical: var(--spacing-spacing-12);
  --component-action-bar-radius: var(--radius-radius-12);
  --component-action-bar-share-menu-bg-default: var(--general-color-background-white);
  --component-action-bar-share-menu-bg-hover: var(--color-grayscale-100);
  --component-action-bar-share-menu-blur: 12px;
  --component-action-bar-share-menu-color: #00000014;
  --component-action-bar-share-menu-focus-border: var(--theme-brand-action);
  --component-action-bar-share-menu-max-width: 350px;
  --component-action-bar-share-menu-min-height: 48px;
  --component-action-bar-share-menu-min-width: 200px;
  --component-action-bar-share-menu-text: var(--general-color-text-darkest);
  --component-action-bar-share-menu-y-value: 2px;
  --component-action-bar-width-desktop: 88px;
  --component-action-bar-width-mobile: 56px;
  --component-action-bar-width-tablet: 64px;
  --component-alert-banner-bg: var(--general-color-background-darkest);
  --component-alert-banner-body: var(--general-color-text-white);
  --component-alert-banner-button-color-1: inverse;
  --component-alert-banner-button-color-2: inverse;
  --component-alert-banner-close: var(--general-color-fill-white);
  --component-alert-banner-icon: var(--general-color-fill-white);
  --component-alert-banner-title: var(--general-color-text-white);
  --component-breadcrumb-color-bg: var(--theme-primary-bg-bg);
  --component-breadcrumb-color-item-enabled-icon: var(--general-color-fill-mid);
  --component-breadcrumb-color-item-enabled-text: var(--color-grayscale-500);
  --component-breadcrumb-color-item-focus-icon: var(--component-breadcrumb-color-item-hover-icon);
  --component-breadcrumb-color-item-focus-text: var(--component-breadcrumb-color-item-hover-text);
  --component-breadcrumb-color-item-hover-icon: var(--theme-brand-action);
  --component-breadcrumb-color-item-hover-text: var(--theme-brand-action);
  --component-breadcrumb-color-item-pressed-icon: var(--general-color-fill-brand-1);
  --component-breadcrumb-color-item-pressed-text: var(--general-color-text-brand-1);
  --component-breadcrumb-color-tip-active-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-bg: var(--color-grayscale-black);
  --component-breadcrumb-color-tip-enabled-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-hover-link: var(--general-color-text-white);
  --component-button-tag-color-disabled-bg: #08459833;
  --component-button-tag-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-button-tag-color-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-focus-bg: var(--component-button-tag-color-enabled-bg);
  --component-button-tag-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-button-tag-color-focus-text: var(--component-button-tag-color-enabled-text);
  --component-button-tag-color-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-border: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-button-tag-color-link-underline: var(--general-color-fill-brand-1);
  --component-button-tag-color-pressed-bg: var(--component-button-tag-color-hover-bg);
  --component-button-tag-color-pressed-border: var(--component-button-tag-color-hover-border);
  --component-button-tag-color-pressed-text: var(--component-button-tag-color-hover-text);
  --component-button-tag-radius: var(--radius-radius-rounded);
  --component-button-tag-size-base-border: var(--spacing-spacing-2);
  --component-button-tag-size-base-padding-left: var(--spacing-spacing-16);
  --component-button-tag-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-button-tag-size-base-padding-y: var(--spacing-spacing-8);
  --component-button-tag-size-base-space-between: var(--spacing-spacing-8);
  --component-button-tag-size-small-border: var(--spacing-spacing-4);
  --component-button-tag-size-small-gap: var(--spacing-spacing-8);
  --component-button-tag-size-small-padding-left: var(--spacing-spacing-12);
  --component-button-tag-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-button-tag-size-small-padding-y: var(--spacing-spacing-8);
  --component-card-article-card-border-width: var(--spacing-spacing-4);
  --component-card-article-card-radius: var(--general-radius-card);
  --component-card-article-image-borderWidth: var(--spacing-spacing-4);
  --component-card-article-image-image-ratio: "3:2";
  --component-card-article-image-radius: var(--general-radius-image);
  --component-card-general-card-border-width: var(--spacing-spacing-4);
  --component-card-general-card-radius: var(--general-radius-card);
  --component-card-general-color-body: var(--component-cards-base-color-on-surface-body);
  --component-card-general-color-border: var(--component-cards-base-color-on-surface-border);
  --component-card-general-color-cta-1-color: var(--component-cards-base-color-on-surface-cta-1-color);
  --component-card-general-color-image-border: var(--color-grayscale-black);
  --component-card-general-color-subtitle: var(--component-cards-base-color-on-surface-subtitle);
  --component-card-general-color-surface: var(--component-cards-base-color-on-surface-surface);
  --component-card-general-color-title: var(--component-cards-base-color-on-surface-title);
  --component-card-product-card-border-width: var(--spacing-spacing-4);
  --component-card-product-color-image-bg: var(--general-color-background-brand-1);
  --component-card-product-image-borderWidth: var(--spacing-spacing-4);
  --component-card-product-image-image-ratio: "1:1";
  --component-card-recipe-card-border-width: var(--spacing-spacing-4);
  --component-card-recipe-card-minHeight: 280px;
  --component-card-recipe-card-padding-x: var(--padding-none);
  --component-card-recipe-card-padding-y: var(--padding-none);
  --component-card-recipe-card-radius: var(--general-radius-card);
  --component-card-recipe-color-ratings: var(--interactiveTheme-ratings-active);
  --component-card-recipe-image-borderWidth: var(--spacing-spacing-4);
  --component-card-recipe-image-image-ratio: "3:2";
  --component-card-recipe-image-padding-top: var(--component-card-recipe-image-padding-x);
  --component-card-recipe-image-padding-x: var(--padding-none);
  --component-card-recipe-image-radius: var(--general-radius-image);
  --component-cards-base-card-border-width: var(--spacing-spacing-2);
  --component-cards-base-card-border-width-focus: var(--spacing-spacing-4);
  --component-cards-base-card-border-width-hover: var(--spacing-spacing-2);
  --component-cards-base-card-label-margin: var(--spacing-spacing-12);
  --component-cards-base-card-min-height: 262px;
  --component-cards-base-card-padding-x: var(--padding-xxsmall);
  --component-cards-base-card-padding-y: var(--padding-xxsmall);
  --component-cards-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-primary);
  --component-cards-base-color-on-surface-border: var(--component-cards-base-color-on-surface-surface);
  --component-cards-base-color-on-surface-border-focus: var(--general-color-border-brand-1);
  --component-cards-base-color-on-surface-border-hover: var(--componentTheme-cards-on-surface-border-hover);
  --component-cards-base-color-on-surface-cta-1-color: var(--componentTheme-cards-on-surface-cta-1-color);
  --component-cards-base-color-on-surface-cta-2-color: var(--componentTheme-cards-on-surface-cta-2-color);
  --component-cards-base-color-on-surface-image-bg: var(--color-grayscale-200);
  --component-cards-base-color-on-surface-image-border: var(--color-grayscale-white);
  --component-cards-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-cards-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-cards-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-cards-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-cards-base-copy-padding-x: var(--padding-xsmall);
  --component-cards-base-copy-padding-y: var(--padding-xsmall);
  --component-cards-base-image-bg: var(--color-grayscale-200);
  --component-cards-base-image-border: var(--color-grayscale-white);
  --component-cards-base-image-border-width: var(--spacing-spacing-0);
  --component-cards-base-image-category-image-ratio: "1:1";
  --component-cards-base-image-image-ratio: "16:9";
  --component-cards-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-cards-base-image-padding-x: var(--padding-none);
  --component-cards-base-image-radius: var(--general-radius-none);
  --component-cards-card-max-width-mobile: 480px;
  --component-carousel-border-width: 1px;
  --component-carousel-controls-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-brand-icon: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-controls-inverse-icon: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-brand-fill: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-inverse-fill: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-color: var(--component-content-grid-color-button-color-1);
  --component-category-asset-default-height: 120px;
  --component-category-asset-default-width: 120px;
  --component-category-asset-hover-height: 112px;
  --component-category-asset-hover-width: 112px;
  --component-category-color-bg: var(--componentTheme-content-grid-bg);
  --component-category-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-border-focus: var(--component-category-color-category-enabled);
  --component-category-color-category-enabled: var(--component-content-grid-color-body);
  --component-category-color-category-hover: var(--component-content-grid-color-body);
  --component-category-color-fill: var(--componentTheme-content-grid-fill);
  --component-category-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-surface: var(--componentTheme-content-grid-bg);
  --component-category-color-title: var(--componentTheme-content-grid-text-primary);
  --component-category-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-category-gutter: var(--spacing-general-gutter);
  --component-category-padding-x: var(--spacing-general-margin-x);
  --component-category-padding-y: var(--spacing-general-margin-y);
  --component-checkbox-radio-color-brand-fill-disabled-opacity: 0.5;
  --component-checkbox-radio-color-brand-fill-disabled-text: var(--general-color-text-mid);
  --component-checkbox-radio-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-checkbox-radio-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-checkbox-radio-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-enabled-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-error-bg: var(--color-system-error-100);
  --component-checkbox-radio-color-brand-fill-error-border: var(--color-system-error-500);
  --component-checkbox-radio-color-brand-fill-error-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-enabled-bg);
  --component-checkbox-radio-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-focus-border);
  --component-checkbox-radio-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-focus-icon);
  --component-checkbox-radio-color-brand-fill-focus-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-selected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-selected-border: var(--component-checkbox-radio-color-brand-fill-hover-selected-bg);
  --component-checkbox-radio-color-brand-fill-hover-selected-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-hover-selected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-unselected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-unselected-border: var(--component-checkbox-radio-color-brand-fill-hover-selected-bg);
  --component-checkbox-radio-color-brand-fill-hover-unselected-icon: var(--theme-primary-interactive-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-unselected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-uneditable-bg: var(--general-color-background-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-icon: var(--general-color-background-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-text: var(--general-color-text-dark);
  --component-content-grid-color-bg: var(--componentTheme-content-grid-bg);
  --component-content-grid-color-body: var(--componentTheme-content-grid-text-primary);
  --component-content-grid-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-content-grid-color-title: var(--componentTheme-content-grid-text-primary);
  --component-content-grid-margin-x: var(--spacing-general-margin-x);
  --component-content-grid-margin-x-2: var(--spacing-general-margin-x);
  --component-content-grid-margin-y: var(--spacing-general-margin-y);
  --component-content-grid-margin-y-2: var(--spacing-general-margin-y);
  --component-content-grid-pdp-color-bg: var(--general-color-background-white);
  --component-content-grid-pdp-color-body: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-pdp-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-pdp-color-subtitle: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-title: var(--general-color-text-darkest);
  --component-cta-color-brand-fill-disabled-opacity: 0.5;
  --component-cta-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-cta-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-cta-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-cta-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-cta-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-cta-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-cta-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-ghost-disabled-opacity: 0.5;
  --component-cta-color-brand-ghost-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-enabled-text: var(--interactiveTheme-button-ghost-link);
  --component-cta-color-brand-ghost-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-cta-color-brand-ghost-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-ghost-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-cta-color-brand-ghost-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-cta-color-brand-ghost-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-cta-color-brand-ghost-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-cta-color-brand-ghost-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-outline-disabled-opacity: 0.5;
  --component-cta-color-brand-outline-enabled-bg: #ffffff00;
  --component-cta-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action-alternate);
  --component-cta-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action-alternate);
  --component-cta-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-cta-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-cta-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-cta-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-cta-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-cta-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-cta-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-inverse-fill-disabled-opacity: 0.5;
  --component-cta-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-enabled-text: var(--theme-primary-interactive-button-brand-action);
  --component-cta-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-cta-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-cta-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-brand-action-hover);
  --component-cta-color-inverse-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-cta-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-cta-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-cta-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-ghost-disabled-opacity: 0.5;
  --component-cta-color-inverse-ghost-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-cta-color-inverse-ghost-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-ghost-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-cta-color-inverse-ghost-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-outline-disabled-opacity: 0.5;
  --component-cta-color-inverse-outline-enabled-bg: #ffffff00;
  --component-cta-color-inverse-outline-enabled-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-cta-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-cta-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-cta-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-inverse-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-color-inverse-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-cta-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-cta-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-cta-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-focus-radius: var(--radius-radius-rounded);
  --component-cta-radius: var(--radius-radius-rounded);
  --component-cta-size-base-border: var(--spacing-spacing-2);
  --component-cta-size-base-border-2: var(--spacing-spacing-2);
  --component-cta-size-base-padding-left: var(--spacing-spacing-12);
  --component-cta-size-base-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-base-padding-y: var(--spacing-spacing-12);
  --component-cta-size-base-space-between: var(--spacing-spacing-4);
  --component-cta-size-small-border: var(--spacing-spacing-4);
  --component-cta-size-small-gap: var(--spacing-spacing-8);
  --component-cta-size-small-padding-left: var(--spacing-spacing-12);
  --component-cta-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-small-padding-y: var(--spacing-spacing-8);
  --component-dialog-box-shadow-blur: 24px;
  --component-dialog-color-body: var(--theme-primary-surface-match-bg-text-secondary);
  --component-dialog-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-dialog-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-dialog-color-smokescreen: #07264acc;
  --component-dialog-color-surface: var(--general-color-surface-white);
  --component-dialog-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-dialog-content-padding-x: var(--padding-medium);
  --component-dialog-content-padding-y: var(--padding-medium);
  --component-error-state-page-color-bg: var(--component-content-grid-color-bg);
  --component-error-state-page-color-body: var(--componentTheme-surface-text-secondary);
  --component-error-state-page-color-cta-1-color: var(--componentTheme-surface-cta-1-color);
  --component-error-state-page-color-icon: var(--componentTheme-surface-icon);
  --component-error-state-page-color-image-bg: var(--general-color-background-dark);
  --component-error-state-page-color-surface: var(--componentTheme-surface-surface);
  --component-error-state-page-color-title: var(--general-color-text-brand-1);
  --component-error-state-page-content-padding-x: var(--layout-full-margin-x);
  --component-error-state-page-content-padding-y: var(--layout-full-margin-y);
  --component-error-state-page-content-radius: var(--general-radius-container);
  --component-error-state-page-copy-padding-x: var(--padding-medium);
  --component-error-state-page-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-error-state-page-copy-radius: var(--general-radius-container);
  --component-error-state-page-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-error-state-page-gutter: var(--layout-full-gutter);
  --component-error-state-page-image-imageLeft-radius-bottomLeft: var(--general-radius-base);
  --component-error-state-page-image-imageLeft-radius-bottomRight: var(--general-radius-base);
  --component-error-state-page-image-imageLeft-radius-top-left: var(--general-radius-base);
  --component-error-state-page-image-imageLeft-radius-top-right: var(--general-radius-base);
  --component-error-state-page-image-imageRight-radius-bottom-left: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-imageRight-radius-bottom-right: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-imageRight-radius-top-left: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-imageRight-radius-top-right: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-max-height-desktop: 1024px;
  --component-error-state-page-image-max-height-mobile: 360px;
  --component-error-state-page-image-max-height-tablet: 1024px;
  --component-error-state-page-image-min-height-desktop: 370px;
  --component-error-state-page-image-min-height-mobile: 180px;
  --component-error-state-page-image-min-height-tablet: 392px;
  --component-error-state-page-image-padding-x: var(--padding-small);
  --component-error-state-page-image-padding-y: var(--component-newsletter-sign-up-image-padding-x);
  --component-error-state-page-image-radius: var(--general-radius-image);
  --component-error-state-page-margin-x: var(--spacing-general-margin-x);
  --component-error-state-page-margin-y: var(--spacing-general-margin-y);
  --component-facets-color-default-border: var(--component-facets-color-default-surface);
  --component-facets-color-default-icons: var(--general-color-fill-brand-1);
  --component-facets-color-default-surface: var(--theme-primary-surface-match-bg-surface);
  --component-facets-color-default-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-facets-color-focus-border: var(--general-color-border-brand-1);
  --component-facets-color-focus-icons: var(--general-color-background-brand-1);
  --component-facets-color-focus-surface: var(--general-color-surface-light);
  --component-facets-color-focus-title: var(--general-color-text-darkest);
  --component-facets-color-hover-border: var(--general-color-border-brand-1);
  --component-facets-color-hover-icons: var(--general-color-background-brand-1);
  --component-facets-color-hover-surface: var(--general-color-surface-light);
  --component-facets-color-hover-title: var(--general-color-text-darkest);
  --component-facets-counter-surface: #ffffff;
  --component-facets-counter-text: #ffffff;
  --component-facets-max-width: 302px;
  --component-facets-padding-x: var(--padding-xxsmall);
  --component-facets-padding-y: var(--padding-xxsmall);
  --component-facets-radius: var(--radius-radius-2);
  --component-favorites-border: var(--spacing-spacing-0);
  --component-favorites-color-border: var(--general-color-border-white);
  --component-favorites-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-focus-focus-border: var(--theme-brand-action);
  --component-favorites-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-favorites-color-button-hover-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-favorites-color-surface: var(--general-color-surface-white);
  --component-favorites-lists-menu-bg-default: var(--general-color-background-white);
  --component-favorites-lists-menu-bg-hover: var(--general-color-background-white);
  --component-favorites-lists-menu-focus-border: var(--general-color-text-darkest);
  --component-favorites-lists-menu-max-width: 350px;
  --component-favorites-lists-menu-min-height: 48px;
  --component-favorites-lists-menu-min-width: 200px;
  --component-favorites-lists-menu-text: var(--general-color-text-darkest);
  --component-favorites-radius: var(--radius-radius-12);
  --component-feature-full-color-bg: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-body: var(--componentTheme-surface-text-secondary);
  --component-feature-full-color-cta-1-color: var(--componentTheme-surface-cta-1-color);
  --component-feature-full-color-cta-2-color: var(--componentTheme-surface-cta-2-color);
  --component-feature-full-color-eyebrow: var(--componentTheme-surface-text-secondary);
  --component-feature-full-color-fill: var(--general-color-fill-brand-1);
  --component-feature-full-color-image-bg: var(--general-color-fill-light);
  --component-feature-full-color-surface: var(--componentTheme-surface-surface);
  --component-feature-full-color-title: var(--componentTheme-surface-text-primary);
  --component-feature-full-copy-block-copy-block-indent: var(--padding-small);
  --component-feature-full-copy-block-padding-x: var(--padding-medium);
  --component-feature-full-copy-block-padding-y: var(--component-feature-full-copy-block-padding-x);
  --component-feature-full-copy-block-radius: var(--general-radius-container);
  --component-feature-full-copy-container-padding-x: var(--layout-base-margin-x);
  --component-feature-full-copy-container-padding-y: var(--layout-base-margin-y);
  --component-feature-full-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-feature-full-decor-decor-accent: #acb1d366;
  --component-feature-full-decor-decor-match-primary-bg: var(--theme-primary-bg-bg);
  --component-feature-full-decor-icon-height: var(--icon-large-height);
  --component-feature-full-image-padding-left: var(--width-component-feature-full-image-indent);
  --component-feature-full-image-padding-right: var(--width-component-feature-full-image-indent);
  --component-feature-full-image-padding-x: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-y: var(--padding-xxlarge);
  --component-feature-full-image-radius: var(--general-radius-image);
  --component-feature-split-color-bg: var(--componentTheme-feature-bg);
  --component-feature-split-color-body: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-color-button-size: base;
  --component-feature-split-color-cta-1-color: var(--componentTheme-feature-match-bg-cta-1-color);
  --component-feature-split-color-cta-2-color: var(--componentTheme-feature-match-bg-cta-2-color);
  --component-feature-split-color-eyebrow: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-color-fill: var(--componentTheme-feature-match-bg-fill);
  --component-feature-split-color-image-bg: var(--general-color-background-brand-1);
  --component-feature-split-color-subtitle: var(--componentTheme-feature-match-bg-text-secondary);
  --component-feature-split-color-surface: var(--componentTheme-feature-match-bg-surface);
  --component-feature-split-color-title: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-constrained-copy-desktop-max-width: 360px;
  --component-feature-split-constrained-copy-mobile-max-width: 767px;
  --component-feature-split-constrained-copy-padding-x: var(--padding-xlarge);
  --component-feature-split-constrained-copy-padding-y: var(--component-feature-split-constrained-copy-padding-x);
  --component-feature-split-constrained-copy-tablet-max-width: 816px;
  --component-feature-split-constrained-image-desktop-min-width: 560px;
  --component-feature-split-constrained-image-mobile-min-width: 560px;
  --component-feature-split-constrained-image-tablet-min-width: 560px;
  --component-feature-split-constrained-margin-left: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-constrained-margin-right: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-content-padding-x: var(--layout-full-margin-x);
  --component-feature-split-content-padding-y: var(--layout-full-margin-y);
  --component-feature-split-content-radius: var(--general-radius-container);
  --component-feature-split-copy-padding-x: var(--padding-medium);
  --component-feature-split-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-feature-split-copy-radius: var(--general-radius-container);
  --component-feature-split-decor-bg-accent: var(--general-color-text-brand-3);
  --component-feature-split-decor-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-feature-split-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-feature-split-decor-icon-height: var(--icon-large-height);
  --component-feature-split-gutter: var(--layout-base-gutter);
  --component-feature-split-image-border: var(--color-grayscale-100);
  --component-feature-split-image-border-width: var(--spacing-spacing-0);
  --component-feature-split-image-image-ratio: "3:2";
  --component-feature-split-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-padding-x: var(--padding-none);
  --component-feature-split-image-padding-y: var(--component-feature-split-image-padding-x);
  --component-feature-split-image-radius: var(--general-radius-image);
  --component-feature-split-margin-x: var(--layout-base-margin-x);
  --component-feature-split-margin-y: var(--layout-compact-margin-y);
  --component-filters-color-default-border: var(--general-color-border-darkest);
  --component-filters-color-default-label: var(--general-color-text-darkest);
  --component-filters-color-default-surface: var(--general-color-surface-white);
  --component-filters-color-focus-border: var(--general-color-border-brand-1);
  --component-filters-color-focus-label: var(--general-color-text-darkest);
  --component-filters-color-focus-surface: var(--general-color-surface-light);
  --component-filters-color-hover-border: var(--theme-brand-action);
  --component-filters-color-hover-label: var(--general-color-text-darkest);
  --component-filters-color-hover-surface: var(--general-color-surface-light);
  --component-filters-color-selected-border: var(--theme-brand-action);
  --component-filters-color-selected-icons: var(--general-color-background-white);
  --component-filters-color-selected-label: var(--general-color-text-darkest);
  --component-filters-color-selected-surface: var(--theme-brand-action);
  --component-filters-counter-surface: var(--general-color-background-darkest);
  --component-filters-counter-text: var(--general-color-text-white);
  --component-filters-padding-x: var(--padding-xxsmall);
  --component-filters-padding-y: var(--padding-xxsmall);
  --component-filters-radius: var(--radius-radius-2);
  --component-form-field-color-button-color-1: brand;
  --component-form-field-color-button-color-2: brand;
  --component-form-field-color-default-bg: var(--component-search-field-default-bg);
  --component-form-field-color-default-border: var(--color-grayscale-200);
  --component-form-field-color-descriptive-text: var(--general-color-text-darkest);
  --component-form-field-color-filled-border: var(--color-grayscale-800);
  --component-form-field-color-icon: var(--general-color-fill-darkest);
  --component-form-field-color-label: var(--general-color-text-darkest);
  --component-form-field-color-placeholder-text: var(--general-color-text-mid);
  --component-form-field-color-required-asterisk: var(--component-form-field-color-label);
  --component-form-field-color-surface: var(--general-color-surface-white);
  --component-hero-color-alternate-bg: var(--componentTheme-hero-bg);
  --component-hero-color-alternate-body: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-alternate-cta-1-color: var(--componentTheme-hero-match-bg-cta-1-color);
  --component-hero-color-alternate-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-alternate-eyebrow: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-alternate-fill: var(--componentTheme-hero-fill);
  --component-hero-color-alternate-surface: var(--componentTheme-hero-match-bg-surface);
  --component-hero-color-alternate-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-alternate-title: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-bg: var(--componentTheme-hero-bg);
  --component-hero-color-general-body: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-cta-1-color: var(--componentTheme-hero-match-bg-cta-1-color);
  --component-hero-color-general-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-general-decor: var(--theme-primary-bg-bg);
  --component-hero-color-general-decor-mobile: var(--component-hero-color-general-surface);
  --component-hero-color-general-eyebrow: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-fill: var(--componentTheme-hero-fill);
  --component-hero-color-general-surface: var(--componentTheme-hero-match-bg-surface);
  --component-hero-color-general-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-general-title: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-simple-bg: var(--general-color-background-white);
  --component-hero-color-simple-body: var(--theme-primary-bg-text-primary);
  --component-hero-color-simple-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-color-simple-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-color-simple-decor-accent: var(--general-color-background-white);
  --component-hero-color-simple-eyebrow: var(--theme-primary-bg-text-primary);
  --component-hero-color-simple-text-link: var(--theme-primary-bg-text-link);
  --component-hero-color-simple-title: var(--theme-primary-bg-text-primary);
  --component-hero-container-desktop-min-height: 500px;
  --component-hero-container-desktop-radius: var(--general-radius-container);
  --component-hero-container-gap: var(--layout-base-gutter);
  --component-hero-container-mobile-min-height: 560px;
  --component-hero-container-mobile-radius: var(--general-radius-none);
  --component-hero-container-padding-x: var(--spacing-general-margin-x);
  --component-hero-container-padding-y: var(--spacing-general-margin-y);
  --component-hero-container-radius: var(--general-radius-container);
  --component-hero-container-tablet-min-height: 432px;
  --component-hero-container-tablet-radius: var(--general-radius-none);
  --component-hero-copy-padding-x: var(--padding-large);
  --component-hero-copy-padding-y: var(--padding-large);
  --component-hero-copy-radius: var(--general-radius-container);
  --component-hero-copy-radius-bottom-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-bottom-right: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-right: var(--component-hero-copy-radius);
  --component-hero-copyBlock-padding-x: var(--padding-small);
  --component-hero-copyBlock-padding-y: var(--padding-medium);
  --component-hero-copyBlock-radius: var(--general-radius-container);
  --component-hero-copyBlock-radius-bottom-left: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-bottom-right: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-top-left: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-top-right: var(--component-hero-container-radius);
  --component-hero-decor-brand: var(--theme-brand-name);
  --component-hero-desktop-max-width: var(--screen-dimensions-max-width);
  --component-hero-image-a11y-image-background-blur: 10px;
  --component-hero-image-a11y-image-overlay-opacity: 0.9;
  --component-hero-image-desktop-radius: var(--radius-radius-24);
  --component-hero-image-mobile-radius: var(--general-radius-none);
  --component-hero-image-padding-top: var(--component-hero-image-padding-y);
  --component-hero-image-padding-x: var(--padding-none);
  --component-hero-image-padding-y: var(--padding-none);
  --component-hero-image-splitHero-radius: var(--radius-radius-32);
  --component-hero-mobile-max-width: 1000px;
  --component-hero-tablet-max-width: 1000px;
  --component-hero-typography-title: var(--typography-font-size-header-display);
  --component-hero-article-color-bg: var(--theme-primary-bg-bg);
  --component-hero-article-color-bg-accent: var(--general-color-text-brand-3);
  --component-hero-article-color-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-hero-article-color-body: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-color-category: var(--theme-primary-surface-match-bg-text-secondary);
  --component-hero-article-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-hero-article-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-hero-article-color-date: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-color-details: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-color-icon: var(--theme-primary-surface-match-bg-fill);
  --component-hero-article-color-image-bg: var(--general-color-background-dark);
  --component-hero-article-color-surface: var(--theme-primary-surface-match-bg-surface);
  --component-hero-article-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-content-padding-x: var(--layout-full-margin-x);
  --component-hero-article-content-padding-y: var(--layout-full-margin-y);
  --component-hero-article-content-radius: var(--general-radius-none);
  --component-hero-article-copy-category-margin-bottom: var(--spacing-general-eyebrow-margin-bottom);
  --component-hero-article-copy-padding-x: var(--spacing-general-margin-x);
  --component-hero-article-copy-padding-y: var(--padding-small);
  --component-hero-article-copy-radius: var(--general-radius-container);
  --component-hero-article-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-article-gutter: var(--spacing-general-gutter);
  --component-hero-article-image-image-ratio: "16:9";
  --component-hero-article-image-imageLeft-radius-bottom-left: var(--general-radius-none);
  --component-hero-article-image-imageLeft-radius-bottom-right: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-article-image-imageLeft-radius-top-left: var(--general-radius-none);
  --component-hero-article-image-imageLeft-radius-top-right: var(--general-radius-none);
  --component-hero-article-image-imageRight-radius-bottom-left: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-article-image-imageRight-radius-bottom-right: var(--general-radius-none);
  --component-hero-article-image-imageRight-radius-top-left: var(--general-radius-none);
  --component-hero-article-image-imageRight-radius-top-right: var(--general-radius-none);
  --component-hero-article-image-max-height-desktop: 1024px;
  --component-hero-article-image-max-height-mobile: 360px;
  --component-hero-article-image-max-height-tablet: 1024px;
  --component-hero-article-image-min-height-desktop: 370px;
  --component-hero-article-image-min-height-mobile: 180px;
  --component-hero-article-image-min-height-tablet: 392px;
  --component-hero-article-image-padding-x: var(--padding-none);
  --component-hero-article-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-hero-article-image-radius: var(--general-radius-image);
  --component-hero-article-margin-x: var(--padding-none);
  --component-hero-article-padding-y: var(--component-hero-article-margin-x);
  --component-hero-product-brand-decor: var(--component-site-header-main-bar-brand-logo);
  --component-hero-product-color-badge-color: brand;
  --component-hero-product-color-bg: var(--theme-primary-bg-bg);
  --component-hero-product-color-body: var(--theme-primary-bg-text-primary);
  --component-hero-product-color-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-product-color-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-product-color-decor: var(--component-pdp-product-content-color-bg);
  --component-hero-product-color-eyebrow: var(--theme-primary-bg-text-primary);
  --component-hero-product-color-icon: var(--theme-primary-bg-icon);
  --component-hero-product-color-image-bg: var(--general-color-background-dark);
  --component-hero-product-color-image-border: var(--general-color-border-light);
  --component-hero-product-color-image-surface: var(--general-color-surface-white);
  --component-hero-product-color-link: var(--theme-primary-bg-text-link-underline);
  --component-hero-product-color-ratings: var(--theme-aux-1-interactive-ratings-active);
  --component-hero-product-color-ratings-inactive: var(--theme-primary-interactive-ratings-inactive);
  --component-hero-product-color-subtitle: var(--theme-secondary-bg-text-primary);
  --component-hero-product-color-thumbnail-selected-border: var(--theme-brand-action);
  --component-hero-product-color-title: var(--theme-primary-bg-text-primary);
  --component-hero-product-content-padding-x: var(--layout-full-margin-x);
  --component-hero-product-content-padding-y: var(--layout-full-margin-y);
  --component-hero-product-content-radius: var(--general-radius-none);
  --component-hero-product-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-product-copy-padding-y: var(--component-hero-recipe-copy-padding-x);
  --component-hero-product-copy-radius: var(--general-radius-container);
  --component-hero-product-gutter: var(--layout-full-gutter);
  --component-hero-product-image-imageLeft-radius-bottom-left: var(--general-radius-none);
  --component-hero-product-image-imageLeft-radius-bottom-right: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-product-image-imageLeft-radius-top-left: var(--general-radius-none);
  --component-hero-product-image-imageLeft-radius-top-right: var(--general-radius-none);
  --component-hero-product-image-imageRight-radius-bottom-left: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-product-image-imageRight-radius-bottom-right: var(--general-radius-none);
  --component-hero-product-image-imageRight-radius-top-left: var(--general-radius-none);
  --component-hero-product-image-imageRight-radius-top-right: var(--general-radius-none);
  --component-hero-product-image-max-height-desktop: 640px;
  --component-hero-product-image-max-height-mobile: 320px;
  --component-hero-product-image-max-height-tablet: 1024px;
  --component-hero-product-image-padding-x: var(--padding-none);
  --component-hero-product-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-product-image-radius: var(--general-radius-image);
  --component-hero-product-margin-x: var(--padding-none);
  --component-hero-product-margin-y: var(--component-hero-recipe-margin-x);
  --component-hero-recipe-color-badge-color: brand;
  --component-hero-recipe-color-bg: var(--theme-secondary-bg-bg);
  --component-hero-recipe-color-body: var(--theme-secondary-bg-text-secondary);
  --component-hero-recipe-color-cta-1-color: var(--theme-secondary-bg-cta-1-color);
  --component-hero-recipe-color-cta-2-color: var(--theme-secondary-bg-cta-2-color);
  --component-hero-recipe-color-eyebrow: var(--theme-secondary-bg-text-secondary);
  --component-hero-recipe-color-icon: var(--theme-secondary-bg-icon);
  --component-hero-recipe-color-image-bg: var(--general-color-background-dark);
  --component-hero-recipe-color-link: var(--theme-secondary-interactive-button-ghost-link);
  --component-hero-recipe-color-ratings: var(--theme-secondary-interactive-ratings-active);
  --component-hero-recipe-color-ratings-inactive: var(--theme-secondary-interactive-ratings-inverse-inactive);
  --component-hero-recipe-color-subtitle: var(--theme-secondary-bg-text-secondary);
  --component-hero-recipe-color-title: var(--theme-secondary-bg-text-primary);
  --component-hero-recipe-content-padding-x: var(--layout-full-margin-x);
  --component-hero-recipe-content-padding-y: var(--layout-full-margin-y);
  --component-hero-recipe-content-radius: var(--general-radius-none);
  --component-hero-recipe-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-recipe-copy-padding-y: var(--component-hero-recipe-copy-padding-x);
  --component-hero-recipe-copy-radius: var(--general-radius-container);
  --component-hero-recipe-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-recipe-gutter: var(--spacing-general-gutter);
  --component-hero-recipe-image-imageLeft-radius-bottom-left: var(--general-radius-none);
  --component-hero-recipe-image-imageLeft-radius-bottom-right: var(--general-radius-none);
  --component-hero-recipe-image-imageLeft-radius-top-left: var(--general-radius-none);
  --component-hero-recipe-image-imageLeft-radius-top-right: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-bottom-left: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-bottom-right: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-top-left: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-top-right: var(--general-radius-none);
  --component-hero-recipe-image-max-height-desktop: 640px;
  --component-hero-recipe-image-max-height-mobile: 320px;
  --component-hero-recipe-image-max-height-tablet: 1024px;
  --component-hero-recipe-image-padding-x: var(--padding-none);
  --component-hero-recipe-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-recipe-image-radius: var(--general-radius-image);
  --component-hero-recipe-margin-x: var(--padding-none);
  --component-hero-recipe-padding-y: var(--component-hero-recipe-margin-x);
  --component-icon-content-large-desktop-height: 120px;
  --component-icon-content-large-desktop-width: 120px;
  --component-icon-content-large-mobile-height: 120px;
  --component-icon-content-large-mobile-width: 120px;
  --component-icon-content-large-tablet-height: 120px;
  --component-icon-content-large-tablet-width: 120px;
  --component-icon-content-small-desktop-height: 80px;
  --component-icon-content-small-desktop-width: 80px;
  --component-icon-content-small-mobile-height: 40px;
  --component-icon-content-small-mobile-width: 40px;
  --component-icon-content-small-tablet-height: 64px;
  --component-icon-content-small-tablet-width: 64px;
  --component-image-color-button-color-below-image: brand;
  --component-image-color-button-color-on-image: inverse;
  --component-image-standalone-image-max-width-desktop: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-mobile: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-tablet: var(--typography-copy-max-width);
  --component-listing-grid-color-bg: var(--theme-primary-bg-bg);
  --component-listing-grid-color-body: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-button-color-1: var(--theme-primary-bg-cta-1-color);
  --component-listing-grid-color-button-color-2: var(--theme-primary-bg-cta-2-color);
  --component-listing-grid-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-title: var(--theme-primary-bg-text-primary);
  --component-listing-grid-margin-x: var(--spacing-general-margin-x);
  --component-listing-grid-margin-y: var(--spacing-general-margin-y);
  --component-location-selector-color-default-body: var(--component-accordion-color-default-body);
  --component-location-selector-color-default-border: var(--component-accordion-color-default-border);
  --component-location-selector-color-default-icons: var(--component-accordion-color-default-icons);
  --component-location-selector-color-default-surface: var(--component-accordion-color-default-surface);
  --component-location-selector-color-default-title: var(--component-accordion-color-default-title);
  --component-location-selector-color-hover-body: var(--component-accordion-color-hover-body);
  --component-location-selector-color-hover-border: var(--component-accordion-color-hover-border);
  --component-location-selector-color-hover-icons: var(--component-accordion-color-hover-icons);
  --component-location-selector-color-hover-surface: var(--component-accordion-color-hover-surface);
  --component-location-selector-color-hover-title: var(--component-accordion-color-hover-title);
  --component-location-selector-item-border-bottom: 0px;
  --component-location-selector-item-border-left: 0px;
  --component-location-selector-item-border-right: 0px;
  --component-location-selector-item-border-top: 1px;
  --component-location-selector-padding-x: var(--component-accordion-padding-x);
  --component-location-selector-padding-y: var(--component-accordion-padding-y);
  --component-modal-color-body: var(--theme-primary-surface-match-bg-text-secondary);
  --component-modal-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-modal-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-modal-color-smokescreen: var(--component-dialog-color-smokescreen);
  --component-modal-color-surface: var(--general-color-surface-white);
  --component-modal-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-modal-content-padding-x: var(--padding-small);
  --component-modal-content-padding-y: var(--padding-small);
  --component-my-account-color-bg: var(--general-color-background-light);
  --component-my-account-color-bg-cta-color: var(--theme-primary-bg-cta-1-color);
  --component-my-account-color-body: var(--theme-primary-bg-text-secondary);
  --component-my-account-color-border: var(--component-my-account-color-surface);
  --component-my-account-color-header: var(--theme-primary-bg-text-primary);
  --component-my-account-color-line-break: var(--general-color-border-light);
  --component-my-account-color-sidebar-surface: var(--general-color-background-brand-1);
  --component-my-account-color-sidebar-text: var(--general-color-text-white);
  --component-my-account-color-surface: var(--theme-primary-surface-match-bg-surface);
  --component-my-account-color-surface-cta-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-my-account-color-surface-highlight: var(--color-grayscale-100);
  --component-my-account-color-title: var(--theme-primary-bg-text-primary);
  --component-my-account-content-padding-x: var(--padding-medium);
  --component-my-account-content-padding-y: var(--padding-medium);
  --component-my-account-padding-x: var(--layout-compact-margin-x);
  --component-my-account-padding-y: var(--layout-compact-margin-y);
  --component-nav-dropdown-menu-border: var(--spacing-spacing-0);
  --component-nav-dropdown-menu-color-border: var(--general-color-border-white);
  --component-nav-dropdown-menu-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-focus-focus-border: var(--theme-brand-action);
  --component-nav-dropdown-menu-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-nav-dropdown-menu-color-button-hover-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-surface: var(--general-color-surface-white);
  --component-nav-dropdown-menu-lists-menu-bg-default: var(--general-color-background-white);
  --component-nav-dropdown-menu-lists-menu-bg-hover: var(--color-grayscale-100);
  --component-nav-dropdown-menu-lists-menu-focus-border: var(--general-color-text-darkest);
  --component-nav-dropdown-menu-lists-menu-max-width: 350px;
  --component-nav-dropdown-menu-lists-menu-min-height: 48px;
  --component-nav-dropdown-menu-lists-menu-min-width: 200px;
  --component-nav-dropdown-menu-lists-menu-text: var(--general-color-text-darkest);
  --component-nav-dropdown-menu-radius: var(--radius-radius-12);
  --component-newsletter-sign-up-color-bg: var(--component-content-grid-color-bg);
  --component-newsletter-sign-up-color-body: var(--componentTheme-surface-text-secondary);
  --component-newsletter-sign-up-color-cta-1-color: var(--componentTheme-surface-cta-1-color);
  --component-newsletter-sign-up-color-icon: var(--componentTheme-surface-icon);
  --component-newsletter-sign-up-color-image-bg: var(--general-color-background-dark);
  --component-newsletter-sign-up-color-surface: var(--componentTheme-surface-surface);
  --component-newsletter-sign-up-color-title: var(--componentTheme-surface-text-primary);
  --component-newsletter-sign-up-content-padding-x: var(--layout-full-margin-x);
  --component-newsletter-sign-up-content-padding-y: var(--layout-full-margin-y);
  --component-newsletter-sign-up-content-radius: var(--general-radius-container);
  --component-newsletter-sign-up-copy-padding-x: var(--padding-medium);
  --component-newsletter-sign-up-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-newsletter-sign-up-copy-radius: var(--general-radius-container);
  --component-newsletter-sign-up-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-newsletter-sign-up-gutter: var(--layout-full-gutter);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-left: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-right: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageLeft-radius-top-left: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageLeft-radius-top-right: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-left: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-right: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-left: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-right: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-max-height-desktop: 1024px;
  --component-newsletter-sign-up-image-max-height-mobile: 360px;
  --component-newsletter-sign-up-image-max-height-tablet: 1024px;
  --component-newsletter-sign-up-image-min-height-desktop: 370px;
  --component-newsletter-sign-up-image-min-height-mobile: 180px;
  --component-newsletter-sign-up-image-min-height-tablet: 392px;
  --component-newsletter-sign-up-image-padding-x: var(--padding-small);
  --component-newsletter-sign-up-image-padding-y: var(--component-newsletter-sign-up-image-padding-x);
  --component-newsletter-sign-up-image-radius: var(--general-radius-image);
  --component-newsletter-sign-up-margin-x: var(--spacing-general-margin-x);
  --component-newsletter-sign-up-margin-y: var(--spacing-general-margin-y);
  --component-pagination-color-disabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-disabled-icon: var(--interactiveTheme-ratings-inactive);
  --component-pagination-color-disabled-text: var(--interactiveTheme-ratings-inactive);
  --component-pagination-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-focus-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-pagination-color-focus-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-hover-bg: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-pagination-color-hover-text: var(--interactiveTheme-button-brand-action-alternate);
  --component-pagination-color-link-underline: var(--general-color-fill-brand-1);
  --component-pagination-color-pressed-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-pressed-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-selected-bg: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-selected-border: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-selected-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-pagination-radius: var(--radius-radius-rounded);
  --component-pagination-size-base-border: var(--spacing-spacing-2);
  --component-pagination-size-base-padding-left: var(--spacing-spacing-16);
  --component-pagination-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-pagination-size-base-padding-y: var(--spacing-spacing-8);
  --component-pagination-size-base-space-between: var(--spacing-spacing-8);
  --component-pagination-size-small-border: var(--spacing-spacing-4);
  --component-pagination-size-small-gap: var(--spacing-spacing-8);
  --component-pagination-size-small-padding-left: var(--spacing-spacing-12);
  --component-pagination-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-pagination-size-small-padding-y: var(--spacing-spacing-8);
  --component-pdp-product-content-color-bg: var(--theme-secondary-bg-bg);
  --component-pdp-product-content-color-body: var(--theme-secondary-bg-text-secondary);
  --component-pdp-product-content-color-icon: var(--general-color-fill-brand-2);
  --component-pdp-product-content-color-image-bg: var(--general-color-background-dark);
  --component-pdp-product-content-color-surface: var(--general-color-surface-white);
  --component-pdp-product-content-color-surface-border: var(--general-color-border-light);
  --component-pdp-product-content-color-title: var(--theme-secondary-bg-text-primary);
  --component-pdp-product-content-gutter: var(--spacing-general-gutter);
  --component-pdp-product-content-margin-x: var(--spacing-general-margin-x);
  --component-pdp-product-content-margin-y: var(--layout-compact-margin-y);
  --component-print-image-print-logo-invert: 0;
  --component-recipe-description-copy-max-width-desktop: 804px;
  --component-recipe-description-copy-max-width-mobile: var(--typography-copy-max-width);
  --component-recipe-description-copy-max-width-tablet: var(--typography-copy-max-width);
  --component-recipe-header-brand: var(--theme-brand-name);
  --component-recipe-header-color-bg: var(--theme-aux-2-bg-bg);
  --component-recipe-header-color-body: var(--theme-aux-1-surface-match-bg-text-secondary);
  --component-recipe-header-color-cta-1-color: var(--theme-aux-1-surface-match-bg-cta-1-color);
  --component-recipe-header-color-eyebrow: var(--theme-aux-1-surface-match-bg-text-secondary);
  --component-recipe-header-color-icon: var(--theme-aux-1-surface-match-bg-icon);
  --component-recipe-header-color-image-bg: var(--general-color-background-dark);
  --component-recipe-header-color-link: var(--theme-aux-1-interactive-button-ghost-inverse-link);
  --component-recipe-header-color-ratings: var(--theme-aux-1-interactive-ratings-inverse-active);
  --component-recipe-header-color-ratings-inactive: var(--theme-aux-1-interactive-ratings-inverse-inactive);
  --component-recipe-header-color-subtitle: var(--theme-aux-1-surface-match-bg-text-secondary);
  --component-recipe-header-color-surface: var(--theme-aux-2-bg-bg);
  --component-recipe-header-color-title: var(--theme-aux-1-surface-match-bg-text-primary);
  --component-recipe-header-content-padding-x: var(--padding-none);
  --component-recipe-header-content-padding-y: var(--padding-none);
  --component-recipe-header-content-radius: var(--general-radius-container);
  --component-recipe-header-copy-padding-x: var(--padding-none);
  --component-recipe-header-copy-padding-y: var(--padding-none);
  --component-recipe-header-padding-x: var(--spacing-general-margin-x);
  --component-recipe-header-padding-y: var(--layout-compact-margin-y);
  --component-recipe-instructions-card-max-width-mobile: 240px;
  --component-recipe-instructions-color-border: var(--component-recipe-instructions-color-surface);
  --component-recipe-instructions-color-surface: var(--general-color-background-light);
  --component-recipe-instructions-gutter: var(--space-between-xlarge);
  --component-recipe-instructions-padding-x: var(--padding-none);
  --component-recipe-instructions-padding-y: var(--component-hero-recipe-margin-x);
  --component-recipe-made-with-color-button-color: brand;
  --component-recipe-made-with-color-ratings: var(--theme-primary-interactive-ratings-inverse-active);
  --component-recipe-made-with-color-ratings-inactive: var(--theme-primary-interactive-ratings-inverse-inactive);
  --component-recipe-nutrition-card-max-width-mobile: 240px;
  --component-recipe-nutrition-color-bg: var(--general-color-background-light);
  --component-recipe-nutrition-color-body: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-eyebrow: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-fill: var(--componentTheme-feature-match-bg-fill);
  --component-recipe-nutrition-color-subtitle: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-title: var(--componentTheme-feature-match-bg-text-primary);
  --component-recipe-nutrition-content-padding-x: var(--spacing-general-margin-x);
  --component-recipe-nutrition-content-padding-y: var(--layout-base-margin-y);
  --component-recipe-nutrition-content-radius: var(--general-radius-container);
  --component-recipe-nutrition-gutter: var(--space-between-xlarge);
  --component-recipe-nutrition-padding-x: var(--padding-none);
  --component-recipe-nutrition-padding-y: var(--component-hero-recipe-margin-x);
  --component-related-content-color-bg: var(--component-content-grid-color-bg);
  --component-related-content-color-body: var(--component-content-grid-color-body);
  --component-related-content-color-button-color-1: var(--component-content-grid-color-button-color-1);
  --component-related-content-color-button-color-2: var(--component-content-grid-color-button-color-2);
  --component-related-content-color-subtitle: var(--component-content-grid-color-subtitle);
  --component-related-content-color-title: var(--component-content-grid-color-title);
  --component-search-field-active-bg: var(--general-color-background-white);
  --component-search-field-active-border: var(--general-color-border-brand-2);
  --component-search-field-active-icon: var(--general-color-fill-brand-2);
  --component-search-field-active-search-text: var(--general-color-text-darkest);
  --component-search-field-default-bg: var(--general-color-background-white);
  --component-search-field-default-border: var(--general-color-border-white);
  --component-search-field-default-icon: var(--general-color-fill-brand-1);
  --component-search-field-default-search-text: var(--general-color-text-darkest);
  --component-search-field-dropdown-active-radius: 56px;
  --component-search-field-dropdown-bg-default: var(--component-search-field-default-bg);
  --component-search-field-dropdown-bg-hover: var(--theme-secondary-bg-bg);
  --component-search-field-dropdown-border: var(--theme-primary-surface-border-focus);
  --component-search-field-dropdown-border-focus: 2px;
  --component-search-field-dropdown-focus-border: var(--theme-primary-surface-border-focus);
  --component-search-field-dropdown-focus-radius: 12px;
  --component-search-field-hover-bg: var(--general-color-background-white);
  --component-search-field-hover-border: var(--general-color-border-brand-2);
  --component-search-field-hover-icon: var(--general-color-fill-brand-2);
  --component-search-field-hover-search-text: var(--general-color-text-darkest);
  --component-site-footer-bottom-bar-bg: var(--color-primary-color-1-700);
  --component-site-footer-bottom-bar-cta-2-color: inverse;
  --component-site-footer-bottom-bar-icons: var(--general-color-fill-white);
  --component-site-footer-bottom-bar-link: var(--general-color-text-white);
  --component-site-footer-bottom-bar-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-bottom-bar-padding-y: var(--padding-xsmall);
  --component-site-footer-footer-links-bg: var(--general-color-background-brand-1);
  --component-site-footer-footer-links-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-footer-footer-links-column-label: var(--general-color-text-white);
  --component-site-footer-footer-links-cta-1-color: Inverse;
  --component-site-footer-footer-links-footer-logo: var(--theme-brand-name);
  --component-site-footer-footer-links-gap-icon: var(--spacing-spacing-4);
  --component-site-footer-footer-links-icons: var(--general-color-fill-white);
  --component-site-footer-footer-links-link: var(--general-color-text-white);
  --component-site-footer-footer-links-link-underline: var(--general-color-border-white);
  --component-site-footer-footer-links-logo-height-large: 88px;
  --component-site-footer-footer-links-logo-height-small: 40px;
  --component-site-footer-footer-links-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-footer-links-padding-y: var(--padding-medium);
  --component-site-footer-footer-links-text: var(--general-color-text-white);
  --component-site-footer-gap-links: var(--space-between-medium);
  --component-site-footer-space-between: var(--space-between-xsmall);
  --component-site-header-color-main-bar-desktop-bg: var(--component-site-header-color-utility-bar-bg);
  --component-site-header-color-main-bar-desktop-bottom-border: var(--general-color-border-brand-1);
  --component-site-header-color-main-bar-desktop-icons: var(--general-color-fill-white);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-desktop-link-link-enabled);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-desktop-link-link-enabled: var(--general-color-text-white);
  --component-site-header-color-main-bar-desktop-link-link-hover: var(--general-color-text-brand-2);
  --component-site-header-color-main-bar-desktop-link-link-underline: var(--general-color-border-brand-3);
  --component-site-header-color-main-bar-desktop-logo: var(--general-color-fill-white);
  --component-site-header-color-main-bar-mobile-bg: var(--general-color-background-white);
  --component-site-header-color-main-bar-mobile-bottom-border: var(--color-primary-color-2-100);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-mobile-link-link-enabled);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-mobile-link-link-enabled: var(--general-color-text-darkest);
  --component-site-header-color-main-bar-mobile-link-link-hover: var(--general-color-text-brand-2);
  --component-site-header-color-main-bar-mobile-link-link-underline: var(--general-color-border-brand-2);
  --component-site-header-color-mega-menu-menu-bg: var(--general-color-background-white);
  --component-site-header-color-mega-menu-menu-bottom-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-header-color-mega-menu-menu-item-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-hover-text: var(--general-color-text-brand-1);
  --component-site-header-color-mega-menu-menu-item-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-left-border-items: var(--general-color-border-brand-1);
  --component-site-header-color-mega-menu-menu-paragraph-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-side-bar-bg: var(--general-color-background-light);
  --component-site-header-color-mega-menu-menu-side-bar-title: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-active-icon: var(--component-site-header-color-mega-menu-menu-title-active-text);
  --component-site-header-color-mega-menu-menu-title-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-enabled-icon: var(--component-site-header-color-mega-menu-menu-title-enabled-text);
  --component-site-header-color-mega-menu-menu-title-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-hover-bg: var(--component-site-header-color-mega-menu-menu-bg);
  --component-site-header-color-mega-menu-menu-title-hover-icon: var(--component-site-header-color-mega-menu-menu-title-hover-text);
  --component-site-header-color-mega-menu-menu-title-hover-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-pressed-icon: var(--component-site-header-color-mega-menu-menu-title-pressed-text);
  --component-site-header-color-mega-menu-menu-title-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-enabled-bg: var(--general-color-fill-white);
  --component-site-header-color-search-tag-enabled-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-header-color-search-tag-enabled-icons: var(--general-color-fill-brand-2);
  --component-site-header-color-search-tag-enabled-link: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-hover-bg: var(--general-color-fill-light);
  --component-site-header-color-search-tag-hover-border: var(--general-color-border-brand-1);
  --component-site-header-color-search-tag-hover-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-search-tag-hover-link: var(--general-color-text-brand-1);
  --component-site-header-color-secondary-bar-bg: var(--color-primary-color-1-500);
  --component-site-header-color-secondary-bar-on-bar-enabled-bg: #ffffff00;
  --component-site-header-color-secondary-bar-on-bar-enabled-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-bar-enabled-link);
  --component-site-header-color-secondary-bar-on-bar-hover-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-hover-link-icons: var(--component-site-header-color-secondary-bar-on-bar-hover-link);
  --component-site-header-color-secondary-bar-on-bar-pressed-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-bar-pressed-link);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link: var(--component-site-header-color-mega-menu-menu-item-enabled-text);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-enabled-link);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link: var(--component-site-header-color-mega-menu-menu-item-hover-text);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-hover-link);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link: var(--component-site-header-color-mega-menu-menu-item-pressed-text);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-pressed-link);
  --component-site-header-color-utility-bar-bg: var(--color-primary-color-1-700);
  --component-site-header-color-utility-bar-bottom-border: var(--component-site-header-color-utility-bar-bg);
  --component-site-header-color-utility-bar-button-color-1: inverse;
  --component-site-header-color-utility-bar-button-color-2: inverse;
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-enabled: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-enabled: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-underline: var(--general-color-text-white);
  --component-site-header-color-utility-bar-favorites-button-bg: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-bg-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-bg-pressed: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-border: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-border-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-focus: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-heart-fill: var(--color-brand-general-mills-generalMills-red);
  --component-site-header-color-utility-bar-favorites-button-heart-fill-hover: var(--color-brand-general-mills-generalMills-red);
  --component-site-header-color-utility-bar-favorites-button-text: var(--general-color-text-darkest);
  --component-site-header-color-utility-bar-favorites-button-text-hover: var(--general-color-text-darkest);
  --component-site-header-color-utility-bar-icon: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-logo: var(--general-color-fill-white);
  --component-site-header-main-bar-bottom-border: var(--spacing-spacing-0);
  --component-site-header-main-bar-brand-logo: var(--theme-brand-name);
  --component-site-header-main-bar-gap-links: var(--space-between-medium);
  --component-site-header-main-bar-link-bottom-underline-border: 2px;
  --component-site-header-main-bar-logo-height-large: 92px;
  --component-site-header-main-bar-logo-height-small: 62px;
  --component-site-header-main-bar-logo-margin-right: var(--margin-xsmall);
  --component-site-header-main-bar-logo-width-large: 240px;
  --component-site-header-main-bar-logo-width-small: 120px;
  --component-site-header-main-bar-main-bar-inset: var(--padding-none);
  --component-site-header-main-bar-radius: var(--general-radius-none);
  --component-site-header-mega-menu-menu-item-min-width-: 120px;
  --component-site-header-mega-menu-menu-item-radius: var(--component-cta-radius);
  --component-site-header-padding-x: var(--padding-small);
  --component-site-header-padding-y: var(--padding-xsmall);
  --component-site-header-site-header-simple-search-bar-max-width-desktop: 400px;
  --component-site-header-utility-bar-margin-bottom: var(--spacing-spacing-0);
  --component-skip-to-content-theme-border-size: var(--spacing-spacing-2);
  --component-skip-to-content-theme-primary-bg: var(--general-color-background-brand-2);
  --component-skip-to-content-theme-primary-border: var(--general-color-border-white);
  --component-skip-to-content-theme-primary-link-underline: var(--component-skip-to-content-theme-primary-text);
  --component-skip-to-content-theme-primary-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-skip-to-content-theme-secondary-bg: var(--theme-secondary-bg-bg);
  --component-skip-to-content-theme-secondary-border: var(--component-skip-to-content-theme-primary-bg);
  --component-skip-to-content-theme-secondary-link-underline: var(--theme-secondary-bg-text-link-underline);
  --component-skip-to-content-theme-secondary-text: var(--theme-secondary-bg-text-link-underline);
  --component-social-bar-color-bg: var(--general-color-background-white);
  --component-social-bar-color-focus: var(--general-color-background-white);
  --component-social-bar-margin-x: var(--spacing-general-margin-x);
  --component-social-bar-margin-y: var(--spacing-general-margin-y);
  --component-static-icon-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-color-on-surface-image-border: var(--color-grayscale-black);
  --component-static-icon-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-static-icon-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-static-icon-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-static-icon-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-static-icon-base-column-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-focus: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-hover: var(--spacing-spacing-4);
  --component-static-icon-base-column-label-margin: var(--spacing-spacing-0);
  --component-static-icon-base-column-min-height: 280px;
  --component-static-icon-base-column-padding-x: var(--padding-none);
  --component-static-icon-base-column-padding-y: var(--padding-none);
  --component-static-icon-base-column-width-column-width-large: 550px;
  --component-static-icon-base-column-width-column-width-medium: 480px;
  --component-static-icon-base-column-width-column-width-small: 320px;
  --component-static-icon-base-copy-padding-x: var(--padding-xsmall);
  --component-static-icon-base-copy-padding-y: var(--padding-xsmall);
  --component-static-icon-base-icon-icon-height-large: 300px;
  --component-static-icon-base-icon-icon-height-medium: 200px;
  --component-static-icon-base-icon-icon-height-small: 120px;
  --component-static-icon-base-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-image-border: var(--color-grayscale-black);
  --component-static-icon-base-image-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-image-icon-image-ratio: "1:1";
  --component-static-icon-base-image-image-ratio: "3:2";
  --component-static-icon-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-static-icon-base-image-padding-x: var(--padding-none);
  --component-static-icon-base-image-radius: var(--general-radius-image);
  --component-table-color-table-row-bg-alt: var(--general-color-surface-light);
  --component-table-color-table-row-bg-header: var(--general-color-surface-light);
  --component-tabs-color-tab-border-active-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-focus-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-hover-border: var(--theme-brand-action-hover);
  --component-tabs-color-tab-border-inactive-border: var(--general-color-border-mid);
  --component-tabs-color-tab-border-pressed-border: var(--theme-brand-action-hover);
  --component-tag-interactive-border: var(--spacing-spacing-1);
  --component-tag-interactive-color-brand-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-cta-link-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-cta-link-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-tag-interactive-color-brand-cta-link-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-cta-link-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-tag-interactive-color-brand-cta-link-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-tag-interactive-color-brand-cta-link-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-tag-interactive-color-brand-cta-link-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-tag-interactive-color-brand-cta-link-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-interactive-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-tag-interactive-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-tag-interactive-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-tag-interactive-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-tag-interactive-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-tag-interactive-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-kitchen-tested-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-kitchen-tested-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-kitchen-tested-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-kitchen-tested-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-kitchen-tested-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-inverse-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-cta-link-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-tag-interactive-color-inverse-cta-link-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-cta-link-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-tag-interactive-color-inverse-cta-link-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-enabled-text: var(--theme-primary-interactive-button-brand-action);
  --component-tag-interactive-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-tag-interactive-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-tag-interactive-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-brand-action-hover);
  --component-tag-interactive-color-inverse-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-tag-interactive-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-tag-interactive-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-tag-interactive-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-inverse-outline-enabled-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-tag-interactive-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-tag-interactive-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-tag-interactive-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-inverse-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-color-inverse-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-tag-interactive-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-tag-interactive-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-tag-interactive-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-radius-bottom-left: var(--general-radius-tag);
  --component-tag-interactive-radius-bottom-right: var(--general-radius-tag);
  --component-tag-interactive-radius-top-left: var(--general-radius-tag);
  --component-tag-interactive-radius-top-right: var(--general-radius-tag);
  --component-tag-static-border-width: 1px;
  --component-tag-static-color-fill-A-bg: var(--color-secondary-color-5-100);
  --component-tag-static-color-fill-A-border: var(--component-tag-static-color-fill-A-bg);
  --component-tag-static-color-fill-A-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-A-text: var(--general-color-text-white);
  --component-tag-static-color-fill-B-bg: var(--color-primary-color-1-500);
  --component-tag-static-color-fill-B-border: var(--component-tag-static-color-fill-B-bg);
  --component-tag-static-color-fill-B-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-B-text: var(--general-color-text-white);
  --component-tag-static-color-fill-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-static-color-fill-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-static-color-fill-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-color-outline-A-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-A-border: var(--color-secondary-color-5-100);
  --component-tag-static-color-outline-A-icon: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-A-text: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-B-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-B-border: var(--color-primary-color-1-500);
  --component-tag-static-color-outline-B-icon: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-B-text: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-bg: #2e6be500;
  --component-tag-static-color-outline-border: var(--theme-brand-action);
  --component-tag-static-color-outline-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-outline-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-color-text-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-text-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-inset: var(--spacing-spacing-24);
  --component-tag-static-radius-bottom-left: var(--general-radius-tag);
  --component-tag-static-radius-bottom-right: var(--general-radius-tag);
  --component-tag-static-radius-top-left: var(--general-radius-tag);
  --component-tag-static-radius-top-right: var(--general-radius-tag);
  --component-vertical-video-asset-default-height: 120px;
  --component-vertical-video-asset-default-width: 120px;
  --component-vertical-video-asset-hover-height: 112px;
  --component-vertical-video-asset-hover-width: 112px;
  --component-vertical-video-border-width: 0px;
  --component-vertical-video-color-bg: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-border-focus: var(--component-category-color-category-enabled);
  --component-vertical-video-color-category-enabled: var(--component-content-grid-color-body);
  --component-vertical-video-color-category-hover: var(--component-content-grid-color-body);
  --component-vertical-video-color-fill: var(--componentTheme-content-grid-fill);
  --component-vertical-video-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-surface: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-title: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-gutter: var(--spacing-general-gutter);
  --component-vertical-video-padding-x: var(--spacing-general-margin-x);
  --component-vertical-video-padding-y: var(--spacing-general-margin-y);
  --component-video-margin-x: var(--spacing-general-margin-x);
  --component-video-margin-y: var(--spacing-general-margin-y);
  --component-video-standalone-video-max-width-desktop: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-mobile: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-tablet: var(--typography-copy-max-width);
  --general-color-background-brand-1: var(--color-primary-color-1-500);
  --general-color-background-brand-2: var(--color-primary-color-1-300);
  --general-color-background-brand-3: var(--color-secondary-color-3-500);
  --general-color-background-brand-4: var(--color-secondary-color-6-900);
  --general-color-background-dark: var(--color-primary-color-1-700);
  --general-color-background-darkest: var(--color-primary-color-1-900);
  --general-color-background-light: var(--color-grayscale-100);
  --general-color-background-white: var(--color-grayscale-white);
  --general-color-border-brand-1: var(--color-primary-color-1-700);
  --general-color-border-brand-2: var(--color-primary-color-2-500);
  --general-color-border-brand-3: var(--color-secondary-color-6-500);
  --general-color-border-dark: var(--color-grayscale-700);
  --general-color-border-darkest: var(--color-primary-color-1-900);
  --general-color-border-light: var(--color-grayscale-300);
  --general-color-border-mid: var(--color-grayscale-400);
  --general-color-border-white: var(--color-grayscale-white);
  --general-color-fill-brand-1: var(--color-primary-color-1-500);
  --general-color-fill-brand-2: var(--color-primary-color-2-500);
  --general-color-fill-brand-3: var(--color-secondary-color-6-500);
  --general-color-fill-dark: var(--color-primary-color-1-700);
  --general-color-fill-darkest: var(--color-primary-color-1-900);
  --general-color-fill-light: var(--color-primary-color-1-100);
  --general-color-fill-mid: var(--color-grayscale-400);
  --general-color-fill-white: var(--color-grayscale-white);
  --general-color-surface-brand-1: var(--color-primary-color-1-500);
  --general-color-surface-brand-2: var(--color-primary-color-2-500);
  --general-color-surface-brand-3: var(--color-secondary-color-6-900);
  --general-color-surface-dark: var(--color-primary-color-1-700);
  --general-color-surface-darkest: var(--color-primary-color-1-900);
  --general-color-surface-light: var(--color-primary-color-1-100);
  --general-color-surface-white: var(--color-grayscale-white);
  --general-color-text-brand-1: var(--color-primary-color-1-500);
  --general-color-text-brand-2: var(--color-primary-color-1-700);
  --general-color-text-brand-3: var(--color-secondary-color-6-900);
  --general-color-text-dark: var(--color-grayscale-800);
  --general-color-text-darkest: var(--color-primary-color-1-900);
  --general-color-text-light: var(--color-grayscale-100);
  --general-color-text-mid: var(--color-grayscale-400);
  --general-color-text-white: var(--color-grayscale-white);
  --general-drop-shadow-blur: 30px;
  --general-drop-shadow-color: #000000;
  --general-drop-shadow-sub-menu-blur: 12px;
  --general-drop-shadow-sub-menu-color: #00000014;
  --general-drop-shadow-sub-menu-y-value: 2px;
  --general-radius-accordion: var(--radius-radius-12);
  --general-radius-base: var(--radius-radius-12);
  --general-radius-card: var(--general-radius-base);
  --general-radius-card-focus: 14px;
  --general-radius-container: var(--general-radius-base);
  --general-radius-container-l2: var(--radius-radius-8);
  --general-radius-dialog: var(--general-radius-base);
  --general-radius-focus: 14px;
  --general-radius-image: var(--general-radius-base);
  --general-radius-label: var(--radius-radius-rounded);
  --general-radius-modal: var(--general-radius-base);
  --general-radius-none: var(--radius-radius-0);
  --general-radius-tag: var(--radius-radius-rounded);
  --spacing-columns-desktop-full-max-width: var(--global-columns-base-desktop-full-max-width);
  --spacing-columns-desktop-full-min-width: var(--global-columns-base-desktop-full-min-width);
  --spacing-columns-desktop-half-max-width: var(--global-columns-base-desktop-half-max-width);
  --spacing-columns-desktop-half-min-width: var(--global-columns-base-desktop-half-min-width);
  --spacing-columns-desktop-one-fourth-max-width: var(--global-columns-base-desktop-oneFourth-max-width);
  --spacing-columns-desktop-one-fourth-min-width: var(--global-columns-base-desktop-oneFourth-min-width);
  --spacing-columns-desktop-one-third-max-width: var(--global-columns-base-desktop-oneThird-max-width);
  --spacing-columns-desktop-one-third-min-width: var(--global-columns-base-desktop-oneThird-min-width);
  --spacing-columns-desktop-three-fourth-max-width: var(--global-columns-base-desktop-three-fourth-max-width);
  --spacing-columns-desktop-three-fourth-min-width: var(--global-columns-base-desktop-three-fourth-min-width);
  --spacing-columns-mobile-full-max-width: var(--global-columns-base-mobile-full-max-width);
  --spacing-columns-mobile-full-min-width: var(--global-columns-base-mobile-full-min-width);
  --spacing-columns-mobile-half-max-width: var(--global-columns-base-mobile-half-max-width);
  --spacing-columns-mobile-half-min-width: var(--global-columns-base-mobile-half-min-width);
  --spacing-columns-mobile-one-fourth-max-width: var(--global-columns-base-mobile-oneFourth-max-width);
  --spacing-columns-mobile-one-third-max-width: var(--global-columns-base-mobile-oneThird-max-width);
  --spacing-columns-mobile-one-third-min-width: var(--global-columns-base-mobile-oneThird-min-width);
  --spacing-columns-mobile-oneFourth-min-width: var(--global-columns-base-mobile-oneFourth-min-width);
  --spacing-columns-mobile-three-fourth-max-width: var(--global-columns-base-mobile-three-fourth-max-width);
  --spacing-columns-mobile-three-fourth-min-width: var(--global-columns-base-mobile-three-fourth-min-width);
  --spacing-columns-tablet-full-max-width: var(--global-columns-base-tablet-full-max-width);
  --spacing-columns-tablet-full-min-width: var(--global-columns-base-tablet-full-min-width);
  --spacing-columns-tablet-half-max-width: var(--global-columns-base-tablet-half-max-width);
  --spacing-columns-tablet-half-min-width: var(--global-columns-base-tablet-half-min-width);
  --spacing-columns-tablet-one-fourth-max-width: var(--global-columns-base-tablet-oneFourth-max-width);
  --spacing-columns-tablet-one-fourth-min-width: var(--global-columns-base-tablet-oneFourth-min-width);
  --spacing-columns-tablet-one-third-max-width: var(--global-columns-base-tablet-oneThird-max-width);
  --spacing-columns-tablet-one-third-min-width: var(--global-columns-base-tablet-oneThird-min-width);
  --spacing-columns-tablet-three-fourth-max-width: var(--global-columns-base-tablet-three-fourth-max-width);
  --spacing-columns-tablet-three-fourth-min-width: var(--global-columns-base-tablet-three-fourth-min-width);
  --spacing-general-buttons-space-between: var(--space-between-small);
  --spacing-general-container-padding-x: var(--layout-full-margin-x);
  --spacing-general-container-padding-y: var(--layout-full-margin-y);
  --spacing-general-copy-margin-bottom: var(--margin-none);
  --spacing-general-cta-margin-top: var(--margin-small);
  --spacing-general-eyebrow-margin-bottom: var(--margin-xsmall);
  --spacing-general-favicon-dimensions: var(--spacing-spacing-32);
  --spacing-general-gutter: var(--layout-base-gutter);
  --spacing-general-icon-margin-bottom: var(--margin-medium);
  --spacing-general-image-padding: var(--padding-none);
  --spacing-general-margin-related-y: var(--spacing-spacing-16);
  --spacing-general-margin-x: var(--layout-base-margin-x);
  --spacing-general-margin-y: var(--layout-base-margin-y);
  --spacing-general-subtitle-margin-top: var(--margin-xxsmall);
  --spacing-general-title-margin-bottom: var(--margin-xsmall);
  --spacing-general-top-title-margin-bottom: var(--margin-small);
  --theme-aux-1-bg-bg: var(--general-color-background-darkest);
  --theme-aux-1-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-1-bg-cta-1-color: inverse;
  --theme-aux-1-bg-cta-2-color: inverse;
  --theme-aux-1-bg-icon: var(--general-color-fill-brand-2);
  --theme-aux-1-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-bg-text-primary: var(--general-color-text-white);
  --theme-aux-1-bg-text-secondary: var(--general-color-fill-white);
  --theme-aux-1-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-1-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-1-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-1-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-1-interactive-button-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-link: var(--theme-brand-action-alternate);
  --theme-aux-1-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-1-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-1-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-surface-focus: var(--theme-aux-1-surface-surface);
  --theme-aux-1-interactive-surface-hover: var(--general-color-surface-white);
  --theme-aux-1-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-1-surface-border: var(--general-color-border-brand-1);
  --theme-aux-1-surface-border-focus: var(--general-color-border-white);
  --theme-aux-1-surface-border-hover: var(--general-color-border-brand-1);
  --theme-aux-1-surface-cta-1-color: brand;
  --theme-aux-1-surface-cta-2-color: brand;
  --theme-aux-1-surface-icon: var(--general-color-fill-brand-1);
  --theme-aux-1-surface-match-bg-border: var(--general-color-border-white);
  --theme-aux-1-surface-match-bg-cta-1-color: inverse;
  --theme-aux-1-surface-match-bg-cta-2-color: inverse;
  --theme-aux-1-surface-match-bg-icon: var(--theme-aux-1-bg-text-hover);
  --theme-aux-1-surface-match-bg-surface: var(--theme-aux-1-bg-bg);
  --theme-aux-1-surface-match-bg-text-hover: var(--theme-aux-1-bg-text-link);
  --theme-aux-1-surface-match-bg-text-primary: var(--theme-aux-1-bg-text-primary);
  --theme-aux-1-surface-match-bg-text-secondary: var(--theme-aux-1-bg-text-secondary);
  --theme-aux-1-surface-surface: var(--general-color-background-white);
  --theme-aux-1-surface-text-hover: var(--theme-brand-action);
  --theme-aux-1-surface-text-link: var(--theme-brand-action-alternate);
  --theme-aux-1-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-1-surface-text-primary: var(--general-color-text-darkest);
  --theme-aux-1-surface-text-secondary: var(--general-color-text-dark);
  --theme-aux-2-bg-bg: var(--general-color-background-brand-1);
  --theme-aux-2-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-2-bg-border: var(--general-color-border-white);
  --theme-aux-2-bg-cta-1-color: inverse;
  --theme-aux-2-bg-cta-2-color: inverse;
  --theme-aux-2-bg-icon: var(--general-color-fill-white);
  --theme-aux-2-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-2-bg-text-link: var(--theme-brand-action-inverse);
  --theme-aux-2-bg-text-link-underline: var(--theme-brand-action-inverse);
  --theme-aux-2-bg-text-primary: var(--general-color-text-white);
  --theme-aux-2-bg-text-secondary: var(--general-color-text-white);
  --theme-aux-2-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-2-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-2-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-2-interactive-button-link-underline: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-ghost-link: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-ghost-link-underline: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-ghost-inverse-link-underline: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-2-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-2-interactive-ratings-inactive: var(--color-grayscale-400);
  --theme-aux-2-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-2-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-2-interactive-surface-focus: var(--theme-aux-1-surface-surface);
  --theme-aux-2-interactive-surface-hover: var(--general-color-surface-light);
  --theme-aux-2-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-2-surface-border: var(--general-color-border-brand-1);
  --theme-aux-2-surface-border-focus: var(--general-color-border-white);
  --theme-aux-2-surface-border-hover: var(--general-color-border-brand-1);
  --theme-aux-2-surface-cta-1-color: brand;
  --theme-aux-2-surface-cta-2-color: brand;
  --theme-aux-2-surface-icon: var(--general-color-fill-brand-1);
  --theme-aux-2-surface-match-bg-border: var(--general-color-border-white);
  --theme-aux-2-surface-match-bg-cta-1-color: var(--theme-aux-1-bg-cta-1-color);
  --theme-aux-2-surface-match-bg-cta-2-color: var(--theme-aux-1-bg-cta-2-color);
  --theme-aux-2-surface-match-bg-fill: var(--theme-aux-2-bg-icon);
  --theme-aux-2-surface-match-bg-surface: var(--theme-aux-2-bg-bg);
  --theme-aux-2-surface-match-bg-text-hover: var(--theme-aux-2-bg-text-hover);
  --theme-aux-2-surface-match-bg-text-primary: var(--theme-aux-2-bg-text-primary);
  --theme-aux-2-surface-match-bg-text-secondary: var(--theme-aux-2-bg-text-secondary);
  --theme-aux-2-surface-surface: var(--general-color-surface-white);
  --theme-aux-2-surface-text-hover: var(--theme-brand-action);
  --theme-aux-2-surface-text-link: var(--theme-brand-action-alternate);
  --theme-aux-2-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-2-surface-text-primary: var(--general-color-text-darkest);
  --theme-aux-2-surface-text-secondary: var(--general-color-text-dark);
  --theme-brand-action: var(--general-color-fill-brand-1);
  --theme-brand-action-alternate: var(--color-primary-color-1-700);
  --theme-brand-action-alternate-inverse: var(--color-primary-color-1-900);
  --theme-brand-action-hover: var(--color-primary-color-1-700);
  --theme-brand-action-hover-inverse: var(--general-color-fill-light);
  --theme-brand-action-inverse: var(--general-color-fill-white);
  --theme-link-underline: var(--theme-brand-action-alternate);
  --theme-link-underline-inverse: var(--theme-brand-action-inverse);
  --theme-primary-bg-bg: var(--general-color-background-white);
  --theme-primary-bg-bg-decor-accent: var(--general-color-background-brand-1);
  --theme-primary-bg-border: var(--general-color-border-light);
  --theme-primary-bg-cta-1-color: brand;
  --theme-primary-bg-cta-2-color: brand;
  --theme-primary-bg-icon: var(--general-color-fill-brand-1);
  --theme-primary-bg-text-hover: var(--theme-brand-action-alternate-inverse);
  --theme-primary-bg-text-link: var(--theme-brand-action-alternate);
  --theme-primary-bg-text-link-underline: var(--theme-link-underline);
  --theme-primary-bg-text-primary: var(--general-color-text-darkest);
  --theme-primary-bg-text-secondary: var(--general-color-text-dark);
  --theme-primary-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-primary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-primary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-primary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-primary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-link: var(--theme-brand-action-alternate);
  --theme-primary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-primary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-primary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-primary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-primary-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-primary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-ratings-inverse-active: var(--general-color-surface-white);
  --theme-primary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-surface-focus: var(--theme-primary-surface-surface);
  --theme-primary-interactive-surface-hover: var(--general-color-surface-light);
  --theme-primary-interactive-surface-pressed: var(--theme-primary-interactive-surface-hover);
  --theme-primary-surface-border: var(--general-color-border-brand-1);
  --theme-primary-surface-border-focus: var(--general-color-border-brand-1);
  --theme-primary-surface-border-hover: var(--general-color-border-light);
  --theme-primary-surface-cta-1-color: brand;
  --theme-primary-surface-cta-2-color: brand;
  --theme-primary-surface-icon: var(--general-color-fill-brand-1);
  --theme-primary-surface-match-bg-border: var(--general-color-border-brand-1);
  --theme-primary-surface-match-bg-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --theme-primary-surface-match-bg-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --theme-primary-surface-match-bg-fill: var(--theme-primary-bg-icon);
  --theme-primary-surface-match-bg-surface: var(--theme-primary-bg-bg);
  --theme-primary-surface-match-bg-text-hover: var(--theme-primary-bg-text-hover);
  --theme-primary-surface-match-bg-text-primary: var(--theme-primary-bg-text-primary);
  --theme-primary-surface-match-bg-text-secondary: var(--theme-primary-bg-text-secondary);
  --theme-primary-surface-surface: var(--general-color-surface-white);
  --theme-primary-surface-text-hover: var(--theme-brand-action-alternate-inverse);
  --theme-primary-surface-text-link: var(--theme-brand-action-alternate);
  --theme-primary-surface-text-link-underline: var(--theme-link-underline);
  --theme-primary-surface-text-primary: var(--general-color-text-darkest);
  --theme-primary-surface-text-secondary: var(--general-color-text-dark);
  --theme-secondary-bg-bg: var(--general-color-background-light);
  --theme-secondary-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-secondary-bg-border: var(--general-color-border-white);
  --theme-secondary-bg-cta-1-color: brand;
  --theme-secondary-bg-cta-2-color: brand;
  --theme-secondary-bg-icon: var(--general-color-fill-brand-1);
  --theme-secondary-bg-text-hover: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-bg-text-link: var(--theme-brand-action-alternate);
  --theme-secondary-bg-text-link-underline: var(--theme-link-underline);
  --theme-secondary-bg-text-primary: var(--general-color-text-darkest);
  --theme-secondary-bg-text-secondary: var(--general-color-text-dark);
  --theme-secondary-interactive-action-bar-button-border: var(--component-cta-color-brand-fill-enabled-border);
  --theme-secondary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-secondary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-secondary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-secondary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-link: var(--theme-brand-action-alternate);
  --theme-secondary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-secondary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-secondary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-secondary-interactive-surface-hover: var(--general-color-surface-light);
  --theme-secondary-interactive-surface-pressed: var(--theme-secondary-interactive-surface-hover);
  --theme-secondary-surface-border: var(--general-color-border-brand-1);
  --theme-secondary-surface-border-focus: var(--general-color-border-brand-1);
  --theme-secondary-surface-border-hover: var(--general-color-border-brand-1);
  --theme-secondary-surface-cta-1-color: brand;
  --theme-secondary-surface-cta-2-color: brand;
  --theme-secondary-surface-icon: var(--general-color-fill-brand-1);
  --theme-secondary-surface-match-bg-border: var(--general-color-border-brand-1);
  --theme-secondary-surface-match-bg-cta-1-color: var(--theme-secondary-bg-cta-1-color);
  --theme-secondary-surface-match-bg-cta-2-color: var(--theme-secondary-bg-cta-2-color);
  --theme-secondary-surface-match-bg-fill: var(--theme-secondary-bg-icon);
  --theme-secondary-surface-match-bg-surface: var(--theme-secondary-bg-bg);
  --theme-secondary-surface-match-bg-text-hover: var(--theme-secondary-surface-text-hover);
  --theme-secondary-surface-match-bg-text-primary: var(--theme-secondary-bg-text-primary);
  --theme-secondary-surface-match-bg-text-secondary: var(--theme-secondary-bg-text-secondary);
  --theme-secondary-surface-surface: var(--general-color-surface-white);
  --theme-secondary-surface-text-hover: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-surface-text-link: var(--theme-brand-action-alternate);
  --theme-secondary-surface-text-link-underline: var(--theme-brand-action-alternate);
  --theme-secondary-surface-text-primary: var(--general-color-text-darkest);
  --theme-secondary-surface-text-secondary: var(--general-color-text-dark);
  --typography-font-family-accent-header: var(--typography-font-family-noto-sans);
  --typography-font-family-body: var(--typography-font-family-noto-sans);
  --typography-font-family-header: var(--typography-font-family-roboto-slab);
  --typography-font-size-desktop-accent-header-display: var(--typography-font-size-font-size-72);
  --typography-font-size-desktop-accent-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-accent-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-accent-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-accent-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-desktop-body-xlarge: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-desktop-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-desktop-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-header-medium: var(--typography-font-size-font-size-28);
  --typography-font-size-desktop-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-mobile-accent-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-large: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-accent-header-medium: var(--typography-font-size-font-size-20);
  --typography-font-size-mobile-accent-header-small: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-accent-header-xlarge: var(--typography-font-size-font-size-28);
  --typography-font-size-mobile-accent-header-xsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-xxlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-accent-header-xxsmall: var(--typography-font-size-font-size-14);
  --typography-font-size-mobile-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-mobile-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-mobile-header-display: var(--typography-font-size-font-size-48);
  --typography-font-size-mobile-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-large: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-header-medium: var(--typography-font-size-font-size-20);
  --typography-font-size-mobile-header-small: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-header-xsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-mobile-header-xxsmall: var(--typography-font-size-font-size-14);
  --typography-font-size-tablet-accent-header-display: var(--typography-font-size-font-size-96);
  --typography-font-size-tablet-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-accent-header-large: var(--typography-font-size-font-size-28);
  --typography-font-size-tablet-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-accent-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-accent-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-tablet-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-tablet-header-display: var(--typography-font-size-font-size-56);
  --typography-font-size-tablet-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-header-large: var(--typography-font-size-font-size-28);
  --typography-font-size-tablet-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-weight-body: 400;
  --typography-font-weight-body-bold: 700;
  --typography-font-weight-button: 700;
  --typography-font-weight-display: 800;
  --typography-font-weight-large: 800;
  --typography-font-weight-medium: 800;
  --typography-font-weight-small: 800;
  --typography-font-weight-xlarge: 800;
  --typography-font-weight-xsmall: 800;
  --typography-font-weight-xxlarge: 800;
  --typography-font-weight-xxsmall: 800;
}

.BrandsGMI {
  --color-grayscale-100: #f5f5f5;
  --color-grayscale-200: var(--color-grayscale-coolGray-200);
  --color-grayscale-300: var(--color-grayscale-coolGray-300);
  --color-grayscale-400: var(--color-grayscale-coolGray-400);
  --color-grayscale-500: var(--color-grayscale-coolGray-500);
  --color-grayscale-600: var(--color-grayscale-coolGray-600);
  --color-grayscale-700: var(--color-grayscale-coolGray-700);
  --color-grayscale-800: #272728;
  --color-grayscale-900: var(--color-grayscale-coolGray-900);
  --color-grayscale-black: #000000;
  --color-primary-color-1-100: #dfeeff;
  --color-primary-color-1-300: #0a87ed;
  --color-primary-color-1-500: #0074c1;
  --color-primary-color-1-700: #0054a6;
  --color-primary-color-1-900: #444444;
  --color-primary-color-1-accessible: #19488a;
  --color-primary-color-2-100: #e3f2fb;
  --color-primary-color-2-300: #89d3f0;
  --color-primary-color-2-500: #50bfe7;
  --color-primary-color-2-700: #0e3043;
  --color-primary-color-2-900: #0e3043;
  --color-primary-color-2-accessible: #0e3043;
  --color-secondary-color-3-100: #e6eff2;
  --color-secondary-color-3-500: #0099d9;
  --color-secondary-color-3-900: #0099d9;
  --color-secondary-color-4-100: #e9f8ed;
  --color-secondary-color-4-500: #6ea848;
  --color-secondary-color-4-900: #338019;
  --color-secondary-color-5-100: #c45326;
  --color-secondary-color-5-500: #ed8137;
  --color-secondary-color-5-900: #c45326;
  --color-secondary-color-6-100: #d5ebed;
  --color-secondary-color-6-500: #4ba9b3;
  --color-secondary-color-6-900: #008388;
  --color-secondary-color-7-100: #cccccc;
  --color-secondary-color-7-500: #cccccc;
  --color-secondary-color-7-900: #cccccc;
  --color-tertiary-color-swatch-500: var(--color-brand-general-mills-generalMills-red);
  --component-accordion-color-default-body: var(--general-color-text-dark);
  --component-accordion-color-default-border: var(--general-color-border-light);
  --component-accordion-color-default-icons: var(--general-color-fill-brand-1);
  --component-accordion-color-default-surface: var(--general-color-surface-white);
  --component-accordion-color-default-title: var(--general-color-text-darkest);
  --component-accordion-color-hover-body: var(--general-color-text-dark);
  --component-accordion-color-hover-border: var(--general-color-border-brand-1);
  --component-accordion-color-hover-icons: var(--general-color-background-brand-1);
  --component-accordion-color-hover-surface: var(--general-color-surface-light);
  --component-accordion-color-hover-title: var(--general-color-text-darkest);
  --component-accordion-item-border-bottom: 1px;
  --component-accordion-item-border-left: 1px;
  --component-accordion-item-border-right: 1px;
  --component-accordion-item-border-top: 1px;
  --component-accordion-padding-x: var(--padding-small);
  --component-accordion-padding-y: var(--padding-small);
  --component-action-bar-border: var(--spacing-spacing-0);
  --component-action-bar-color-border: var(--general-color-border-white);
  --component-action-bar-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-enabled-border: var(--general-color-text-brand-1);
  --component-action-bar-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-action-bar-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-focus-focus-border: var(--theme-brand-action);
  --component-action-bar-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-action-bar-color-button-hover-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-action-bar-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-action-bar-color-surface: var(--general-color-surface-white);
  --component-action-bar-color-toggle-active-bg: var(--general-color-fill-brand-2);
  --component-action-bar-color-toggle-active-switch-circle: var(--general-color-fill-white);
  --component-action-bar-color-toggle-inactive-bg: var(--general-color-fill-mid);
  --component-action-bar-color-toggle-inactive-switch-circle: var(--general-color-fill-white);
  --component-action-bar-gap-horizontal: var(--spacing-spacing-16);
  --component-action-bar-gap-vertical: var(--spacing-spacing-12);
  --component-action-bar-radius: var(--radius-radius-12);
  --component-action-bar-share-menu-bg-default: var(--general-color-background-white);
  --component-action-bar-share-menu-bg-hover: var(--color-grayscale-100);
  --component-action-bar-share-menu-blur: 12px;
  --component-action-bar-share-menu-color: #00000014;
  --component-action-bar-share-menu-focus-border: var(--theme-brand-action);
  --component-action-bar-share-menu-max-width: 350px;
  --component-action-bar-share-menu-min-height: 48px;
  --component-action-bar-share-menu-min-width: 200px;
  --component-action-bar-share-menu-text: var(--general-color-text-darkest);
  --component-action-bar-share-menu-y-value: 2px;
  --component-action-bar-width-desktop: 88px;
  --component-action-bar-width-mobile: 56px;
  --component-action-bar-width-tablet: 64px;
  --component-alert-banner-bg: var(--general-color-background-darkest);
  --component-alert-banner-body: var(--general-color-text-white);
  --component-alert-banner-button-color-1: inverse;
  --component-alert-banner-button-color-2: inverse;
  --component-alert-banner-close: var(--general-color-fill-white);
  --component-alert-banner-icon: var(--general-color-fill-white);
  --component-alert-banner-title: var(--general-color-text-white);
  --component-breadcrumb-color-bg: var(--theme-primary-bg-bg);
  --component-breadcrumb-color-item-enabled-icon: var(--general-color-fill-mid);
  --component-breadcrumb-color-item-enabled-text: var(--color-grayscale-500);
  --component-breadcrumb-color-item-focus-icon: var(--component-breadcrumb-color-item-hover-icon);
  --component-breadcrumb-color-item-focus-text: var(--component-breadcrumb-color-item-hover-text);
  --component-breadcrumb-color-item-hover-icon: var(--theme-brand-action);
  --component-breadcrumb-color-item-hover-text: var(--theme-brand-action);
  --component-breadcrumb-color-item-pressed-icon: var(--general-color-fill-brand-1);
  --component-breadcrumb-color-item-pressed-text: var(--general-color-text-brand-1);
  --component-breadcrumb-color-tip-active-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-bg: var(--color-grayscale-black);
  --component-breadcrumb-color-tip-enabled-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-hover-link: var(--general-color-text-white);
  --component-button-tag-color-disabled-bg: #08459833;
  --component-button-tag-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-button-tag-color-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-focus-bg: var(--component-button-tag-color-enabled-bg);
  --component-button-tag-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-button-tag-color-focus-text: var(--component-button-tag-color-enabled-text);
  --component-button-tag-color-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-border: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-button-tag-color-link-underline: var(--general-color-fill-brand-1);
  --component-button-tag-color-pressed-bg: var(--component-button-tag-color-hover-bg);
  --component-button-tag-color-pressed-border: var(--component-button-tag-color-hover-border);
  --component-button-tag-color-pressed-text: var(--component-button-tag-color-hover-text);
  --component-button-tag-radius: var(--radius-radius-rounded);
  --component-button-tag-size-base-border: var(--spacing-spacing-2);
  --component-button-tag-size-base-padding-left: var(--spacing-spacing-16);
  --component-button-tag-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-button-tag-size-base-padding-y: var(--spacing-spacing-8);
  --component-button-tag-size-base-space-between: var(--spacing-spacing-8);
  --component-button-tag-size-small-border: var(--spacing-spacing-4);
  --component-button-tag-size-small-gap: var(--spacing-spacing-8);
  --component-button-tag-size-small-padding-left: var(--spacing-spacing-12);
  --component-button-tag-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-button-tag-size-small-padding-y: var(--spacing-spacing-8);
  --component-card-article-card-border-width: var(--spacing-spacing-4);
  --component-card-article-card-radius: var(--general-radius-card);
  --component-card-article-image-borderWidth: var(--spacing-spacing-4);
  --component-card-article-image-image-ratio: "3:2";
  --component-card-article-image-radius: var(--general-radius-image);
  --component-card-general-card-border-width: var(--spacing-spacing-4);
  --component-card-general-card-radius: var(--general-radius-card);
  --component-card-general-color-body: var(--component-cards-base-color-on-surface-body);
  --component-card-general-color-border: var(--component-cards-base-color-on-surface-border);
  --component-card-general-color-cta-1-color: var(--component-cards-base-color-on-surface-cta-1-color);
  --component-card-general-color-image-border: var(--color-grayscale-black);
  --component-card-general-color-subtitle: var(--component-cards-base-color-on-surface-subtitle);
  --component-card-general-color-surface: var(--component-cards-base-color-on-surface-surface);
  --component-card-general-color-title: var(--component-cards-base-color-on-surface-title);
  --component-card-product-card-border-width: var(--spacing-spacing-4);
  --component-card-product-color-image-bg: var(--general-color-background-brand-1);
  --component-card-product-image-borderWidth: var(--spacing-spacing-4);
  --component-card-product-image-image-ratio: "1:1";
  --component-card-recipe-card-border-width: var(--spacing-spacing-4);
  --component-card-recipe-card-minHeight: 280px;
  --component-card-recipe-card-padding-x: var(--padding-none);
  --component-card-recipe-card-padding-y: var(--padding-none);
  --component-card-recipe-card-radius: var(--general-radius-card);
  --component-card-recipe-color-ratings: var(--interactiveTheme-ratings-active);
  --component-card-recipe-image-borderWidth: var(--spacing-spacing-4);
  --component-card-recipe-image-image-ratio: "3:2";
  --component-card-recipe-image-padding-top: var(--component-card-recipe-image-padding-x);
  --component-card-recipe-image-padding-x: var(--padding-none);
  --component-card-recipe-image-radius: var(--general-radius-image);
  --component-cards-base-card-border-width: var(--spacing-spacing-2);
  --component-cards-base-card-border-width-focus: var(--spacing-spacing-4);
  --component-cards-base-card-border-width-hover: var(--spacing-spacing-2);
  --component-cards-base-card-label-margin: var(--spacing-spacing-12);
  --component-cards-base-card-min-height: 262px;
  --component-cards-base-card-padding-x: var(--padding-xxsmall);
  --component-cards-base-card-padding-y: var(--padding-xxsmall);
  --component-cards-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-primary);
  --component-cards-base-color-on-surface-border: var(--component-cards-base-color-on-surface-surface);
  --component-cards-base-color-on-surface-border-focus: var(--general-color-border-brand-1);
  --component-cards-base-color-on-surface-border-hover: var(--componentTheme-cards-on-surface-border-hover);
  --component-cards-base-color-on-surface-cta-1-color: var(--componentTheme-cards-on-surface-cta-1-color);
  --component-cards-base-color-on-surface-cta-2-color: var(--componentTheme-cards-on-surface-cta-2-color);
  --component-cards-base-color-on-surface-image-bg: var(--color-grayscale-200);
  --component-cards-base-color-on-surface-image-border: var(--color-grayscale-white);
  --component-cards-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-cards-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-cards-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-cards-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-cards-base-copy-padding-x: var(--padding-xsmall);
  --component-cards-base-copy-padding-y: var(--padding-xsmall);
  --component-cards-base-image-bg: var(--color-grayscale-200);
  --component-cards-base-image-border: var(--color-grayscale-white);
  --component-cards-base-image-border-width: var(--spacing-spacing-0);
  --component-cards-base-image-category-image-ratio: "1:1";
  --component-cards-base-image-image-ratio: "16:9";
  --component-cards-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-cards-base-image-padding-x: var(--padding-none);
  --component-cards-base-image-radius: var(--general-radius-none);
  --component-cards-card-max-width-mobile: 480px;
  --component-carousel-border-width: 1px;
  --component-carousel-controls-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-brand-icon: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-controls-inverse-icon: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-brand-fill: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-inverse-fill: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-color: var(--component-content-grid-color-button-color-1);
  --component-category-asset-default-height: 120px;
  --component-category-asset-default-width: 120px;
  --component-category-asset-hover-height: 112px;
  --component-category-asset-hover-width: 112px;
  --component-category-color-bg: var(--componentTheme-content-grid-bg);
  --component-category-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-border-focus: var(--component-category-color-category-enabled);
  --component-category-color-category-enabled: var(--component-content-grid-color-body);
  --component-category-color-category-hover: var(--component-content-grid-color-body);
  --component-category-color-fill: var(--componentTheme-content-grid-fill);
  --component-category-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-surface: var(--componentTheme-content-grid-bg);
  --component-category-color-title: var(--componentTheme-content-grid-text-primary);
  --component-category-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-category-gutter: var(--spacing-general-gutter);
  --component-category-padding-x: var(--spacing-general-margin-x);
  --component-category-padding-y: var(--spacing-general-margin-y);
  --component-checkbox-radio-color-brand-fill-disabled-opacity: 0.5;
  --component-checkbox-radio-color-brand-fill-disabled-text: var(--general-color-text-mid);
  --component-checkbox-radio-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-checkbox-radio-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-checkbox-radio-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-enabled-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-error-bg: var(--color-system-error-100);
  --component-checkbox-radio-color-brand-fill-error-border: var(--color-system-error-500);
  --component-checkbox-radio-color-brand-fill-error-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-enabled-bg);
  --component-checkbox-radio-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-focus-border);
  --component-checkbox-radio-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-focus-icon);
  --component-checkbox-radio-color-brand-fill-focus-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-selected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-selected-border: var(--component-checkbox-radio-color-brand-fill-hover-selected-bg);
  --component-checkbox-radio-color-brand-fill-hover-selected-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-hover-selected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-unselected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-unselected-border: var(--component-checkbox-radio-color-brand-fill-hover-selected-bg);
  --component-checkbox-radio-color-brand-fill-hover-unselected-icon: var(--theme-primary-interactive-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-unselected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-uneditable-bg: var(--general-color-background-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-icon: var(--general-color-background-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-text: var(--general-color-text-dark);
  --component-content-grid-color-bg: var(--componentTheme-content-grid-bg);
  --component-content-grid-color-body: var(--componentTheme-content-grid-text-primary);
  --component-content-grid-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-content-grid-color-title: var(--componentTheme-content-grid-text-primary);
  --component-content-grid-margin-x: var(--spacing-general-margin-x);
  --component-content-grid-margin-x-2: var(--spacing-general-margin-x);
  --component-content-grid-margin-y: var(--spacing-general-margin-y);
  --component-content-grid-margin-y-2: var(--spacing-general-margin-y);
  --component-content-grid-pdp-color-bg: var(--general-color-background-white);
  --component-content-grid-pdp-color-body: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-pdp-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-pdp-color-subtitle: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-title: var(--general-color-text-darkest);
  --component-cta-color-brand-fill-disabled-opacity: 0.5;
  --component-cta-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-cta-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-cta-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-cta-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-cta-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-cta-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-cta-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-ghost-disabled-opacity: 0.5;
  --component-cta-color-brand-ghost-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-enabled-text: var(--interactiveTheme-button-ghost-link);
  --component-cta-color-brand-ghost-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-cta-color-brand-ghost-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-ghost-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-cta-color-brand-ghost-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-cta-color-brand-ghost-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-cta-color-brand-ghost-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-cta-color-brand-ghost-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-outline-disabled-opacity: 0.5;
  --component-cta-color-brand-outline-enabled-bg: #ffffff00;
  --component-cta-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action-alternate);
  --component-cta-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action-alternate);
  --component-cta-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-cta-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-cta-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-cta-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-cta-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-cta-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-cta-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-inverse-fill-disabled-opacity: 0.5;
  --component-cta-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-enabled-text: var(--theme-primary-interactive-button-brand-action);
  --component-cta-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-cta-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-cta-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-brand-action-hover);
  --component-cta-color-inverse-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-cta-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-cta-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-cta-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-ghost-disabled-opacity: 0.5;
  --component-cta-color-inverse-ghost-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-cta-color-inverse-ghost-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-ghost-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-cta-color-inverse-ghost-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-outline-disabled-opacity: 0.5;
  --component-cta-color-inverse-outline-enabled-bg: #ffffff00;
  --component-cta-color-inverse-outline-enabled-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-cta-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-cta-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-cta-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-inverse-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-color-inverse-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-cta-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-cta-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-cta-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-focus-radius: var(--radius-radius-rounded);
  --component-cta-radius: var(--radius-radius-rounded);
  --component-cta-size-base-border: var(--spacing-spacing-2);
  --component-cta-size-base-border-2: var(--spacing-spacing-2);
  --component-cta-size-base-padding-left: var(--spacing-spacing-12);
  --component-cta-size-base-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-base-padding-y: var(--spacing-spacing-12);
  --component-cta-size-base-space-between: var(--spacing-spacing-4);
  --component-cta-size-small-border: var(--spacing-spacing-4);
  --component-cta-size-small-gap: var(--spacing-spacing-8);
  --component-cta-size-small-padding-left: var(--spacing-spacing-16);
  --component-cta-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-small-padding-y: var(--spacing-spacing-8);
  --component-dialog-box-shadow-blur: 24px;
  --component-dialog-color-body: var(--theme-primary-surface-match-bg-text-secondary);
  --component-dialog-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-dialog-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-dialog-color-smokescreen: #07264acc;
  --component-dialog-color-surface: var(--general-color-surface-white);
  --component-dialog-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-dialog-content-padding-x: var(--padding-medium);
  --component-dialog-content-padding-y: var(--padding-medium);
  --component-error-state-page-color-bg: var(--component-content-grid-color-bg);
  --component-error-state-page-color-body: var(--componentTheme-surface-text-secondary);
  --component-error-state-page-color-cta-1-color: var(--componentTheme-surface-cta-1-color);
  --component-error-state-page-color-icon: var(--componentTheme-surface-icon);
  --component-error-state-page-color-image-bg: var(--general-color-background-dark);
  --component-error-state-page-color-surface: var(--componentTheme-surface-surface);
  --component-error-state-page-color-title: var(--general-color-text-brand-1);
  --component-error-state-page-content-padding-x: var(--layout-full-margin-x);
  --component-error-state-page-content-padding-y: var(--layout-full-margin-y);
  --component-error-state-page-content-radius: var(--general-radius-container);
  --component-error-state-page-copy-padding-x: var(--padding-medium);
  --component-error-state-page-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-error-state-page-copy-radius: var(--general-radius-container);
  --component-error-state-page-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-error-state-page-gutter: var(--layout-full-gutter);
  --component-error-state-page-image-imageLeft-radius-bottomLeft: var(--general-radius-base);
  --component-error-state-page-image-imageLeft-radius-bottomRight: var(--general-radius-base);
  --component-error-state-page-image-imageLeft-radius-top-left: var(--general-radius-base);
  --component-error-state-page-image-imageLeft-radius-top-right: var(--general-radius-base);
  --component-error-state-page-image-imageRight-radius-bottom-left: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-imageRight-radius-bottom-right: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-imageRight-radius-top-left: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-imageRight-radius-top-right: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-max-height-desktop: 1024px;
  --component-error-state-page-image-max-height-mobile: 360px;
  --component-error-state-page-image-max-height-tablet: 1024px;
  --component-error-state-page-image-min-height-desktop: 370px;
  --component-error-state-page-image-min-height-mobile: 180px;
  --component-error-state-page-image-min-height-tablet: 392px;
  --component-error-state-page-image-padding-x: var(--padding-small);
  --component-error-state-page-image-padding-y: var(--component-newsletter-sign-up-image-padding-x);
  --component-error-state-page-image-radius: var(--general-radius-image);
  --component-error-state-page-margin-x: var(--spacing-general-margin-x);
  --component-error-state-page-margin-y: var(--spacing-general-margin-y);
  --component-facets-color-default-border: var(--component-facets-color-default-surface);
  --component-facets-color-default-icons: var(--general-color-fill-brand-1);
  --component-facets-color-default-surface: var(--theme-primary-surface-match-bg-surface);
  --component-facets-color-default-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-facets-color-focus-border: var(--general-color-border-brand-1);
  --component-facets-color-focus-icons: var(--general-color-background-brand-1);
  --component-facets-color-focus-surface: var(--general-color-surface-light);
  --component-facets-color-focus-title: var(--general-color-text-darkest);
  --component-facets-color-hover-border: var(--general-color-border-brand-1);
  --component-facets-color-hover-icons: var(--general-color-background-brand-1);
  --component-facets-color-hover-surface: var(--general-color-surface-light);
  --component-facets-color-hover-title: var(--general-color-text-darkest);
  --component-facets-counter-surface: #ffffff;
  --component-facets-counter-text: #ffffff;
  --component-facets-max-width: 302px;
  --component-facets-padding-x: var(--padding-xxsmall);
  --component-facets-padding-y: var(--padding-xxsmall);
  --component-facets-radius: var(--radius-radius-2);
  --component-favorites-border: var(--spacing-spacing-0);
  --component-favorites-color-border: var(--general-color-border-white);
  --component-favorites-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-focus-focus-border: var(--theme-brand-action);
  --component-favorites-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-favorites-color-button-hover-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-favorites-color-surface: var(--general-color-surface-white);
  --component-favorites-lists-menu-bg-default: var(--general-color-background-white);
  --component-favorites-lists-menu-bg-hover: var(--general-color-background-white);
  --component-favorites-lists-menu-focus-border: var(--general-color-text-darkest);
  --component-favorites-lists-menu-max-width: 350px;
  --component-favorites-lists-menu-min-height: 48px;
  --component-favorites-lists-menu-min-width: 200px;
  --component-favorites-lists-menu-text: var(--general-color-text-darkest);
  --component-favorites-radius: var(--radius-radius-12);
  --component-feature-full-color-bg: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-body: var(--componentTheme-surface-text-secondary);
  --component-feature-full-color-cta-1-color: var(--componentTheme-surface-cta-1-color);
  --component-feature-full-color-cta-2-color: var(--componentTheme-surface-cta-2-color);
  --component-feature-full-color-eyebrow: var(--componentTheme-surface-text-secondary);
  --component-feature-full-color-fill: var(--general-color-fill-brand-1);
  --component-feature-full-color-image-bg: var(--general-color-fill-light);
  --component-feature-full-color-surface: var(--componentTheme-surface-surface);
  --component-feature-full-color-title: var(--componentTheme-surface-text-primary);
  --component-feature-full-copy-block-copy-block-indent: var(--padding-small);
  --component-feature-full-copy-block-padding-x: var(--padding-medium);
  --component-feature-full-copy-block-padding-y: var(--component-feature-full-copy-block-padding-x);
  --component-feature-full-copy-block-radius: var(--general-radius-container);
  --component-feature-full-copy-container-padding-x: var(--layout-base-margin-x);
  --component-feature-full-copy-container-padding-y: var(--layout-base-margin-y);
  --component-feature-full-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-feature-full-decor-decor-accent: #acb1d366;
  --component-feature-full-decor-decor-match-primary-bg: var(--theme-primary-bg-bg);
  --component-feature-full-decor-icon-height: var(--icon-large-height);
  --component-feature-full-image-padding-left: var(--width-component-feature-full-image-indent);
  --component-feature-full-image-padding-right: var(--width-component-feature-full-image-indent);
  --component-feature-full-image-padding-x: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-y: var(--padding-xxlarge);
  --component-feature-full-image-radius: var(--general-radius-image);
  --component-feature-split-color-bg: var(--componentTheme-feature-bg);
  --component-feature-split-color-body: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-color-button-size: base;
  --component-feature-split-color-cta-1-color: var(--componentTheme-feature-match-bg-cta-1-color);
  --component-feature-split-color-cta-2-color: var(--componentTheme-feature-match-bg-cta-2-color);
  --component-feature-split-color-eyebrow: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-color-fill: var(--componentTheme-feature-match-bg-fill);
  --component-feature-split-color-image-bg: var(--general-color-background-brand-1);
  --component-feature-split-color-subtitle: var(--componentTheme-feature-match-bg-text-secondary);
  --component-feature-split-color-surface: var(--componentTheme-feature-match-bg-surface);
  --component-feature-split-color-title: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-constrained-copy-desktop-max-width: 360px;
  --component-feature-split-constrained-copy-mobile-max-width: 767px;
  --component-feature-split-constrained-copy-padding-x: var(--padding-xlarge);
  --component-feature-split-constrained-copy-padding-y: var(--component-feature-split-constrained-copy-padding-x);
  --component-feature-split-constrained-copy-tablet-max-width: 816px;
  --component-feature-split-constrained-image-desktop-min-width: 560px;
  --component-feature-split-constrained-image-mobile-min-width: 560px;
  --component-feature-split-constrained-image-tablet-min-width: 560px;
  --component-feature-split-constrained-margin-left: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-constrained-margin-right: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-content-padding-x: var(--layout-full-margin-x);
  --component-feature-split-content-padding-y: var(--layout-full-margin-y);
  --component-feature-split-content-radius: var(--general-radius-container);
  --component-feature-split-copy-padding-x: var(--padding-medium);
  --component-feature-split-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-feature-split-copy-radius: var(--general-radius-container);
  --component-feature-split-decor-bg-accent: var(--general-color-text-brand-3);
  --component-feature-split-decor-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-feature-split-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-feature-split-decor-icon-height: var(--icon-large-height);
  --component-feature-split-gutter: var(--layout-base-gutter);
  --component-feature-split-image-border: var(--color-grayscale-100);
  --component-feature-split-image-border-width: var(--spacing-spacing-0);
  --component-feature-split-image-image-ratio: "3:2";
  --component-feature-split-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-padding-x: var(--padding-none);
  --component-feature-split-image-padding-y: var(--component-feature-split-image-padding-x);
  --component-feature-split-image-radius: var(--general-radius-image);
  --component-feature-split-margin-x: var(--layout-base-margin-x);
  --component-feature-split-margin-y: var(--layout-compact-margin-y);
  --component-filters-color-default-border: var(--general-color-border-darkest);
  --component-filters-color-default-label: var(--general-color-text-darkest);
  --component-filters-color-default-surface: var(--general-color-surface-white);
  --component-filters-color-focus-border: var(--general-color-border-brand-1);
  --component-filters-color-focus-label: var(--general-color-text-darkest);
  --component-filters-color-focus-surface: var(--general-color-surface-light);
  --component-filters-color-hover-border: var(--theme-brand-action);
  --component-filters-color-hover-label: var(--general-color-text-darkest);
  --component-filters-color-hover-surface: var(--general-color-surface-light);
  --component-filters-color-selected-border: var(--theme-brand-action);
  --component-filters-color-selected-icons: var(--general-color-background-white);
  --component-filters-color-selected-label: var(--general-color-text-darkest);
  --component-filters-color-selected-surface: var(--theme-brand-action);
  --component-filters-counter-surface: var(--general-color-background-darkest);
  --component-filters-counter-text: var(--general-color-text-white);
  --component-filters-padding-x: var(--padding-xxsmall);
  --component-filters-padding-y: var(--padding-xxsmall);
  --component-filters-radius: var(--radius-radius-2);
  --component-form-field-color-button-color-1: brand;
  --component-form-field-color-button-color-2: brand;
  --component-form-field-color-default-bg: var(--component-search-field-default-bg);
  --component-form-field-color-default-border: var(--color-grayscale-200);
  --component-form-field-color-descriptive-text: var(--general-color-text-darkest);
  --component-form-field-color-filled-border: var(--color-grayscale-800);
  --component-form-field-color-icon: var(--general-color-fill-darkest);
  --component-form-field-color-label: var(--general-color-text-darkest);
  --component-form-field-color-placeholder-text: var(--general-color-text-mid);
  --component-form-field-color-required-asterisk: var(--component-form-field-color-label);
  --component-form-field-color-surface: var(--general-color-surface-white);
  --component-hero-color-alternate-bg: var(--componentTheme-hero-bg);
  --component-hero-color-alternate-body: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-alternate-cta-1-color: var(--componentTheme-hero-match-bg-cta-1-color);
  --component-hero-color-alternate-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-alternate-eyebrow: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-alternate-fill: var(--componentTheme-hero-fill);
  --component-hero-color-alternate-surface: var(--componentTheme-hero-match-bg-surface);
  --component-hero-color-alternate-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-alternate-title: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-bg: var(--componentTheme-hero-bg);
  --component-hero-color-general-body: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-cta-1-color: var(--componentTheme-hero-match-bg-cta-1-color);
  --component-hero-color-general-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-general-decor: var(--theme-primary-bg-bg);
  --component-hero-color-general-decor-mobile: var(--component-hero-color-general-surface);
  --component-hero-color-general-eyebrow: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-fill: var(--componentTheme-hero-fill);
  --component-hero-color-general-surface: var(--componentTheme-hero-match-bg-surface);
  --component-hero-color-general-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-general-title: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-simple-bg: var(--general-color-background-white);
  --component-hero-color-simple-body: var(--theme-primary-bg-text-primary);
  --component-hero-color-simple-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-color-simple-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-color-simple-decor-accent: var(--general-color-background-white);
  --component-hero-color-simple-eyebrow: var(--theme-primary-bg-text-primary);
  --component-hero-color-simple-text-link: var(--theme-primary-bg-text-link);
  --component-hero-color-simple-title: var(--theme-primary-bg-text-primary);
  --component-hero-container-desktop-min-height: 500px;
  --component-hero-container-desktop-radius: var(--general-radius-container);
  --component-hero-container-gap: var(--layout-base-gutter);
  --component-hero-container-mobile-min-height: 560px;
  --component-hero-container-mobile-radius: var(--general-radius-none);
  --component-hero-container-padding-x: var(--spacing-general-margin-x);
  --component-hero-container-padding-y: var(--spacing-general-margin-y);
  --component-hero-container-radius: var(--general-radius-container);
  --component-hero-container-tablet-min-height: 432px;
  --component-hero-container-tablet-radius: var(--general-radius-none);
  --component-hero-copy-padding-x: var(--padding-large);
  --component-hero-copy-padding-y: var(--padding-large);
  --component-hero-copy-radius: var(--general-radius-container);
  --component-hero-copy-radius-bottom-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-bottom-right: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-right: var(--component-hero-copy-radius);
  --component-hero-copyBlock-padding-x: var(--padding-small);
  --component-hero-copyBlock-padding-y: var(--padding-medium);
  --component-hero-copyBlock-radius: var(--general-radius-container);
  --component-hero-copyBlock-radius-bottom-left: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-bottom-right: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-top-left: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-top-right: var(--component-hero-container-radius);
  --component-hero-decor-brand: var(--theme-brand-name);
  --component-hero-desktop-max-width: var(--screen-dimensions-max-width);
  --component-hero-image-a11y-image-background-blur: 10px;
  --component-hero-image-a11y-image-overlay-opacity: 0.9;
  --component-hero-image-desktop-radius: var(--radius-radius-24);
  --component-hero-image-mobile-radius: var(--general-radius-none);
  --component-hero-image-padding-top: var(--component-hero-image-padding-y);
  --component-hero-image-padding-x: var(--padding-none);
  --component-hero-image-padding-y: var(--padding-none);
  --component-hero-image-splitHero-radius: var(--radius-radius-32);
  --component-hero-mobile-max-width: 1000px;
  --component-hero-tablet-max-width: 1000px;
  --component-hero-typography-title: var(--typography-font-size-header-display);
  --component-hero-article-color-bg: var(--theme-primary-bg-bg);
  --component-hero-article-color-bg-accent: var(--general-color-text-brand-3);
  --component-hero-article-color-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-hero-article-color-body: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-color-category: var(--theme-primary-surface-match-bg-text-secondary);
  --component-hero-article-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-hero-article-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-hero-article-color-date: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-color-details: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-color-icon: var(--theme-primary-surface-match-bg-fill);
  --component-hero-article-color-image-bg: var(--general-color-background-dark);
  --component-hero-article-color-surface: var(--theme-primary-surface-match-bg-surface);
  --component-hero-article-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-content-padding-x: var(--layout-full-margin-x);
  --component-hero-article-content-padding-y: var(--layout-full-margin-y);
  --component-hero-article-content-radius: var(--general-radius-none);
  --component-hero-article-copy-category-margin-bottom: var(--spacing-general-eyebrow-margin-bottom);
  --component-hero-article-copy-padding-x: var(--spacing-general-margin-x);
  --component-hero-article-copy-padding-y: var(--padding-small);
  --component-hero-article-copy-radius: var(--general-radius-container);
  --component-hero-article-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-article-gutter: var(--spacing-general-gutter);
  --component-hero-article-image-image-ratio: "16:9";
  --component-hero-article-image-imageLeft-radius-bottom-left: var(--general-radius-none);
  --component-hero-article-image-imageLeft-radius-bottom-right: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-article-image-imageLeft-radius-top-left: var(--general-radius-none);
  --component-hero-article-image-imageLeft-radius-top-right: var(--general-radius-none);
  --component-hero-article-image-imageRight-radius-bottom-left: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-article-image-imageRight-radius-bottom-right: var(--general-radius-none);
  --component-hero-article-image-imageRight-radius-top-left: var(--general-radius-none);
  --component-hero-article-image-imageRight-radius-top-right: var(--general-radius-none);
  --component-hero-article-image-max-height-desktop: 1024px;
  --component-hero-article-image-max-height-mobile: 360px;
  --component-hero-article-image-max-height-tablet: 1024px;
  --component-hero-article-image-min-height-desktop: 370px;
  --component-hero-article-image-min-height-mobile: 180px;
  --component-hero-article-image-min-height-tablet: 392px;
  --component-hero-article-image-padding-x: var(--padding-none);
  --component-hero-article-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-hero-article-image-radius: var(--general-radius-image);
  --component-hero-article-margin-x: var(--padding-none);
  --component-hero-article-padding-y: var(--component-hero-article-margin-x);
  --component-hero-product-brand-decor: var(--component-site-header-main-bar-brand-logo);
  --component-hero-product-color-badge-color: brand;
  --component-hero-product-color-bg: var(--theme-primary-bg-bg);
  --component-hero-product-color-body: var(--theme-primary-bg-text-primary);
  --component-hero-product-color-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-product-color-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-product-color-decor: var(--component-pdp-product-content-color-bg);
  --component-hero-product-color-eyebrow: var(--theme-primary-bg-text-primary);
  --component-hero-product-color-icon: var(--theme-primary-bg-icon);
  --component-hero-product-color-image-bg: var(--general-color-background-dark);
  --component-hero-product-color-image-border: var(--general-color-border-light);
  --component-hero-product-color-image-surface: var(--general-color-surface-white);
  --component-hero-product-color-link: var(--theme-primary-bg-text-link-underline);
  --component-hero-product-color-ratings: var(--theme-aux-1-interactive-ratings-active);
  --component-hero-product-color-ratings-inactive: var(--theme-primary-interactive-ratings-inactive);
  --component-hero-product-color-subtitle: var(--theme-secondary-bg-text-primary);
  --component-hero-product-color-thumbnail-selected-border: var(--theme-brand-action);
  --component-hero-product-color-title: var(--theme-primary-bg-text-primary);
  --component-hero-product-content-padding-x: var(--layout-full-margin-x);
  --component-hero-product-content-padding-y: var(--layout-full-margin-y);
  --component-hero-product-content-radius: var(--general-radius-none);
  --component-hero-product-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-product-copy-padding-y: var(--component-hero-recipe-copy-padding-x);
  --component-hero-product-copy-radius: var(--general-radius-container);
  --component-hero-product-gutter: var(--layout-full-gutter);
  --component-hero-product-image-imageLeft-radius-bottom-left: var(--general-radius-none);
  --component-hero-product-image-imageLeft-radius-bottom-right: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-product-image-imageLeft-radius-top-left: var(--general-radius-none);
  --component-hero-product-image-imageLeft-radius-top-right: var(--general-radius-none);
  --component-hero-product-image-imageRight-radius-bottom-left: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-product-image-imageRight-radius-bottom-right: var(--general-radius-none);
  --component-hero-product-image-imageRight-radius-top-left: var(--general-radius-none);
  --component-hero-product-image-imageRight-radius-top-right: var(--general-radius-none);
  --component-hero-product-image-max-height-desktop: 640px;
  --component-hero-product-image-max-height-mobile: 320px;
  --component-hero-product-image-max-height-tablet: 1024px;
  --component-hero-product-image-padding-x: var(--padding-none);
  --component-hero-product-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-product-image-radius: var(--general-radius-image);
  --component-hero-product-margin-x: var(--padding-none);
  --component-hero-product-margin-y: var(--component-hero-recipe-margin-x);
  --component-hero-recipe-color-badge-color: brand;
  --component-hero-recipe-color-bg: var(--theme-secondary-bg-bg);
  --component-hero-recipe-color-body: var(--theme-secondary-bg-text-secondary);
  --component-hero-recipe-color-cta-1-color: var(--theme-secondary-bg-cta-1-color);
  --component-hero-recipe-color-cta-2-color: var(--theme-secondary-bg-cta-2-color);
  --component-hero-recipe-color-eyebrow: var(--theme-secondary-bg-text-secondary);
  --component-hero-recipe-color-icon: var(--theme-secondary-bg-icon);
  --component-hero-recipe-color-image-bg: var(--general-color-background-dark);
  --component-hero-recipe-color-link: var(--theme-secondary-interactive-button-ghost-link);
  --component-hero-recipe-color-ratings: var(--theme-secondary-interactive-ratings-inverse-active);
  --component-hero-recipe-color-ratings-inactive: var(--theme-secondary-interactive-ratings-inverse-inactive);
  --component-hero-recipe-color-subtitle: var(--theme-secondary-bg-text-secondary);
  --component-hero-recipe-color-title: var(--theme-secondary-bg-text-primary);
  --component-hero-recipe-content-padding-x: var(--layout-full-margin-x);
  --component-hero-recipe-content-padding-y: var(--layout-full-margin-y);
  --component-hero-recipe-content-radius: var(--general-radius-none);
  --component-hero-recipe-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-recipe-copy-padding-y: var(--component-hero-recipe-copy-padding-x);
  --component-hero-recipe-copy-radius: var(--general-radius-container);
  --component-hero-recipe-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-recipe-gutter: var(--spacing-general-gutter);
  --component-hero-recipe-image-imageLeft-radius-bottom-left: var(--general-radius-none);
  --component-hero-recipe-image-imageLeft-radius-bottom-right: var(--general-radius-none);
  --component-hero-recipe-image-imageLeft-radius-top-left: var(--general-radius-none);
  --component-hero-recipe-image-imageLeft-radius-top-right: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-bottom-left: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-bottom-right: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-top-left: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-top-right: var(--general-radius-none);
  --component-hero-recipe-image-max-height-desktop: 640px;
  --component-hero-recipe-image-max-height-mobile: 320px;
  --component-hero-recipe-image-max-height-tablet: 1024px;
  --component-hero-recipe-image-padding-x: var(--padding-none);
  --component-hero-recipe-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-recipe-image-radius: var(--general-radius-image);
  --component-hero-recipe-margin-x: var(--padding-none);
  --component-hero-recipe-padding-y: var(--component-hero-recipe-margin-x);
  --component-icon-content-large-desktop-height: 120px;
  --component-icon-content-large-desktop-width: 120px;
  --component-icon-content-large-mobile-height: 120px;
  --component-icon-content-large-mobile-width: 120px;
  --component-icon-content-large-tablet-height: 120px;
  --component-icon-content-large-tablet-width: 120px;
  --component-icon-content-small-desktop-height: 80px;
  --component-icon-content-small-desktop-width: 80px;
  --component-icon-content-small-mobile-height: 40px;
  --component-icon-content-small-mobile-width: 40px;
  --component-icon-content-small-tablet-height: 64px;
  --component-icon-content-small-tablet-width: 64px;
  --component-image-color-button-color-below-image: brand;
  --component-image-color-button-color-on-image: inverse;
  --component-image-standalone-image-max-width-desktop: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-mobile: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-tablet: var(--typography-copy-max-width);
  --component-listing-grid-color-bg: var(--theme-primary-bg-bg);
  --component-listing-grid-color-body: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-button-color-1: var(--theme-primary-bg-cta-1-color);
  --component-listing-grid-color-button-color-2: var(--theme-primary-bg-cta-2-color);
  --component-listing-grid-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-title: var(--theme-primary-bg-text-primary);
  --component-listing-grid-margin-x: var(--spacing-general-margin-x);
  --component-listing-grid-margin-y: var(--spacing-general-margin-y);
  --component-location-selector-color-default-body: var(--component-accordion-color-default-body);
  --component-location-selector-color-default-border: var(--component-accordion-color-default-border);
  --component-location-selector-color-default-icons: var(--component-accordion-color-default-icons);
  --component-location-selector-color-default-surface: var(--component-accordion-color-default-surface);
  --component-location-selector-color-default-title: var(--component-accordion-color-default-title);
  --component-location-selector-color-hover-body: var(--component-accordion-color-hover-body);
  --component-location-selector-color-hover-border: var(--component-accordion-color-hover-border);
  --component-location-selector-color-hover-icons: var(--component-accordion-color-hover-icons);
  --component-location-selector-color-hover-surface: var(--component-accordion-color-hover-surface);
  --component-location-selector-color-hover-title: var(--component-accordion-color-hover-title);
  --component-location-selector-item-border-bottom: 0px;
  --component-location-selector-item-border-left: 0px;
  --component-location-selector-item-border-right: 0px;
  --component-location-selector-item-border-top: 1px;
  --component-location-selector-padding-x: var(--component-accordion-padding-x);
  --component-location-selector-padding-y: var(--component-accordion-padding-y);
  --component-modal-color-body: var(--theme-primary-surface-match-bg-text-secondary);
  --component-modal-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-modal-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-modal-color-smokescreen: var(--component-dialog-color-smokescreen);
  --component-modal-color-surface: var(--general-color-surface-white);
  --component-modal-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-modal-content-padding-x: var(--padding-small);
  --component-modal-content-padding-y: var(--padding-small);
  --component-my-account-color-bg: var(--general-color-background-light);
  --component-my-account-color-bg-cta-color: var(--theme-primary-bg-cta-1-color);
  --component-my-account-color-body: var(--theme-primary-bg-text-secondary);
  --component-my-account-color-border: var(--component-my-account-color-surface);
  --component-my-account-color-header: var(--theme-primary-bg-text-primary);
  --component-my-account-color-line-break: var(--general-color-border-light);
  --component-my-account-color-sidebar-surface: var(--general-color-surface-brand-2);
  --component-my-account-color-sidebar-text: var(--general-color-text-white);
  --component-my-account-color-surface: var(--theme-primary-surface-match-bg-surface);
  --component-my-account-color-surface-cta-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-my-account-color-surface-highlight: var(--color-grayscale-100);
  --component-my-account-color-title: var(--theme-primary-bg-text-primary);
  --component-my-account-content-padding-x: var(--padding-medium);
  --component-my-account-content-padding-y: var(--padding-medium);
  --component-my-account-padding-x: var(--layout-compact-margin-x);
  --component-my-account-padding-y: var(--layout-compact-margin-y);
  --component-nav-dropdown-menu-border: var(--spacing-spacing-0);
  --component-nav-dropdown-menu-color-border: var(--general-color-border-white);
  --component-nav-dropdown-menu-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-focus-focus-border: var(--theme-brand-action);
  --component-nav-dropdown-menu-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-nav-dropdown-menu-color-button-hover-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-surface: var(--general-color-surface-white);
  --component-nav-dropdown-menu-lists-menu-bg-default: var(--general-color-background-white);
  --component-nav-dropdown-menu-lists-menu-bg-hover: var(--color-grayscale-100);
  --component-nav-dropdown-menu-lists-menu-focus-border: var(--general-color-text-darkest);
  --component-nav-dropdown-menu-lists-menu-max-width: 350px;
  --component-nav-dropdown-menu-lists-menu-min-height: 48px;
  --component-nav-dropdown-menu-lists-menu-min-width: 200px;
  --component-nav-dropdown-menu-lists-menu-text: var(--general-color-text-darkest);
  --component-nav-dropdown-menu-radius: var(--radius-radius-12);
  --component-newsletter-sign-up-color-bg: var(--component-content-grid-color-bg);
  --component-newsletter-sign-up-color-body: var(--componentTheme-surface-text-secondary);
  --component-newsletter-sign-up-color-cta-1-color: var(--componentTheme-surface-cta-1-color);
  --component-newsletter-sign-up-color-icon: var(--componentTheme-surface-icon);
  --component-newsletter-sign-up-color-image-bg: var(--general-color-background-dark);
  --component-newsletter-sign-up-color-surface: var(--componentTheme-surface-surface);
  --component-newsletter-sign-up-color-title: var(--componentTheme-surface-text-primary);
  --component-newsletter-sign-up-content-padding-x: var(--layout-full-margin-x);
  --component-newsletter-sign-up-content-padding-y: var(--layout-full-margin-y);
  --component-newsletter-sign-up-content-radius: var(--general-radius-container);
  --component-newsletter-sign-up-copy-padding-x: var(--padding-medium);
  --component-newsletter-sign-up-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-newsletter-sign-up-copy-radius: var(--general-radius-container);
  --component-newsletter-sign-up-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-newsletter-sign-up-gutter: var(--layout-full-gutter);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-left: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-right: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageLeft-radius-top-left: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageLeft-radius-top-right: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-left: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-right: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-left: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-right: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-max-height-desktop: 1024px;
  --component-newsletter-sign-up-image-max-height-mobile: 360px;
  --component-newsletter-sign-up-image-max-height-tablet: 1024px;
  --component-newsletter-sign-up-image-min-height-desktop: 370px;
  --component-newsletter-sign-up-image-min-height-mobile: 180px;
  --component-newsletter-sign-up-image-min-height-tablet: 392px;
  --component-newsletter-sign-up-image-padding-x: var(--padding-small);
  --component-newsletter-sign-up-image-padding-y: var(--component-newsletter-sign-up-image-padding-x);
  --component-newsletter-sign-up-image-radius: var(--general-radius-image);
  --component-newsletter-sign-up-margin-x: var(--spacing-general-margin-x);
  --component-newsletter-sign-up-margin-y: var(--spacing-general-margin-y);
  --component-pagination-color-disabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-disabled-icon: var(--interactiveTheme-ratings-inactive);
  --component-pagination-color-disabled-text: var(--interactiveTheme-ratings-inactive);
  --component-pagination-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-focus-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-pagination-color-focus-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-hover-bg: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-pagination-color-hover-text: var(--interactiveTheme-button-brand-action-alternate);
  --component-pagination-color-link-underline: var(--general-color-fill-brand-1);
  --component-pagination-color-pressed-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-pressed-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-selected-bg: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-selected-border: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-selected-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-pagination-radius: var(--radius-radius-rounded);
  --component-pagination-size-base-border: var(--spacing-spacing-2);
  --component-pagination-size-base-padding-left: var(--spacing-spacing-16);
  --component-pagination-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-pagination-size-base-padding-y: var(--spacing-spacing-8);
  --component-pagination-size-base-space-between: var(--spacing-spacing-8);
  --component-pagination-size-small-border: var(--spacing-spacing-4);
  --component-pagination-size-small-gap: var(--spacing-spacing-8);
  --component-pagination-size-small-padding-left: var(--spacing-spacing-12);
  --component-pagination-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-pagination-size-small-padding-y: var(--spacing-spacing-8);
  --component-pdp-product-content-color-bg: var(--theme-secondary-bg-bg);
  --component-pdp-product-content-color-body: var(--theme-secondary-bg-text-secondary);
  --component-pdp-product-content-color-icon: var(--general-color-fill-brand-2);
  --component-pdp-product-content-color-image-bg: var(--general-color-background-dark);
  --component-pdp-product-content-color-surface: var(--general-color-surface-white);
  --component-pdp-product-content-color-surface-border: var(--general-color-border-light);
  --component-pdp-product-content-color-title: var(--theme-secondary-bg-text-primary);
  --component-pdp-product-content-gutter: var(--spacing-general-gutter);
  --component-pdp-product-content-margin-x: var(--spacing-general-margin-x);
  --component-pdp-product-content-margin-y: var(--layout-compact-margin-y);
  --component-print-image-print-logo-invert: 0;
  --component-recipe-description-copy-max-width-desktop: 804px;
  --component-recipe-description-copy-max-width-mobile: var(--typography-copy-max-width);
  --component-recipe-description-copy-max-width-tablet: var(--typography-copy-max-width);
  --component-recipe-header-brand: var(--theme-brand-name);
  --component-recipe-header-color-bg: var(--theme-aux-2-bg-bg);
  --component-recipe-header-color-body: var(--theme-aux-1-surface-match-bg-text-secondary);
  --component-recipe-header-color-cta-1-color: var(--theme-aux-1-surface-match-bg-cta-1-color);
  --component-recipe-header-color-eyebrow: var(--theme-aux-1-surface-match-bg-text-secondary);
  --component-recipe-header-color-icon: var(--theme-aux-1-surface-match-bg-icon);
  --component-recipe-header-color-image-bg: var(--general-color-background-dark);
  --component-recipe-header-color-link: var(--theme-aux-1-interactive-button-ghost-inverse-link);
  --component-recipe-header-color-ratings: var(--theme-aux-1-interactive-ratings-inverse-active);
  --component-recipe-header-color-ratings-inactive: var(--theme-aux-1-interactive-ratings-inverse-inactive);
  --component-recipe-header-color-subtitle: var(--theme-aux-1-surface-match-bg-text-secondary);
  --component-recipe-header-color-surface: var(--theme-aux-2-bg-bg);
  --component-recipe-header-color-title: var(--theme-aux-1-surface-match-bg-text-primary);
  --component-recipe-header-content-padding-x: var(--padding-none);
  --component-recipe-header-content-padding-y: var(--padding-none);
  --component-recipe-header-content-radius: var(--general-radius-container);
  --component-recipe-header-copy-padding-x: var(--padding-none);
  --component-recipe-header-copy-padding-y: var(--padding-none);
  --component-recipe-header-padding-x: var(--spacing-general-margin-x);
  --component-recipe-header-padding-y: var(--layout-compact-margin-y);
  --component-recipe-instructions-card-max-width-mobile: 240px;
  --component-recipe-instructions-color-border: var(--component-recipe-instructions-color-surface);
  --component-recipe-instructions-color-surface: var(--general-color-background-light);
  --component-recipe-instructions-gutter: var(--space-between-xlarge);
  --component-recipe-instructions-padding-x: var(--padding-none);
  --component-recipe-instructions-padding-y: var(--component-hero-recipe-margin-x);
  --component-recipe-made-with-color-button-color: brand;
  --component-recipe-made-with-color-ratings: var(--theme-primary-interactive-ratings-inverse-active);
  --component-recipe-made-with-color-ratings-inactive: var(--theme-primary-interactive-ratings-inverse-inactive);
  --component-recipe-nutrition-card-max-width-mobile: 240px;
  --component-recipe-nutrition-color-bg: var(--general-color-background-brand-4);
  --component-recipe-nutrition-color-body: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-eyebrow: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-fill: var(--componentTheme-feature-match-bg-fill);
  --component-recipe-nutrition-color-subtitle: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-title: var(--componentTheme-feature-match-bg-text-primary);
  --component-recipe-nutrition-content-padding-x: var(--spacing-general-margin-x);
  --component-recipe-nutrition-content-padding-y: var(--layout-base-margin-y);
  --component-recipe-nutrition-content-radius: var(--general-radius-container);
  --component-recipe-nutrition-gutter: var(--space-between-xlarge);
  --component-recipe-nutrition-padding-x: var(--padding-none);
  --component-recipe-nutrition-padding-y: var(--component-hero-recipe-margin-x);
  --component-related-content-color-bg: var(--component-content-grid-color-bg);
  --component-related-content-color-body: var(--component-content-grid-color-body);
  --component-related-content-color-button-color-1: var(--component-content-grid-color-button-color-1);
  --component-related-content-color-button-color-2: var(--component-content-grid-color-button-color-2);
  --component-related-content-color-subtitle: var(--component-content-grid-color-subtitle);
  --component-related-content-color-title: var(--component-content-grid-color-title);
  --component-search-field-active-bg: var(--general-color-background-white);
  --component-search-field-active-border: var(--general-color-border-brand-2);
  --component-search-field-active-icon: var(--general-color-fill-brand-2);
  --component-search-field-active-search-text: var(--general-color-text-darkest);
  --component-search-field-default-bg: var(--general-color-background-white);
  --component-search-field-default-border: var(--general-color-border-white);
  --component-search-field-default-icon: var(--general-color-fill-brand-1);
  --component-search-field-default-search-text: var(--general-color-text-darkest);
  --component-search-field-dropdown-active-radius: 56px;
  --component-search-field-dropdown-bg-default: var(--component-search-field-default-bg);
  --component-search-field-dropdown-bg-hover: var(--theme-secondary-bg-bg);
  --component-search-field-dropdown-border: var(--theme-primary-surface-border-focus);
  --component-search-field-dropdown-border-focus: 2px;
  --component-search-field-dropdown-focus-border: var(--theme-primary-surface-border-focus);
  --component-search-field-dropdown-focus-radius: 12px;
  --component-search-field-hover-bg: var(--general-color-background-white);
  --component-search-field-hover-border: var(--general-color-border-brand-2);
  --component-search-field-hover-icon: var(--general-color-fill-brand-2);
  --component-search-field-hover-search-text: var(--general-color-text-darkest);
  --component-site-footer-bottom-bar-bg: var(--color-primary-color-1-900);
  --component-site-footer-bottom-bar-cta-2-color: inverse;
  --component-site-footer-bottom-bar-icons: var(--general-color-fill-white);
  --component-site-footer-bottom-bar-link: var(--general-color-text-white);
  --component-site-footer-bottom-bar-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-bottom-bar-padding-y: var(--padding-xsmall);
  --component-site-footer-footer-links-bg: var(--general-color-background-darkest);
  --component-site-footer-footer-links-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-footer-footer-links-column-label: var(--general-color-text-white);
  --component-site-footer-footer-links-cta-1-color: Inverse;
  --component-site-footer-footer-links-footer-logo: var(--theme-brand-name);
  --component-site-footer-footer-links-gap-icon: var(--spacing-spacing-4);
  --component-site-footer-footer-links-icons: var(--general-color-fill-white);
  --component-site-footer-footer-links-link: var(--general-color-text-white);
  --component-site-footer-footer-links-link-underline: var(--general-color-border-white);
  --component-site-footer-footer-links-logo-height-large: 88px;
  --component-site-footer-footer-links-logo-height-small: 40px;
  --component-site-footer-footer-links-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-footer-links-padding-y: var(--padding-medium);
  --component-site-footer-footer-links-text: var(--general-color-text-white);
  --component-site-footer-gap-links: var(--space-between-medium);
  --component-site-footer-space-between: var(--space-between-xsmall);
  --component-site-header-color-main-bar-desktop-bg: var(--component-site-header-color-utility-bar-bg);
  --component-site-header-color-main-bar-desktop-bottom-border: var(--general-color-border-brand-1);
  --component-site-header-color-main-bar-desktop-icons: var(--general-color-fill-white);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-desktop-link-link-enabled);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-desktop-link-link-enabled: var(--general-color-text-white);
  --component-site-header-color-main-bar-desktop-link-link-hover: var(--general-color-text-brand-2);
  --component-site-header-color-main-bar-desktop-link-link-underline: var(--general-color-border-brand-3);
  --component-site-header-color-main-bar-desktop-logo: var(--general-color-fill-white);
  --component-site-header-color-main-bar-mobile-bg: var(--general-color-background-white);
  --component-site-header-color-main-bar-mobile-bottom-border: var(--color-primary-color-2-100);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-mobile-link-link-enabled);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-mobile-link-link-enabled: var(--general-color-text-darkest);
  --component-site-header-color-main-bar-mobile-link-link-hover: var(--general-color-text-brand-2);
  --component-site-header-color-main-bar-mobile-link-link-underline: var(--general-color-border-brand-2);
  --component-site-header-color-mega-menu-menu-bg: var(--general-color-background-white);
  --component-site-header-color-mega-menu-menu-bottom-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-header-color-mega-menu-menu-item-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-hover-text: var(--general-color-text-brand-1);
  --component-site-header-color-mega-menu-menu-item-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-left-border-items: var(--general-color-border-brand-1);
  --component-site-header-color-mega-menu-menu-paragraph-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-side-bar-bg: var(--general-color-background-light);
  --component-site-header-color-mega-menu-menu-side-bar-title: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-active-icon: var(--component-site-header-color-mega-menu-menu-title-active-text);
  --component-site-header-color-mega-menu-menu-title-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-enabled-icon: var(--component-site-header-color-mega-menu-menu-title-enabled-text);
  --component-site-header-color-mega-menu-menu-title-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-hover-bg: var(--component-site-header-color-mega-menu-menu-bg);
  --component-site-header-color-mega-menu-menu-title-hover-icon: var(--component-site-header-color-mega-menu-menu-title-hover-text);
  --component-site-header-color-mega-menu-menu-title-hover-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-pressed-icon: var(--component-site-header-color-mega-menu-menu-title-pressed-text);
  --component-site-header-color-mega-menu-menu-title-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-enabled-bg: var(--general-color-fill-white);
  --component-site-header-color-search-tag-enabled-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-header-color-search-tag-enabled-icons: var(--general-color-fill-brand-2);
  --component-site-header-color-search-tag-enabled-link: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-hover-bg: var(--general-color-fill-light);
  --component-site-header-color-search-tag-hover-border: var(--general-color-border-brand-1);
  --component-site-header-color-search-tag-hover-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-search-tag-hover-link: var(--general-color-text-brand-1);
  --component-site-header-color-secondary-bar-bg: var(--color-primary-color-1-accessible);
  --component-site-header-color-secondary-bar-on-bar-enabled-bg: #ffffff00;
  --component-site-header-color-secondary-bar-on-bar-enabled-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-bar-enabled-link);
  --component-site-header-color-secondary-bar-on-bar-hover-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-hover-link-icons: var(--component-site-header-color-secondary-bar-on-bar-hover-link);
  --component-site-header-color-secondary-bar-on-bar-pressed-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-bar-pressed-link);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link: var(--component-site-header-color-mega-menu-menu-item-enabled-text);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-enabled-link);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link: var(--component-site-header-color-mega-menu-menu-item-hover-text);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-hover-link);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link: var(--component-site-header-color-mega-menu-menu-item-pressed-text);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-pressed-link);
  --component-site-header-color-utility-bar-bg: var(--color-primary-color-1-700);
  --component-site-header-color-utility-bar-bottom-border: var(--component-site-header-color-utility-bar-bg);
  --component-site-header-color-utility-bar-button-color-1: brand;
  --component-site-header-color-utility-bar-button-color-2: brand;
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-enabled: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-enabled: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-underline: var(--general-color-text-white);
  --component-site-header-color-utility-bar-favorites-button-bg: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-bg-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-bg-pressed: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-border: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-border-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-focus: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-heart-fill: var(--color-brand-general-mills-generalMills-red);
  --component-site-header-color-utility-bar-favorites-button-heart-fill-hover: var(--color-brand-general-mills-generalMills-red);
  --component-site-header-color-utility-bar-favorites-button-text: var(--general-color-text-darkest);
  --component-site-header-color-utility-bar-favorites-button-text-hover: var(--general-color-text-darkest);
  --component-site-header-color-utility-bar-icon: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-logo: var(--general-color-fill-white);
  --component-site-header-main-bar-bottom-border: var(--spacing-spacing-0);
  --component-site-header-main-bar-gap-links: var(--space-between-medium);
  --component-site-header-main-bar-link-bottom-underline-border: 2px;
  --component-site-header-main-bar-logo-height-large: 96px;
  --component-site-header-main-bar-logo-height-small: 48px;
  --component-site-header-main-bar-logo-margin-right: var(--margin-xsmall);
  --component-site-header-main-bar-logo-width-large: 167px;
  --component-site-header-main-bar-logo-width-small: 84px;
  --component-site-header-main-bar-main-bar-inset: var(--padding-none);
  --component-site-header-main-bar-radius: var(--general-radius-none);
  --component-site-header-mega-menu-menu-item-min-width-: 120px;
  --component-site-header-mega-menu-menu-item-radius: var(--component-cta-radius);
  --component-site-header-padding-x: var(--padding-small);
  --component-site-header-padding-y: var(--padding-xsmall);
  --component-site-header-site-header-simple-search-bar-max-width-desktop: 400px;
  --component-site-header-utility-bar-margin-bottom: var(--spacing-spacing-0);
  --component-skip-to-content-theme-border-size: var(--spacing-spacing-2);
  --component-skip-to-content-theme-primary-bg: var(--general-color-background-brand-2);
  --component-skip-to-content-theme-primary-border: var(--general-color-border-white);
  --component-skip-to-content-theme-primary-link-underline: var(--component-skip-to-content-theme-primary-text);
  --component-skip-to-content-theme-primary-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-skip-to-content-theme-secondary-bg: var(--theme-secondary-bg-bg);
  --component-skip-to-content-theme-secondary-border: var(--component-skip-to-content-theme-primary-bg);
  --component-skip-to-content-theme-secondary-link-underline: var(--theme-secondary-bg-text-link-underline);
  --component-skip-to-content-theme-secondary-text: var(--theme-secondary-bg-text-link-underline);
  --component-social-bar-color-bg: var(--general-color-background-white);
  --component-social-bar-color-focus: var(--general-color-background-white);
  --component-social-bar-margin-x: var(--spacing-general-margin-x);
  --component-social-bar-margin-y: var(--spacing-general-margin-y);
  --component-static-icon-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-color-on-surface-image-border: var(--color-grayscale-black);
  --component-static-icon-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-static-icon-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-static-icon-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-static-icon-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-static-icon-base-column-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-focus: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-hover: var(--spacing-spacing-4);
  --component-static-icon-base-column-label-margin: var(--spacing-spacing-0);
  --component-static-icon-base-column-min-height: 280px;
  --component-static-icon-base-column-padding-x: var(--padding-none);
  --component-static-icon-base-column-padding-y: var(--padding-none);
  --component-static-icon-base-column-width-column-width-large: 550px;
  --component-static-icon-base-column-width-column-width-medium: 480px;
  --component-static-icon-base-column-width-column-width-small: 320px;
  --component-static-icon-base-copy-padding-x: var(--padding-xsmall);
  --component-static-icon-base-copy-padding-y: var(--padding-xsmall);
  --component-static-icon-base-icon-icon-height-large: 300px;
  --component-static-icon-base-icon-icon-height-medium: 200px;
  --component-static-icon-base-icon-icon-height-small: 120px;
  --component-static-icon-base-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-image-border: var(--color-grayscale-black);
  --component-static-icon-base-image-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-image-icon-image-ratio: "1:1";
  --component-static-icon-base-image-image-ratio: "3:2";
  --component-static-icon-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-static-icon-base-image-padding-x: var(--padding-none);
  --component-static-icon-base-image-radius: var(--general-radius-image);
  --component-table-color-table-row-bg-alt: var(--general-color-surface-light);
  --component-table-color-table-row-bg-header: var(--general-color-surface-light);
  --component-tabs-color-tab-border-active-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-focus-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-hover-border: var(--theme-brand-action-hover);
  --component-tabs-color-tab-border-inactive-border: var(--general-color-border-mid);
  --component-tabs-color-tab-border-pressed-border: var(--theme-brand-action-hover);
  --component-tag-interactive-border: var(--spacing-spacing-1);
  --component-tag-interactive-color-brand-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-cta-link-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-cta-link-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-tag-interactive-color-brand-cta-link-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-cta-link-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-tag-interactive-color-brand-cta-link-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-tag-interactive-color-brand-cta-link-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-tag-interactive-color-brand-cta-link-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-tag-interactive-color-brand-cta-link-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-interactive-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-tag-interactive-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-tag-interactive-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-tag-interactive-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-tag-interactive-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-tag-interactive-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-kitchen-tested-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-kitchen-tested-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-kitchen-tested-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-kitchen-tested-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-kitchen-tested-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-inverse-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-cta-link-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-tag-interactive-color-inverse-cta-link-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-cta-link-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-tag-interactive-color-inverse-cta-link-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-enabled-text: var(--theme-primary-interactive-button-brand-action);
  --component-tag-interactive-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-tag-interactive-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-tag-interactive-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-brand-action-hover);
  --component-tag-interactive-color-inverse-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-tag-interactive-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-tag-interactive-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-tag-interactive-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-inverse-outline-enabled-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-tag-interactive-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-tag-interactive-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-tag-interactive-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-inverse-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-color-inverse-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-tag-interactive-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-tag-interactive-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-tag-interactive-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-radius-bottom-left: var(--general-radius-tag);
  --component-tag-interactive-radius-bottom-right: var(--general-radius-tag);
  --component-tag-interactive-radius-top-left: var(--general-radius-tag);
  --component-tag-interactive-radius-top-right: var(--general-radius-tag);
  --component-tag-static-border-width: 0px;
  --component-tag-static-color-fill-A-bg: var(--general-color-fill-brand-1);
  --component-tag-static-color-fill-A-border: var(--component-tag-static-color-fill-A-bg);
  --component-tag-static-color-fill-A-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-A-text: var(--general-color-text-white);
  --component-tag-static-color-fill-B-bg: var(--general-color-fill-brand-3);
  --component-tag-static-color-fill-B-border: var(--component-tag-static-color-fill-B-bg);
  --component-tag-static-color-fill-B-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-B-text: var(--general-color-text-white);
  --component-tag-static-color-fill-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-static-color-fill-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-static-color-fill-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-color-outline-A-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-A-border: var(--general-color-border-brand-1);
  --component-tag-static-color-outline-A-icon: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-A-text: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-B-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-B-border: var(--general-color-fill-brand-3);
  --component-tag-static-color-outline-B-icon: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-B-text: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-bg: #2e6be500;
  --component-tag-static-color-outline-border: var(--theme-brand-action);
  --component-tag-static-color-outline-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-outline-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-color-text-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-text-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-inset: var(--spacing-spacing-24);
  --component-tag-static-radius-bottom-left: var(--general-radius-tag);
  --component-tag-static-radius-bottom-right: var(--general-radius-tag);
  --component-tag-static-radius-top-left: var(--general-radius-tag);
  --component-tag-static-radius-top-right: var(--general-radius-tag);
  --component-vertical-video-asset-default-height: 120px;
  --component-vertical-video-asset-default-width: 120px;
  --component-vertical-video-asset-hover-height: 112px;
  --component-vertical-video-asset-hover-width: 112px;
  --component-vertical-video-border-width: 0px;
  --component-vertical-video-color-bg: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-border-focus: var(--component-category-color-category-enabled);
  --component-vertical-video-color-category-enabled: var(--component-content-grid-color-body);
  --component-vertical-video-color-category-hover: var(--component-content-grid-color-body);
  --component-vertical-video-color-fill: var(--componentTheme-content-grid-fill);
  --component-vertical-video-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-surface: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-title: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-gutter: var(--spacing-general-gutter);
  --component-vertical-video-padding-x: var(--spacing-general-margin-x);
  --component-vertical-video-padding-y: var(--spacing-general-margin-y);
  --component-video-margin-x: var(--spacing-general-margin-x);
  --component-video-margin-y: var(--spacing-general-margin-y);
  --component-video-standalone-video-max-width-desktop: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-mobile: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-tablet: var(--typography-copy-max-width);
  --general-color-background-brand-1: var(--color-primary-color-1-500);
  --general-color-background-brand-2: var(--color-primary-color-1-300);
  --general-color-background-brand-3: var(--color-secondary-color-3-500);
  --general-color-background-brand-4: var(--color-primary-color-2-300);
  --general-color-background-dark: var(--color-primary-color-1-700);
  --general-color-background-darkest: var(--color-primary-color-1-700);
  --general-color-background-light: var(--color-grayscale-100);
  --general-color-background-white: var(--color-grayscale-white);
  --general-color-border-brand-1: var(--color-primary-color-1-700);
  --general-color-border-brand-2: var(--color-primary-color-2-500);
  --general-color-border-brand-3: var(--color-secondary-color-3-500);
  --general-color-border-dark: var(--color-grayscale-700);
  --general-color-border-darkest: var(--color-primary-color-1-900);
  --general-color-border-light: var(--color-grayscale-300);
  --general-color-border-mid: var(--color-grayscale-400);
  --general-color-border-white: var(--color-grayscale-white);
  --general-color-fill-brand-1: var(--color-primary-color-1-500);
  --general-color-fill-brand-2: var(--color-primary-color-2-500);
  --general-color-fill-brand-3: var(--color-secondary-color-4-900);
  --general-color-fill-dark: var(--color-primary-color-1-700);
  --general-color-fill-darkest: var(--color-primary-color-1-900);
  --general-color-fill-light: var(--color-primary-color-1-100);
  --general-color-fill-mid: var(--color-grayscale-400);
  --general-color-fill-white: var(--color-grayscale-white);
  --general-color-surface-brand-1: var(--color-primary-color-1-500);
  --general-color-surface-brand-2: var(--color-primary-color-2-500);
  --general-color-surface-brand-3: var(--color-secondary-color-3-500);
  --general-color-surface-dark: var(--color-primary-color-1-700);
  --general-color-surface-darkest: var(--color-primary-color-1-900);
  --general-color-surface-light: var(--color-primary-color-1-100);
  --general-color-surface-white: var(--color-grayscale-white);
  --general-color-text-brand-1: var(--color-primary-color-1-500);
  --general-color-text-brand-2: var(--color-primary-color-1-700);
  --general-color-text-brand-3: var(--color-secondary-color-4-900);
  --general-color-text-dark: var(--color-primary-color-1-700);
  --general-color-text-darkest: var(--color-primary-color-1-900);
  --general-color-text-light: var(--color-grayscale-100);
  --general-color-text-mid: var(--color-grayscale-400);
  --general-color-text-white: var(--color-grayscale-white);
  --general-drop-shadow-blur: 30px;
  --general-drop-shadow-color: #000000;
  --general-drop-shadow-sub-menu-blur: 12px;
  --general-drop-shadow-sub-menu-color: #00000014;
  --general-drop-shadow-sub-menu-y-value: 2px;
  --general-radius-accordion: var(--radius-radius-12);
  --general-radius-base: var(--radius-radius-12);
  --general-radius-card: var(--general-radius-base);
  --general-radius-card-focus: 14px;
  --general-radius-container: var(--general-radius-base);
  --general-radius-container-l2: var(--radius-radius-8);
  --general-radius-dialog: var(--general-radius-base);
  --general-radius-focus: 14px;
  --general-radius-image: var(--general-radius-base);
  --general-radius-label: var(--radius-radius-rounded);
  --general-radius-modal: var(--general-radius-base);
  --general-radius-none: var(--radius-radius-0);
  --general-radius-tag: var(--radius-radius-rounded);
  --spacing-columns-desktop-full-max-width: var(--global-columns-base-desktop-full-max-width);
  --spacing-columns-desktop-full-min-width: var(--global-columns-base-desktop-full-min-width);
  --spacing-columns-desktop-half-max-width: var(--global-columns-base-desktop-half-max-width);
  --spacing-columns-desktop-half-min-width: var(--global-columns-base-desktop-half-min-width);
  --spacing-columns-desktop-one-fourth-max-width: var(--global-columns-base-desktop-oneFourth-max-width);
  --spacing-columns-desktop-one-fourth-min-width: var(--global-columns-base-desktop-oneFourth-min-width);
  --spacing-columns-desktop-one-third-max-width: var(--global-columns-base-desktop-oneThird-max-width);
  --spacing-columns-desktop-one-third-min-width: var(--global-columns-base-desktop-oneThird-min-width);
  --spacing-columns-desktop-three-fourth-max-width: var(--global-columns-base-desktop-three-fourth-max-width);
  --spacing-columns-desktop-three-fourth-min-width: var(--global-columns-base-desktop-three-fourth-min-width);
  --spacing-columns-mobile-full-max-width: var(--global-columns-base-mobile-full-max-width);
  --spacing-columns-mobile-full-min-width: var(--global-columns-base-mobile-full-min-width);
  --spacing-columns-mobile-half-max-width: var(--global-columns-base-mobile-half-max-width);
  --spacing-columns-mobile-half-min-width: var(--global-columns-base-mobile-half-min-width);
  --spacing-columns-mobile-one-fourth-max-width: var(--global-columns-base-mobile-oneFourth-max-width);
  --spacing-columns-mobile-one-third-max-width: var(--global-columns-base-mobile-oneThird-max-width);
  --spacing-columns-mobile-one-third-min-width: var(--global-columns-base-mobile-oneThird-min-width);
  --spacing-columns-mobile-oneFourth-min-width: var(--global-columns-base-mobile-oneFourth-min-width);
  --spacing-columns-mobile-three-fourth-max-width: var(--global-columns-base-mobile-three-fourth-max-width);
  --spacing-columns-mobile-three-fourth-min-width: var(--global-columns-base-mobile-three-fourth-min-width);
  --spacing-columns-tablet-full-max-width: var(--global-columns-base-tablet-full-max-width);
  --spacing-columns-tablet-full-min-width: var(--global-columns-base-tablet-full-min-width);
  --spacing-columns-tablet-half-max-width: var(--global-columns-base-tablet-half-max-width);
  --spacing-columns-tablet-half-min-width: var(--global-columns-base-tablet-half-min-width);
  --spacing-columns-tablet-one-fourth-max-width: var(--global-columns-base-tablet-oneFourth-max-width);
  --spacing-columns-tablet-one-fourth-min-width: var(--global-columns-base-tablet-oneFourth-min-width);
  --spacing-columns-tablet-one-third-max-width: var(--global-columns-base-tablet-oneThird-max-width);
  --spacing-columns-tablet-one-third-min-width: var(--global-columns-base-tablet-oneThird-min-width);
  --spacing-columns-tablet-three-fourth-max-width: var(--global-columns-base-tablet-three-fourth-max-width);
  --spacing-columns-tablet-three-fourth-min-width: var(--global-columns-base-tablet-three-fourth-min-width);
  --spacing-general-buttons-space-between: var(--space-between-small);
  --spacing-general-container-padding-x: var(--layout-full-margin-x);
  --spacing-general-container-padding-y: var(--layout-full-margin-y);
  --spacing-general-copy-margin-bottom: var(--margin-none);
  --spacing-general-cta-margin-top: var(--margin-small);
  --spacing-general-eyebrow-margin-bottom: var(--margin-xsmall);
  --spacing-general-favicon-dimensions: var(--spacing-spacing-32);
  --spacing-general-gutter: var(--layout-base-gutter);
  --spacing-general-icon-margin-bottom: var(--margin-medium);
  --spacing-general-image-padding: var(--padding-none);
  --spacing-general-margin-related-y: var(--spacing-spacing-16);
  --spacing-general-margin-x: var(--layout-base-margin-x);
  --spacing-general-margin-y: var(--layout-base-margin-y);
  --spacing-general-subtitle-margin-top: var(--margin-xxsmall);
  --spacing-general-title-margin-bottom: var(--margin-xsmall);
  --spacing-general-top-title-margin-bottom: var(--margin-small);
  --theme-aux-1-bg-bg: var(--general-color-background-dark);
  --theme-aux-1-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-1-bg-cta-1-color: inverse;
  --theme-aux-1-bg-cta-2-color: inverse;
  --theme-aux-1-bg-icon: var(--general-color-fill-brand-2);
  --theme-aux-1-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-bg-text-primary: var(--general-color-text-white);
  --theme-aux-1-bg-text-secondary: var(--general-color-fill-white);
  --theme-aux-1-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-1-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-1-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-1-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-1-interactive-button-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-link: var(--theme-brand-action-alternate);
  --theme-aux-1-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-1-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-1-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-surface-focus: var(--theme-aux-1-surface-surface);
  --theme-aux-1-interactive-surface-hover: var(--general-color-surface-white);
  --theme-aux-1-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-1-surface-border: var(--general-color-border-brand-1);
  --theme-aux-1-surface-border-focus: var(--general-color-border-white);
  --theme-aux-1-surface-border-hover: var(--general-color-border-brand-1);
  --theme-aux-1-surface-cta-1-color: brand;
  --theme-aux-1-surface-cta-2-color: brand;
  --theme-aux-1-surface-icon: var(--general-color-fill-brand-1);
  --theme-aux-1-surface-match-bg-border: var(--general-color-border-white);
  --theme-aux-1-surface-match-bg-cta-1-color: inverse;
  --theme-aux-1-surface-match-bg-cta-2-color: inverse;
  --theme-aux-1-surface-match-bg-icon: var(--theme-aux-1-bg-text-hover);
  --theme-aux-1-surface-match-bg-surface: var(--theme-aux-1-bg-bg);
  --theme-aux-1-surface-match-bg-text-hover: var(--theme-aux-1-bg-text-link);
  --theme-aux-1-surface-match-bg-text-primary: var(--theme-aux-1-bg-text-primary);
  --theme-aux-1-surface-match-bg-text-secondary: var(--theme-aux-1-bg-text-secondary);
  --theme-aux-1-surface-surface: var(--general-color-background-white);
  --theme-aux-1-surface-text-hover: var(--theme-brand-action);
  --theme-aux-1-surface-text-link: var(--theme-brand-action-alternate);
  --theme-aux-1-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-1-surface-text-primary: var(--general-color-text-darkest);
  --theme-aux-1-surface-text-secondary: var(--general-color-text-dark);
  --theme-aux-2-bg-bg: var(--general-color-background-brand-1);
  --theme-aux-2-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-2-bg-border: var(--general-color-border-white);
  --theme-aux-2-bg-cta-1-color: inverse;
  --theme-aux-2-bg-cta-2-color: inverse;
  --theme-aux-2-bg-icon: var(--general-color-fill-white);
  --theme-aux-2-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-2-bg-text-link: var(--theme-brand-action-inverse);
  --theme-aux-2-bg-text-link-underline: var(--theme-brand-action-inverse);
  --theme-aux-2-bg-text-primary: var(--general-color-text-white);
  --theme-aux-2-bg-text-secondary: var(--general-color-text-white);
  --theme-aux-2-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-2-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-2-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-2-interactive-button-link-underline: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-ghost-link: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-ghost-link-underline: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-ghost-inverse-link-underline: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-2-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-2-interactive-ratings-inactive: var(--color-grayscale-400);
  --theme-aux-2-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-2-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-2-interactive-surface-focus: var(--theme-aux-1-surface-surface);
  --theme-aux-2-interactive-surface-hover: var(--general-color-surface-light);
  --theme-aux-2-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-2-surface-border: var(--general-color-border-brand-1);
  --theme-aux-2-surface-border-focus: var(--general-color-border-white);
  --theme-aux-2-surface-border-hover: var(--general-color-border-brand-1);
  --theme-aux-2-surface-cta-1-color: brand;
  --theme-aux-2-surface-cta-2-color: brand;
  --theme-aux-2-surface-icon: var(--general-color-fill-brand-1);
  --theme-aux-2-surface-match-bg-border: var(--general-color-border-white);
  --theme-aux-2-surface-match-bg-cta-1-color: var(--theme-aux-1-bg-cta-1-color);
  --theme-aux-2-surface-match-bg-cta-2-color: var(--theme-aux-1-bg-cta-2-color);
  --theme-aux-2-surface-match-bg-fill: var(--theme-aux-2-bg-icon);
  --theme-aux-2-surface-match-bg-surface: var(--theme-aux-2-bg-bg);
  --theme-aux-2-surface-match-bg-text-hover: var(--theme-aux-2-bg-text-hover);
  --theme-aux-2-surface-match-bg-text-primary: var(--theme-aux-2-bg-text-primary);
  --theme-aux-2-surface-match-bg-text-secondary: var(--theme-aux-2-bg-text-secondary);
  --theme-aux-2-surface-surface: var(--general-color-surface-white);
  --theme-aux-2-surface-text-hover: var(--theme-brand-action);
  --theme-aux-2-surface-text-link: var(--theme-brand-action-alternate);
  --theme-aux-2-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-2-surface-text-primary: var(--general-color-text-dark);
  --theme-aux-2-surface-text-secondary: var(--general-color-text-darkest);
  --theme-brand-action: var(--general-color-fill-brand-1);
  --theme-brand-action-alternate: var(--color-primary-color-1-700);
  --theme-brand-action-alternate-inverse: var(--color-primary-color-1-900);
  --theme-brand-action-hover: var(--color-primary-color-1-700);
  --theme-brand-action-hover-inverse: var(--general-color-fill-light);
  --theme-brand-action-inverse: var(--general-color-fill-white);
  --theme-link-underline: var(--theme-brand-action-alternate);
  --theme-link-underline-inverse: var(--theme-brand-action-inverse);
  --theme-primary-bg-bg: var(--general-color-background-white);
  --theme-primary-bg-bg-decor-accent: var(--general-color-background-brand-1);
  --theme-primary-bg-border: var(--general-color-border-light);
  --theme-primary-bg-cta-1-color: brand;
  --theme-primary-bg-cta-2-color: brand;
  --theme-primary-bg-icon: var(--general-color-fill-brand-1);
  --theme-primary-bg-text-hover: var(--theme-brand-action-alternate-inverse);
  --theme-primary-bg-text-link: var(--theme-brand-action-alternate);
  --theme-primary-bg-text-link-underline: var(--theme-link-underline);
  --theme-primary-bg-text-primary: var(--general-color-text-dark);
  --theme-primary-bg-text-secondary: var(--general-color-text-darkest);
  --theme-primary-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-primary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-primary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-primary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-primary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-link: var(--theme-brand-action-alternate);
  --theme-primary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-primary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-primary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-primary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-primary-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-primary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-ratings-inverse-active: var(--general-color-surface-white);
  --theme-primary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-surface-focus: var(--theme-primary-surface-surface);
  --theme-primary-interactive-surface-hover: var(--general-color-surface-light);
  --theme-primary-interactive-surface-pressed: var(--theme-primary-interactive-surface-hover);
  --theme-primary-surface-border: var(--general-color-border-brand-1);
  --theme-primary-surface-border-focus: var(--general-color-border-brand-1);
  --theme-primary-surface-border-hover: var(--general-color-border-light);
  --theme-primary-surface-cta-1-color: brand;
  --theme-primary-surface-cta-2-color: brand;
  --theme-primary-surface-icon: var(--general-color-fill-brand-1);
  --theme-primary-surface-match-bg-border: var(--general-color-border-brand-1);
  --theme-primary-surface-match-bg-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --theme-primary-surface-match-bg-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --theme-primary-surface-match-bg-fill: var(--theme-primary-bg-icon);
  --theme-primary-surface-match-bg-surface: var(--theme-primary-bg-bg);
  --theme-primary-surface-match-bg-text-hover: var(--theme-primary-bg-text-hover);
  --theme-primary-surface-match-bg-text-primary: var(--theme-primary-bg-text-primary);
  --theme-primary-surface-match-bg-text-secondary: var(--theme-primary-bg-text-secondary);
  --theme-primary-surface-surface: var(--general-color-surface-white);
  --theme-primary-surface-text-hover: var(--theme-brand-action-alternate-inverse);
  --theme-primary-surface-text-link: var(--theme-brand-action-alternate);
  --theme-primary-surface-text-link-underline: var(--theme-link-underline);
  --theme-primary-surface-text-primary: var(--general-color-text-dark);
  --theme-primary-surface-text-secondary: var(--general-color-text-darkest);
  --theme-secondary-bg-bg: var(--general-color-background-light);
  --theme-secondary-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-secondary-bg-border: var(--general-color-border-white);
  --theme-secondary-bg-cta-1-color: brand;
  --theme-secondary-bg-cta-2-color: brand;
  --theme-secondary-bg-icon: var(--general-color-fill-brand-1);
  --theme-secondary-bg-text-hover: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-bg-text-link: var(--theme-brand-action-alternate);
  --theme-secondary-bg-text-link-underline: var(--theme-link-underline);
  --theme-secondary-bg-text-primary: var(--general-color-text-dark);
  --theme-secondary-bg-text-secondary: var(--general-color-text-darkest);
  --theme-secondary-interactive-action-bar-button-border: var(--component-cta-color-brand-fill-enabled-border);
  --theme-secondary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-secondary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-secondary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-secondary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-link: var(--theme-brand-action-alternate);
  --theme-secondary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-secondary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-secondary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-secondary-interactive-surface-hover: var(--general-color-surface-light);
  --theme-secondary-interactive-surface-pressed: var(--theme-secondary-interactive-surface-hover);
  --theme-secondary-surface-border: var(--general-color-border-brand-1);
  --theme-secondary-surface-border-focus: var(--general-color-border-brand-1);
  --theme-secondary-surface-border-hover: var(--general-color-border-brand-1);
  --theme-secondary-surface-cta-1-color: brand;
  --theme-secondary-surface-cta-2-color: brand;
  --theme-secondary-surface-icon: var(--general-color-fill-brand-1);
  --theme-secondary-surface-match-bg-border: var(--general-color-border-brand-1);
  --theme-secondary-surface-match-bg-cta-1-color: var(--theme-secondary-bg-cta-1-color);
  --theme-secondary-surface-match-bg-cta-2-color: var(--theme-secondary-bg-cta-2-color);
  --theme-secondary-surface-match-bg-fill: var(--theme-secondary-bg-icon);
  --theme-secondary-surface-match-bg-surface: var(--theme-secondary-bg-bg);
  --theme-secondary-surface-match-bg-text-hover: var(--theme-secondary-surface-text-hover);
  --theme-secondary-surface-match-bg-text-primary: var(--theme-secondary-bg-text-primary);
  --theme-secondary-surface-match-bg-text-secondary: var(--theme-secondary-bg-text-secondary);
  --theme-secondary-surface-surface: var(--general-color-surface-white);
  --theme-secondary-surface-text-hover: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-surface-text-link: var(--theme-brand-action-alternate);
  --theme-secondary-surface-text-link-underline: var(--theme-brand-action-alternate);
  --theme-secondary-surface-text-primary: var(--general-color-text-dark);
  --theme-secondary-surface-text-secondary: var(--general-color-text-darkest);
  --typography-font-family-accent-header: var(--typography-font-family-noto-sans);
  --typography-font-family-body: var(--typography-font-family-noto-sans);
  --typography-font-family-header: var(--typography-font-family-montserrat);
  --typography-font-size-desktop-accent-header-display: var(--typography-font-size-font-size-72);
  --typography-font-size-desktop-accent-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-accent-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-accent-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-accent-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-desktop-body-xlarge: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-desktop-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-desktop-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-header-medium: var(--typography-font-size-font-size-28);
  --typography-font-size-desktop-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-mobile-accent-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-large: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-accent-header-medium: var(--typography-font-size-font-size-20);
  --typography-font-size-mobile-accent-header-small: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-accent-header-xlarge: var(--typography-font-size-font-size-28);
  --typography-font-size-mobile-accent-header-xsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-xxlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-accent-header-xxsmall: var(--typography-font-size-font-size-14);
  --typography-font-size-mobile-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-mobile-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-mobile-header-display: var(--typography-font-size-font-size-48);
  --typography-font-size-mobile-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-large: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-header-medium: var(--typography-font-size-font-size-20);
  --typography-font-size-mobile-header-small: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-header-xsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-mobile-header-xxsmall: var(--typography-font-size-font-size-14);
  --typography-font-size-tablet-accent-header-display: var(--typography-font-size-font-size-96);
  --typography-font-size-tablet-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-accent-header-large: var(--typography-font-size-font-size-28);
  --typography-font-size-tablet-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-accent-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-accent-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-tablet-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-tablet-header-display: var(--typography-font-size-font-size-56);
  --typography-font-size-tablet-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-header-large: var(--typography-font-size-font-size-28);
  --typography-font-size-tablet-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-weight-body: 400;
  --typography-font-weight-body-bold: 700;
  --typography-font-weight-button: 700;
  --typography-font-weight-display: 800;
  --typography-font-weight-large: 800;
  --typography-font-weight-medium: 800;
  --typography-font-weight-small: 800;
  --typography-font-weight-xlarge: 800;
  --typography-font-weight-xsmall: 800;
  --typography-font-weight-xxlarge: 800;
  --typography-font-weight-xxsmall: 800;
}

.BrandsHD {
  --color-grayscale-100: #f2f2f7;
  --color-grayscale-200: var(--color-grayscale-coolGray-200);
  --color-grayscale-300: var(--color-grayscale-coolGray-300);
  --color-grayscale-400: var(--color-grayscale-coolGray-400);
  --color-grayscale-500: var(--color-grayscale-coolGray-500);
  --color-grayscale-600: var(--color-grayscale-coolGray-600);
  --color-grayscale-700: var(--color-grayscale-coolGray-700);
  --color-grayscale-800: var(--color-grayscale-coolGray-800);
  --color-grayscale-900: #0d0d0d;
  --color-grayscale-black: #000000;
  --color-primary-color-1-100: #fcb4ce;
  --color-primary-color-1-300: #f98fa8;
  --color-primary-color-1-500: #97144f;
  --color-primary-color-1-700: #600624;
  --color-primary-color-1-900: #4d0624;
  --color-primary-color-1-accessible: #600624;
  --color-primary-color-2-100: #f7eadf;
  --color-primary-color-2-300: #f7eadf;
  --color-primary-color-2-500: #f7eadf;
  --color-primary-color-2-700: #f7eadf;
  --color-primary-color-2-900: #f7eadf;
  --color-primary-color-2-accessible: #f7eadf;
  --color-secondary-color-3-100: #f9c2af;
  --color-secondary-color-3-500: #ffa17a;
  --color-secondary-color-3-900: #996149;
  --color-secondary-color-4-100: #ddcada;
  --color-secondary-color-4-500: #a193db;
  --color-secondary-color-4-900: #564f75;
  --color-secondary-color-5-100: #ffeba3;
  --color-secondary-color-5-500: #f9ce64;
  --color-secondary-color-5-900: #947a3b;
  --color-secondary-color-6-100: #c4e7be;
  --color-secondary-color-6-500: #87b582;
  --color-secondary-color-6-900: #3b4f39;
  --color-secondary-color-7-100: #b2d6fa;
  --color-secondary-color-7-500: #74c3ff;
  --color-secondary-color-7-900: #467599;
  --color-tertiary-color-swatch-500: var(--color-brand-general-mills-generalMills-red);
  --component-accordion-color-default-body: var(--general-color-text-dark);
  --component-accordion-color-default-border: var(--general-color-border-light);
  --component-accordion-color-default-icons: var(--general-color-fill-brand-1);
  --component-accordion-color-default-surface: var(--general-color-surface-white);
  --component-accordion-color-default-title: var(--general-color-text-darkest);
  --component-accordion-color-hover-body: var(--general-color-text-dark);
  --component-accordion-color-hover-border: var(--general-color-border-brand-1);
  --component-accordion-color-hover-icons: var(--general-color-background-brand-1);
  --component-accordion-color-hover-surface: var(--general-color-surface-light);
  --component-accordion-color-hover-title: var(--general-color-text-darkest);
  --component-accordion-item-border-bottom: 0px;
  --component-accordion-item-border-left: 0px;
  --component-accordion-item-border-right: 0px;
  --component-accordion-item-border-top: 1px;
  --component-accordion-padding-x: var(--padding-small);
  --component-accordion-padding-y: var(--padding-small);
  --component-action-bar-border: var(--spacing-spacing-0);
  --component-action-bar-color-border: var(--general-color-border-white);
  --component-action-bar-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-enabled-border: var(--general-color-text-brand-1);
  --component-action-bar-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-action-bar-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-focus-focus-border: var(--theme-brand-action);
  --component-action-bar-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-action-bar-color-button-hover-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-action-bar-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-action-bar-color-surface: var(--general-color-surface-white);
  --component-action-bar-color-toggle-active-bg: var(--general-color-fill-brand-2);
  --component-action-bar-color-toggle-active-switch-circle: var(--general-color-fill-white);
  --component-action-bar-color-toggle-inactive-bg: var(--general-color-fill-mid);
  --component-action-bar-color-toggle-inactive-switch-circle: var(--general-color-fill-white);
  --component-action-bar-gap-horizontal: var(--spacing-spacing-16);
  --component-action-bar-gap-vertical: var(--spacing-spacing-12);
  --component-action-bar-radius: var(--radius-radius-12);
  --component-action-bar-share-menu-bg-default: var(--general-color-background-white);
  --component-action-bar-share-menu-bg-hover: var(--color-grayscale-100);
  --component-action-bar-share-menu-blur: 12px;
  --component-action-bar-share-menu-color: #00000014;
  --component-action-bar-share-menu-focus-border: var(--theme-brand-action);
  --component-action-bar-share-menu-max-width: 350px;
  --component-action-bar-share-menu-min-height: 48px;
  --component-action-bar-share-menu-min-width: 200px;
  --component-action-bar-share-menu-text: var(--general-color-text-darkest);
  --component-action-bar-share-menu-y-value: 2px;
  --component-action-bar-width-desktop: 88px;
  --component-action-bar-width-mobile: 56px;
  --component-action-bar-width-tablet: 64px;
  --component-alert-banner-bg: var(--general-color-background-darkest);
  --component-alert-banner-body: var(--general-color-text-white);
  --component-alert-banner-button-color-1: inverse;
  --component-alert-banner-button-color-2: inverse;
  --component-alert-banner-close: var(--general-color-fill-white);
  --component-alert-banner-icon: var(--general-color-fill-white);
  --component-alert-banner-title: var(--general-color-text-white);
  --component-breadcrumb-color-bg: var(--theme-primary-bg-bg);
  --component-breadcrumb-color-item-enabled-icon: var(--general-color-fill-mid);
  --component-breadcrumb-color-item-enabled-text: var(--color-grayscale-500);
  --component-breadcrumb-color-item-focus-icon: var(--component-breadcrumb-color-item-hover-icon);
  --component-breadcrumb-color-item-focus-text: var(--component-breadcrumb-color-item-hover-text);
  --component-breadcrumb-color-item-hover-icon: var(--theme-brand-action);
  --component-breadcrumb-color-item-hover-text: var(--theme-brand-action);
  --component-breadcrumb-color-item-pressed-icon: var(--general-color-fill-brand-1);
  --component-breadcrumb-color-item-pressed-text: var(--general-color-text-brand-1);
  --component-breadcrumb-color-tip-active-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-bg: var(--color-grayscale-black);
  --component-breadcrumb-color-tip-enabled-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-hover-link: var(--general-color-text-white);
  --component-button-tag-color-disabled-bg: #08459833;
  --component-button-tag-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-button-tag-color-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-focus-bg: var(--component-button-tag-color-enabled-bg);
  --component-button-tag-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-button-tag-color-focus-text: var(--component-button-tag-color-enabled-text);
  --component-button-tag-color-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-border: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-button-tag-color-link-underline: var(--general-color-fill-brand-1);
  --component-button-tag-color-pressed-bg: var(--component-button-tag-color-hover-bg);
  --component-button-tag-color-pressed-border: var(--component-button-tag-color-hover-border);
  --component-button-tag-color-pressed-text: var(--component-button-tag-color-hover-text);
  --component-button-tag-radius: var(--radius-radius-rounded);
  --component-button-tag-size-base-border: var(--spacing-spacing-2);
  --component-button-tag-size-base-padding-left: var(--spacing-spacing-16);
  --component-button-tag-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-button-tag-size-base-padding-y: var(--spacing-spacing-8);
  --component-button-tag-size-base-space-between: var(--spacing-spacing-8);
  --component-button-tag-size-small-border: var(--spacing-spacing-4);
  --component-button-tag-size-small-gap: var(--spacing-spacing-8);
  --component-button-tag-size-small-padding-left: var(--spacing-spacing-12);
  --component-button-tag-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-button-tag-size-small-padding-y: var(--spacing-spacing-8);
  --component-card-article-card-border-width: var(--spacing-spacing-4);
  --component-card-article-card-radius: var(--general-radius-card);
  --component-card-article-image-borderWidth: var(--spacing-spacing-4);
  --component-card-article-image-image-ratio: "3:2";
  --component-card-article-image-radius: var(--general-radius-image);
  --component-card-general-card-border-width: var(--spacing-spacing-4);
  --component-card-general-card-radius: var(--general-radius-card);
  --component-card-general-color-body: var(--component-cards-base-color-on-surface-body);
  --component-card-general-color-border: var(--component-cards-base-color-on-surface-border);
  --component-card-general-color-cta-1-color: var(--component-cards-base-color-on-surface-cta-1-color);
  --component-card-general-color-image-border: var(--color-grayscale-black);
  --component-card-general-color-subtitle: var(--component-cards-base-color-on-surface-subtitle);
  --component-card-general-color-surface: var(--component-cards-base-color-on-surface-surface);
  --component-card-general-color-title: var(--component-cards-base-color-on-surface-title);
  --component-card-product-card-border-width: var(--spacing-spacing-4);
  --component-card-product-color-image-bg: var(--general-color-background-brand-1);
  --component-card-product-image-borderWidth: var(--spacing-spacing-4);
  --component-card-product-image-image-ratio: "1:1";
  --component-card-recipe-card-border-width: var(--spacing-spacing-4);
  --component-card-recipe-card-minHeight: 280px;
  --component-card-recipe-card-padding-x: var(--padding-none);
  --component-card-recipe-card-padding-y: var(--padding-none);
  --component-card-recipe-card-radius: var(--general-radius-card);
  --component-card-recipe-color-ratings: var(--interactiveTheme-ratings-active);
  --component-card-recipe-image-borderWidth: var(--spacing-spacing-4);
  --component-card-recipe-image-image-ratio: "3:2";
  --component-card-recipe-image-padding-top: var(--component-card-recipe-image-padding-x);
  --component-card-recipe-image-padding-x: var(--padding-none);
  --component-card-recipe-image-radius: var(--general-radius-image);
  --component-cards-base-card-border-width: var(--spacing-spacing-2);
  --component-cards-base-card-border-width-focus: var(--spacing-spacing-4);
  --component-cards-base-card-border-width-hover: var(--spacing-spacing-2);
  --component-cards-base-card-label-margin: var(--spacing-spacing-12);
  --component-cards-base-card-min-height: 262px;
  --component-cards-base-card-padding-x: var(--padding-xxsmall);
  --component-cards-base-card-padding-y: var(--padding-xxsmall);
  --component-cards-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-primary);
  --component-cards-base-color-on-surface-border: var(--component-cards-base-color-on-surface-surface);
  --component-cards-base-color-on-surface-border-focus: var(--general-color-border-brand-1);
  --component-cards-base-color-on-surface-border-hover: var(--componentTheme-cards-on-surface-border-hover);
  --component-cards-base-color-on-surface-cta-1-color: var(--componentTheme-cards-on-surface-cta-1-color);
  --component-cards-base-color-on-surface-cta-2-color: var(--componentTheme-cards-on-surface-cta-2-color);
  --component-cards-base-color-on-surface-image-bg: var(--color-grayscale-200);
  --component-cards-base-color-on-surface-image-border: var(--color-grayscale-white);
  --component-cards-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-cards-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-cards-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-cards-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-cards-base-copy-padding-x: var(--padding-xsmall);
  --component-cards-base-copy-padding-y: var(--padding-xsmall);
  --component-cards-base-image-bg: var(--color-grayscale-200);
  --component-cards-base-image-border: var(--color-grayscale-white);
  --component-cards-base-image-border-width: var(--spacing-spacing-0);
  --component-cards-base-image-category-image-ratio: "1:1";
  --component-cards-base-image-image-ratio: "16:9";
  --component-cards-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-cards-base-image-padding-x: var(--padding-none);
  --component-cards-base-image-radius: var(--general-radius-none);
  --component-cards-card-max-width-mobile: 480px;
  --component-carousel-border-width: 1px;
  --component-carousel-controls-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-brand-icon: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-controls-inverse-icon: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-brand-fill: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-inverse-fill: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-color: var(--component-content-grid-color-button-color-1);
  --component-category-asset-default-height: 120px;
  --component-category-asset-default-width: 120px;
  --component-category-asset-hover-height: 112px;
  --component-category-asset-hover-width: 112px;
  --component-category-color-bg: var(--componentTheme-content-grid-bg);
  --component-category-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-border-focus: var(--component-category-color-category-enabled);
  --component-category-color-category-enabled: var(--component-content-grid-color-body);
  --component-category-color-category-hover: var(--component-content-grid-color-body);
  --component-category-color-fill: var(--componentTheme-content-grid-fill);
  --component-category-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-surface: var(--componentTheme-content-grid-bg);
  --component-category-color-title: var(--componentTheme-content-grid-text-primary);
  --component-category-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-category-gutter: var(--spacing-general-gutter);
  --component-category-padding-x: var(--spacing-general-margin-x);
  --component-category-padding-y: var(--spacing-general-margin-y);
  --component-checkbox-radio-color-brand-fill-disabled-opacity: 0.5;
  --component-checkbox-radio-color-brand-fill-disabled-text: var(--general-color-text-mid);
  --component-checkbox-radio-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-checkbox-radio-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-checkbox-radio-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-enabled-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-error-bg: var(--color-system-error-100);
  --component-checkbox-radio-color-brand-fill-error-border: var(--color-system-error-500);
  --component-checkbox-radio-color-brand-fill-error-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-enabled-bg);
  --component-checkbox-radio-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-focus-border);
  --component-checkbox-radio-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-focus-icon);
  --component-checkbox-radio-color-brand-fill-focus-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-selected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-selected-border: var(--component-checkbox-radio-color-brand-fill-hover-selected-bg);
  --component-checkbox-radio-color-brand-fill-hover-selected-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-hover-selected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-unselected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-unselected-border: var(--component-checkbox-radio-color-brand-fill-hover-selected-bg);
  --component-checkbox-radio-color-brand-fill-hover-unselected-icon: var(--theme-primary-interactive-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-unselected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-uneditable-bg: var(--general-color-background-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-icon: var(--general-color-background-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-text: var(--general-color-text-dark);
  --component-content-grid-color-bg: var(--componentTheme-content-grid-bg);
  --component-content-grid-color-body: var(--componentTheme-content-grid-text-primary);
  --component-content-grid-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-content-grid-color-title: var(--componentTheme-content-grid-text-primary);
  --component-content-grid-margin-x: var(--spacing-general-margin-x);
  --component-content-grid-margin-x-2: var(--spacing-general-margin-x);
  --component-content-grid-margin-y: var(--spacing-general-margin-y);
  --component-content-grid-margin-y-2: var(--spacing-general-margin-y);
  --component-content-grid-pdp-color-bg: var(--general-color-background-white);
  --component-content-grid-pdp-color-body: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-pdp-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-pdp-color-subtitle: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-title: var(--general-color-text-darkest);
  --component-cta-color-brand-fill-disabled-opacity: 0.5;
  --component-cta-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-cta-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-cta-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-cta-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-cta-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-cta-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-cta-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-ghost-disabled-opacity: 0.5;
  --component-cta-color-brand-ghost-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-enabled-text: var(--interactiveTheme-button-ghost-link);
  --component-cta-color-brand-ghost-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-cta-color-brand-ghost-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-ghost-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-cta-color-brand-ghost-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-cta-color-brand-ghost-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-cta-color-brand-ghost-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-cta-color-brand-ghost-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-outline-disabled-opacity: 0.5;
  --component-cta-color-brand-outline-enabled-bg: #ffffff00;
  --component-cta-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action-alternate);
  --component-cta-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action-alternate);
  --component-cta-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-cta-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-cta-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-cta-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-cta-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-cta-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-cta-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-inverse-fill-disabled-opacity: 0.5;
  --component-cta-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-enabled-text: var(--theme-primary-interactive-button-brand-action);
  --component-cta-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-cta-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-cta-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-brand-action-hover);
  --component-cta-color-inverse-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-cta-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-cta-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-cta-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-ghost-disabled-opacity: 0.5;
  --component-cta-color-inverse-ghost-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-cta-color-inverse-ghost-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-ghost-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-cta-color-inverse-ghost-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-outline-disabled-opacity: 0.5;
  --component-cta-color-inverse-outline-enabled-bg: #ffffff00;
  --component-cta-color-inverse-outline-enabled-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-cta-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-cta-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-cta-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-inverse-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-color-inverse-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-cta-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-cta-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-cta-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-focus-radius: var(--radius-radius-0);
  --component-cta-radius: var(--radius-radius-0);
  --component-cta-size-base-border: var(--spacing-spacing-2);
  --component-cta-size-base-border-2: var(--spacing-spacing-2);
  --component-cta-size-base-padding-left: var(--spacing-spacing-12);
  --component-cta-size-base-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-base-padding-y: var(--spacing-spacing-12);
  --component-cta-size-base-space-between: var(--spacing-spacing-4);
  --component-cta-size-small-border: var(--spacing-spacing-4);
  --component-cta-size-small-gap: var(--spacing-spacing-8);
  --component-cta-size-small-padding-left: var(--spacing-spacing-16);
  --component-cta-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-small-padding-y: var(--spacing-spacing-8);
  --component-dialog-box-shadow-blur: 24px;
  --component-dialog-color-body: var(--theme-primary-surface-match-bg-text-secondary);
  --component-dialog-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-dialog-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-dialog-color-smokescreen: #000000cc;
  --component-dialog-color-surface: var(--general-color-surface-white);
  --component-dialog-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-dialog-content-padding-x: var(--padding-medium);
  --component-dialog-content-padding-y: var(--padding-medium);
  --component-error-state-page-color-bg: var(--component-content-grid-color-bg);
  --component-error-state-page-color-body: var(--componentTheme-surface-text-secondary);
  --component-error-state-page-color-cta-1-color: var(--componentTheme-surface-cta-1-color);
  --component-error-state-page-color-icon: var(--componentTheme-surface-icon);
  --component-error-state-page-color-image-bg: var(--general-color-background-dark);
  --component-error-state-page-color-surface: var(--componentTheme-surface-surface);
  --component-error-state-page-color-title: var(--general-color-text-brand-1);
  --component-error-state-page-content-padding-x: var(--layout-full-margin-x);
  --component-error-state-page-content-padding-y: var(--layout-full-margin-y);
  --component-error-state-page-content-radius: var(--general-radius-container);
  --component-error-state-page-copy-padding-x: var(--padding-medium);
  --component-error-state-page-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-error-state-page-copy-radius: var(--general-radius-container);
  --component-error-state-page-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-error-state-page-gutter: var(--layout-full-gutter);
  --component-error-state-page-image-imageLeft-radius-bottomLeft: var(--general-radius-base);
  --component-error-state-page-image-imageLeft-radius-bottomRight: var(--general-radius-base);
  --component-error-state-page-image-imageLeft-radius-top-left: var(--general-radius-base);
  --component-error-state-page-image-imageLeft-radius-top-right: var(--general-radius-base);
  --component-error-state-page-image-imageRight-radius-bottom-left: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-imageRight-radius-bottom-right: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-imageRight-radius-top-left: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-imageRight-radius-top-right: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-max-height-desktop: 1024px;
  --component-error-state-page-image-max-height-mobile: 360px;
  --component-error-state-page-image-max-height-tablet: 1024px;
  --component-error-state-page-image-min-height-desktop: 370px;
  --component-error-state-page-image-min-height-mobile: 180px;
  --component-error-state-page-image-min-height-tablet: 392px;
  --component-error-state-page-image-padding-x: var(--padding-small);
  --component-error-state-page-image-padding-y: var(--component-newsletter-sign-up-image-padding-x);
  --component-error-state-page-image-radius: var(--general-radius-image);
  --component-error-state-page-margin-x: var(--spacing-general-margin-x);
  --component-error-state-page-margin-y: var(--spacing-general-margin-y);
  --component-facets-color-default-border: var(--component-facets-color-default-surface);
  --component-facets-color-default-icons: var(--general-color-fill-brand-1);
  --component-facets-color-default-surface: var(--theme-primary-surface-match-bg-surface);
  --component-facets-color-default-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-facets-color-focus-border: var(--general-color-border-brand-1);
  --component-facets-color-focus-icons: var(--general-color-background-brand-1);
  --component-facets-color-focus-surface: var(--general-color-surface-light);
  --component-facets-color-focus-title: var(--general-color-text-darkest);
  --component-facets-color-hover-border: var(--general-color-border-brand-1);
  --component-facets-color-hover-icons: var(--general-color-background-brand-1);
  --component-facets-color-hover-surface: var(--general-color-surface-light);
  --component-facets-color-hover-title: var(--general-color-text-darkest);
  --component-facets-counter-surface: #ffffff;
  --component-facets-counter-text: #ffffff;
  --component-facets-max-width: 302px;
  --component-facets-padding-x: var(--padding-xxsmall);
  --component-facets-padding-y: var(--padding-xxsmall);
  --component-facets-radius: var(--radius-radius-2);
  --component-favorites-border: var(--spacing-spacing-0);
  --component-favorites-color-border: var(--general-color-border-white);
  --component-favorites-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-focus-focus-border: var(--theme-brand-action);
  --component-favorites-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-favorites-color-button-hover-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-favorites-color-surface: var(--general-color-surface-white);
  --component-favorites-lists-menu-bg-default: var(--general-color-background-white);
  --component-favorites-lists-menu-bg-hover: var(--general-color-background-white);
  --component-favorites-lists-menu-focus-border: var(--general-color-text-darkest);
  --component-favorites-lists-menu-max-width: 350px;
  --component-favorites-lists-menu-min-height: 48px;
  --component-favorites-lists-menu-min-width: 200px;
  --component-favorites-lists-menu-text: var(--general-color-text-darkest);
  --component-favorites-radius: var(--radius-radius-12);
  --component-feature-full-color-bg: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-body: var(--componentTheme-content-grid-text-primary);
  --component-feature-full-color-cta-1-color: var(--componentTheme-content-grid-cta-1-color);
  --component-feature-full-color-cta-2-color: var(--componentTheme-content-grid-cta-2-color);
  --component-feature-full-color-eyebrow: var(--componentTheme-content-grid-text-primary);
  --component-feature-full-color-fill: var(--componentTheme-content-grid-fill);
  --component-feature-full-color-image-bg: var(--general-color-fill-light);
  --component-feature-full-color-surface: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-title: var(--componentTheme-content-grid-text-primary);
  --component-feature-full-copy-block-copy-block-indent: var(--padding-small);
  --component-feature-full-copy-block-padding-x: var(--padding-medium);
  --component-feature-full-copy-block-padding-y: var(--component-feature-full-copy-block-padding-x);
  --component-feature-full-copy-block-radius: var(--general-radius-container);
  --component-feature-full-copy-container-padding-x: var(--layout-base-margin-x);
  --component-feature-full-copy-container-padding-y: var(--layout-base-margin-y);
  --component-feature-full-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-feature-full-decor-decor-accent: var(--componentTheme-content-grid-bg-decor-accent);
  --component-feature-full-decor-decor-match-primary-bg: var(--theme-primary-bg-bg);
  --component-feature-full-decor-icon-height: var(--icon-large-height);
  --component-feature-full-image-padding-left: var(--padding-none);
  --component-feature-full-image-padding-right: var(--padding-none);
  --component-feature-full-image-padding-x: var(--padding-none);
  --component-feature-full-image-padding-y: var(--padding-none);
  --component-feature-full-image-radius: var(--general-radius-image);
  --component-feature-split-color-bg: var(--componentTheme-feature-bg);
  --component-feature-split-color-body: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-color-button-size: base;
  --component-feature-split-color-cta-1-color: var(--componentTheme-feature-match-bg-cta-1-color);
  --component-feature-split-color-cta-2-color: var(--componentTheme-feature-match-bg-cta-2-color);
  --component-feature-split-color-eyebrow: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-color-fill: var(--componentTheme-feature-match-bg-fill);
  --component-feature-split-color-image-bg: var(--general-color-background-brand-1);
  --component-feature-split-color-subtitle: var(--componentTheme-feature-match-bg-text-secondary);
  --component-feature-split-color-surface: var(--componentTheme-feature-match-bg-surface);
  --component-feature-split-color-title: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-constrained-copy-desktop-max-width: 360px;
  --component-feature-split-constrained-copy-mobile-max-width: 767px;
  --component-feature-split-constrained-copy-padding-x: var(--padding-xlarge);
  --component-feature-split-constrained-copy-padding-y: var(--component-feature-split-constrained-copy-padding-x);
  --component-feature-split-constrained-copy-tablet-max-width: 816px;
  --component-feature-split-constrained-image-desktop-min-width: 560px;
  --component-feature-split-constrained-image-mobile-min-width: 560px;
  --component-feature-split-constrained-image-tablet-min-width: 560px;
  --component-feature-split-constrained-margin-left: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-constrained-margin-right: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-content-padding-x: var(--layout-full-margin-x);
  --component-feature-split-content-padding-y: var(--layout-full-margin-y);
  --component-feature-split-content-radius: var(--general-radius-container);
  --component-feature-split-copy-padding-x: var(--padding-small);
  --component-feature-split-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-feature-split-copy-radius: var(--general-radius-container);
  --component-feature-split-decor-bg-accent: var(--general-color-text-brand-3);
  --component-feature-split-decor-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-feature-split-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-feature-split-decor-icon-height: var(--icon-large-height);
  --component-feature-split-gutter: var(--margin-none);
  --component-feature-split-image-border: var(--color-grayscale-100);
  --component-feature-split-image-border-width: var(--spacing-spacing-0);
  --component-feature-split-image-image-ratio: "3:2";
  --component-feature-split-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-padding-x: var(--padding-none);
  --component-feature-split-image-padding-y: var(--component-feature-split-image-padding-x);
  --component-feature-split-image-radius: var(--general-radius-image);
  --component-feature-split-margin-x: var(--width-component-feature-margin-x);
  --component-feature-split-margin-y: var(--width-component-feature-margin-y);
  --component-filters-color-default-border: var(--general-color-border-darkest);
  --component-filters-color-default-label: var(--general-color-text-darkest);
  --component-filters-color-default-surface: var(--general-color-surface-white);
  --component-filters-color-focus-border: var(--general-color-border-brand-1);
  --component-filters-color-focus-label: var(--general-color-text-darkest);
  --component-filters-color-focus-surface: var(--general-color-surface-light);
  --component-filters-color-hover-border: var(--theme-brand-action);
  --component-filters-color-hover-label: var(--general-color-text-darkest);
  --component-filters-color-hover-surface: var(--general-color-surface-light);
  --component-filters-color-selected-border: var(--theme-brand-action);
  --component-filters-color-selected-icons: var(--general-color-background-white);
  --component-filters-color-selected-label: var(--general-color-text-darkest);
  --component-filters-color-selected-surface: var(--theme-brand-action);
  --component-filters-counter-surface: var(--general-color-background-darkest);
  --component-filters-counter-text: var(--general-color-text-white);
  --component-filters-padding-x: var(--padding-xxsmall);
  --component-filters-padding-y: var(--padding-xxsmall);
  --component-filters-radius: var(--radius-radius-2);
  --component-form-field-color-button-color-1: brand;
  --component-form-field-color-button-color-2: brand;
  --component-form-field-color-default-bg: var(--component-search-field-default-bg);
  --component-form-field-color-default-border: var(--color-grayscale-200);
  --component-form-field-color-descriptive-text: var(--general-color-text-darkest);
  --component-form-field-color-filled-border: var(--color-grayscale-800);
  --component-form-field-color-icon: var(--general-color-fill-darkest);
  --component-form-field-color-label: var(--general-color-text-darkest);
  --component-form-field-color-placeholder-text: var(--general-color-text-mid);
  --component-form-field-color-required-asterisk: var(--component-form-field-color-label);
  --component-form-field-color-surface: var(--general-color-surface-white);
  --component-hero-color-alternate-bg: var(--componentTheme-hero-bg);
  --component-hero-color-alternate-body: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-alternate-cta-1-color: var(--componentTheme-hero-match-bg-cta-1-color);
  --component-hero-color-alternate-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-alternate-eyebrow: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-alternate-fill: var(--componentTheme-hero-fill);
  --component-hero-color-alternate-surface: var(--componentTheme-hero-match-bg-surface);
  --component-hero-color-alternate-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-alternate-title: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-bg: var(--componentTheme-hero-bg);
  --component-hero-color-general-body: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-cta-1-color: var(--componentTheme-hero-match-bg-cta-1-color);
  --component-hero-color-general-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-general-decor: var(--theme-primary-bg-bg);
  --component-hero-color-general-decor-mobile: var(--component-hero-color-general-surface);
  --component-hero-color-general-eyebrow: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-fill: var(--componentTheme-hero-fill);
  --component-hero-color-general-surface: var(--componentTheme-hero-match-bg-surface);
  --component-hero-color-general-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-general-title: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-simple-bg: var(--general-color-background-white);
  --component-hero-color-simple-body: var(--theme-primary-bg-text-primary);
  --component-hero-color-simple-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-color-simple-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-color-simple-decor-accent: var(--general-color-background-white);
  --component-hero-color-simple-eyebrow: var(--theme-primary-bg-text-primary);
  --component-hero-color-simple-text-link: var(--theme-primary-bg-text-link);
  --component-hero-color-simple-title: var(--theme-primary-bg-text-primary);
  --component-hero-container-desktop-min-height: 500px;
  --component-hero-container-desktop-radius: var(--general-radius-container);
  --component-hero-container-gap: var(--layout-base-gutter);
  --component-hero-container-mobile-min-height: 560px;
  --component-hero-container-mobile-radius: var(--general-radius-none);
  --component-hero-container-padding-x: var(--spacing-general-margin-x);
  --component-hero-container-padding-y: var(--spacing-general-margin-y);
  --component-hero-container-radius: var(--general-radius-container);
  --component-hero-container-tablet-min-height: 432px;
  --component-hero-container-tablet-radius: var(--general-radius-none);
  --component-hero-copy-padding-x: var(--padding-large);
  --component-hero-copy-padding-y: var(--padding-large);
  --component-hero-copy-radius: var(--general-radius-container);
  --component-hero-copy-radius-bottom-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-bottom-right: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-right: var(--component-hero-copy-radius);
  --component-hero-copyBlock-padding-x: var(--padding-small);
  --component-hero-copyBlock-padding-y: var(--padding-medium);
  --component-hero-copyBlock-radius: var(--general-radius-container);
  --component-hero-copyBlock-radius-bottom-left: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-bottom-right: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-top-left: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-top-right: var(--component-hero-container-radius);
  --component-hero-decor-brand: var(--theme-brand-name);
  --component-hero-desktop-max-width: var(--screen-dimensions-max-width);
  --component-hero-image-a11y-image-background-blur: 10px;
  --component-hero-image-a11y-image-overlay-opacity: 0.9;
  --component-hero-image-desktop-radius: var(--radius-radius-0);
  --component-hero-image-mobile-radius: var(--general-radius-none);
  --component-hero-image-padding-top: var(--component-hero-image-padding-y);
  --component-hero-image-padding-x: var(--padding-none);
  --component-hero-image-padding-y: var(--padding-none);
  --component-hero-image-splitHero-radius: var(--radius-radius-0);
  --component-hero-mobile-max-width: 1000px;
  --component-hero-tablet-max-width: 1000px;
  --component-hero-typography-title: var(--typography-font-size-header-display);
  --component-hero-article-color-bg: var(--theme-primary-bg-bg);
  --component-hero-article-color-bg-accent: var(--general-color-text-brand-3);
  --component-hero-article-color-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-hero-article-color-body: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-color-category: var(--theme-primary-surface-match-bg-text-secondary);
  --component-hero-article-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-hero-article-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-hero-article-color-date: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-color-details: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-color-icon: var(--theme-primary-surface-match-bg-fill);
  --component-hero-article-color-image-bg: var(--general-color-background-dark);
  --component-hero-article-color-surface: var(--theme-primary-surface-match-bg-surface);
  --component-hero-article-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-content-padding-x: var(--layout-full-margin-x);
  --component-hero-article-content-padding-y: var(--layout-full-margin-y);
  --component-hero-article-content-radius: var(--general-radius-none);
  --component-hero-article-copy-category-margin-bottom: var(--spacing-general-eyebrow-margin-bottom);
  --component-hero-article-copy-padding-x: var(--spacing-general-margin-x);
  --component-hero-article-copy-padding-y: var(--padding-small);
  --component-hero-article-copy-radius: var(--general-radius-container);
  --component-hero-article-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-article-gutter: var(--spacing-general-gutter);
  --component-hero-article-image-image-ratio: "16:9";
  --component-hero-article-image-imageLeft-radius-bottom-left: var(--general-radius-none);
  --component-hero-article-image-imageLeft-radius-bottom-right: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-article-image-imageLeft-radius-top-left: var(--general-radius-none);
  --component-hero-article-image-imageLeft-radius-top-right: var(--general-radius-none);
  --component-hero-article-image-imageRight-radius-bottom-left: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-article-image-imageRight-radius-bottom-right: var(--general-radius-none);
  --component-hero-article-image-imageRight-radius-top-left: var(--general-radius-none);
  --component-hero-article-image-imageRight-radius-top-right: var(--general-radius-none);
  --component-hero-article-image-max-height-desktop: 1024px;
  --component-hero-article-image-max-height-mobile: 360px;
  --component-hero-article-image-max-height-tablet: 1024px;
  --component-hero-article-image-min-height-desktop: 370px;
  --component-hero-article-image-min-height-mobile: 180px;
  --component-hero-article-image-min-height-tablet: 392px;
  --component-hero-article-image-padding-x: var(--padding-none);
  --component-hero-article-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-hero-article-image-radius: var(--general-radius-image);
  --component-hero-article-margin-x: var(--padding-none);
  --component-hero-article-padding-y: var(--component-hero-article-margin-x);
  --component-hero-product-brand-decor: var(--component-site-header-main-bar-brand-logo);
  --component-hero-product-color-badge-color: brand;
  --component-hero-product-color-bg: var(--theme-primary-bg-bg);
  --component-hero-product-color-body: var(--theme-primary-bg-text-primary);
  --component-hero-product-color-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-product-color-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-product-color-decor: var(--component-pdp-product-content-color-bg);
  --component-hero-product-color-eyebrow: var(--theme-primary-bg-text-primary);
  --component-hero-product-color-icon: var(--theme-primary-bg-icon);
  --component-hero-product-color-image-bg: var(--general-color-background-dark);
  --component-hero-product-color-image-border: var(--general-color-border-light);
  --component-hero-product-color-image-surface: var(--general-color-surface-white);
  --component-hero-product-color-link: var(--theme-primary-bg-text-link-underline);
  --component-hero-product-color-ratings: var(--theme-aux-1-interactive-ratings-active);
  --component-hero-product-color-ratings-inactive: var(--theme-primary-interactive-ratings-inactive);
  --component-hero-product-color-subtitle: var(--theme-secondary-bg-text-primary);
  --component-hero-product-color-thumbnail-selected-border: var(--theme-brand-action);
  --component-hero-product-color-title: var(--theme-primary-bg-text-primary);
  --component-hero-product-content-padding-x: var(--layout-full-margin-x);
  --component-hero-product-content-padding-y: var(--layout-full-margin-y);
  --component-hero-product-content-radius: var(--general-radius-none);
  --component-hero-product-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-product-copy-padding-y: var(--component-hero-recipe-copy-padding-x);
  --component-hero-product-copy-radius: var(--general-radius-container);
  --component-hero-product-gutter: var(--layout-full-gutter);
  --component-hero-product-image-imageLeft-radius-bottom-left: var(--general-radius-none);
  --component-hero-product-image-imageLeft-radius-bottom-right: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-product-image-imageLeft-radius-top-left: var(--general-radius-none);
  --component-hero-product-image-imageLeft-radius-top-right: var(--general-radius-none);
  --component-hero-product-image-imageRight-radius-bottom-left: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-product-image-imageRight-radius-bottom-right: var(--general-radius-none);
  --component-hero-product-image-imageRight-radius-top-left: var(--general-radius-none);
  --component-hero-product-image-imageRight-radius-top-right: var(--general-radius-none);
  --component-hero-product-image-max-height-desktop: 640px;
  --component-hero-product-image-max-height-mobile: 320px;
  --component-hero-product-image-max-height-tablet: 1024px;
  --component-hero-product-image-padding-x: var(--padding-none);
  --component-hero-product-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-product-image-radius: var(--general-radius-image);
  --component-hero-product-margin-x: var(--padding-none);
  --component-hero-product-margin-y: var(--margin-none);
  --component-hero-recipe-color-badge-color: brand;
  --component-hero-recipe-color-bg: var(--theme-secondary-bg-bg);
  --component-hero-recipe-color-body: var(--theme-secondary-bg-text-secondary);
  --component-hero-recipe-color-cta-1-color: var(--theme-secondary-bg-cta-1-color);
  --component-hero-recipe-color-cta-2-color: var(--theme-secondary-bg-cta-2-color);
  --component-hero-recipe-color-eyebrow: var(--theme-secondary-bg-text-secondary);
  --component-hero-recipe-color-icon: var(--theme-secondary-bg-icon);
  --component-hero-recipe-color-image-bg: var(--general-color-background-dark);
  --component-hero-recipe-color-link: var(--theme-secondary-interactive-button-ghost-link);
  --component-hero-recipe-color-ratings: var(--theme-secondary-interactive-ratings-inverse-active);
  --component-hero-recipe-color-ratings-inactive: var(--theme-secondary-interactive-ratings-inverse-inactive);
  --component-hero-recipe-color-subtitle: var(--theme-secondary-bg-text-secondary);
  --component-hero-recipe-color-title: var(--theme-secondary-bg-text-primary);
  --component-hero-recipe-content-padding-x: var(--layout-full-margin-x);
  --component-hero-recipe-content-padding-y: var(--layout-full-margin-y);
  --component-hero-recipe-content-radius: var(--general-radius-none);
  --component-hero-recipe-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-recipe-copy-padding-y: var(--component-hero-recipe-copy-padding-x);
  --component-hero-recipe-copy-radius: var(--general-radius-container);
  --component-hero-recipe-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-recipe-gutter: var(--spacing-general-gutter);
  --component-hero-recipe-image-imageLeft-radius-bottom-left: var(--general-radius-none);
  --component-hero-recipe-image-imageLeft-radius-bottom-right: var(--general-radius-none);
  --component-hero-recipe-image-imageLeft-radius-top-left: var(--general-radius-none);
  --component-hero-recipe-image-imageLeft-radius-top-right: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-bottom-left: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-bottom-right: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-top-left: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-top-right: var(--general-radius-none);
  --component-hero-recipe-image-max-height-desktop: 640px;
  --component-hero-recipe-image-max-height-mobile: 320px;
  --component-hero-recipe-image-max-height-tablet: 1024px;
  --component-hero-recipe-image-padding-x: var(--padding-none);
  --component-hero-recipe-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-recipe-image-radius: var(--general-radius-image);
  --component-hero-recipe-margin-x: var(--padding-none);
  --component-hero-recipe-padding-y: var(--component-hero-recipe-margin-x);
  --component-icon-content-large-desktop-height: 120px;
  --component-icon-content-large-desktop-width: 120px;
  --component-icon-content-large-mobile-height: 120px;
  --component-icon-content-large-mobile-width: 120px;
  --component-icon-content-large-tablet-height: 120px;
  --component-icon-content-large-tablet-width: 120px;
  --component-icon-content-small-desktop-height: 80px;
  --component-icon-content-small-desktop-width: 80px;
  --component-icon-content-small-mobile-height: 40px;
  --component-icon-content-small-mobile-width: 40px;
  --component-icon-content-small-tablet-height: 64px;
  --component-icon-content-small-tablet-width: 64px;
  --component-image-color-button-color-below-image: brand;
  --component-image-color-button-color-on-image: inverse;
  --component-image-standalone-image-max-width-desktop: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-mobile: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-tablet: var(--typography-copy-max-width);
  --component-listing-grid-color-bg: var(--theme-primary-bg-bg);
  --component-listing-grid-color-body: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-button-color-1: var(--theme-primary-bg-cta-1-color);
  --component-listing-grid-color-button-color-2: var(--theme-primary-bg-cta-2-color);
  --component-listing-grid-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-title: var(--theme-primary-bg-text-primary);
  --component-listing-grid-margin-x: var(--spacing-general-margin-x);
  --component-listing-grid-margin-y: var(--spacing-general-margin-y);
  --component-location-selector-color-default-body: var(--component-accordion-color-default-body);
  --component-location-selector-color-default-border: var(--component-accordion-color-default-border);
  --component-location-selector-color-default-icons: var(--component-accordion-color-default-icons);
  --component-location-selector-color-default-surface: var(--component-accordion-color-default-surface);
  --component-location-selector-color-default-title: var(--component-accordion-color-default-title);
  --component-location-selector-color-hover-body: var(--component-accordion-color-hover-body);
  --component-location-selector-color-hover-border: var(--component-accordion-color-hover-border);
  --component-location-selector-color-hover-icons: var(--component-accordion-color-hover-icons);
  --component-location-selector-color-hover-surface: var(--component-accordion-color-hover-surface);
  --component-location-selector-color-hover-title: var(--component-accordion-color-hover-title);
  --component-location-selector-item-border-bottom: 0px;
  --component-location-selector-item-border-left: 0px;
  --component-location-selector-item-border-right: 0px;
  --component-location-selector-item-border-top: 1px;
  --component-location-selector-padding-x: var(--component-accordion-padding-x);
  --component-location-selector-padding-y: var(--component-accordion-padding-y);
  --component-modal-color-body: var(--theme-primary-surface-match-bg-text-secondary);
  --component-modal-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-modal-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-modal-color-smokescreen: var(--component-dialog-color-smokescreen);
  --component-modal-color-surface: var(--general-color-surface-white);
  --component-modal-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-modal-content-padding-x: var(--padding-small);
  --component-modal-content-padding-y: var(--padding-small);
  --component-my-account-color-bg: var(--general-color-background-light);
  --component-my-account-color-bg-cta-color: var(--theme-primary-bg-cta-1-color);
  --component-my-account-color-body: var(--theme-primary-bg-text-secondary);
  --component-my-account-color-border: var(--component-my-account-color-surface);
  --component-my-account-color-header: var(--theme-primary-bg-text-primary);
  --component-my-account-color-line-break: var(--general-color-border-light);
  --component-my-account-color-sidebar-surface: var(--general-color-surface-brand-2);
  --component-my-account-color-sidebar-text: var(--general-color-text-white);
  --component-my-account-color-surface: var(--theme-primary-surface-match-bg-surface);
  --component-my-account-color-surface-cta-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-my-account-color-surface-highlight: var(--color-grayscale-100);
  --component-my-account-color-title: var(--theme-primary-bg-text-primary);
  --component-my-account-content-padding-x: var(--padding-medium);
  --component-my-account-content-padding-y: var(--padding-medium);
  --component-my-account-padding-x: var(--layout-compact-margin-x);
  --component-my-account-padding-y: var(--layout-compact-margin-y);
  --component-nav-dropdown-menu-border: var(--spacing-spacing-0);
  --component-nav-dropdown-menu-color-border: var(--general-color-border-white);
  --component-nav-dropdown-menu-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-focus-focus-border: var(--theme-brand-action);
  --component-nav-dropdown-menu-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-nav-dropdown-menu-color-button-hover-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-surface: var(--general-color-surface-white);
  --component-nav-dropdown-menu-lists-menu-bg-default: var(--general-color-background-white);
  --component-nav-dropdown-menu-lists-menu-bg-hover: var(--color-grayscale-100);
  --component-nav-dropdown-menu-lists-menu-focus-border: var(--general-color-text-darkest);
  --component-nav-dropdown-menu-lists-menu-max-width: 350px;
  --component-nav-dropdown-menu-lists-menu-min-height: 48px;
  --component-nav-dropdown-menu-lists-menu-min-width: 200px;
  --component-nav-dropdown-menu-lists-menu-text: var(--general-color-text-darkest);
  --component-nav-dropdown-menu-radius: var(--radius-radius-12);
  --component-newsletter-sign-up-color-bg: var(--component-content-grid-color-bg);
  --component-newsletter-sign-up-color-body: var(--componentTheme-surface-text-secondary);
  --component-newsletter-sign-up-color-cta-1-color: var(--componentTheme-surface-cta-1-color);
  --component-newsletter-sign-up-color-icon: var(--componentTheme-surface-icon);
  --component-newsletter-sign-up-color-image-bg: var(--general-color-background-dark);
  --component-newsletter-sign-up-color-surface: var(--componentTheme-surface-surface);
  --component-newsletter-sign-up-color-title: var(--componentTheme-surface-text-primary);
  --component-newsletter-sign-up-content-padding-x: var(--layout-full-margin-x);
  --component-newsletter-sign-up-content-padding-y: var(--layout-full-margin-y);
  --component-newsletter-sign-up-content-radius: var(--general-radius-container);
  --component-newsletter-sign-up-copy-padding-x: var(--padding-medium);
  --component-newsletter-sign-up-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-newsletter-sign-up-copy-radius: var(--general-radius-container);
  --component-newsletter-sign-up-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-newsletter-sign-up-gutter: var(--layout-full-gutter);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-left: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-right: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageLeft-radius-top-left: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageLeft-radius-top-right: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-left: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-right: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-left: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-right: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-max-height-desktop: 1024px;
  --component-newsletter-sign-up-image-max-height-mobile: 360px;
  --component-newsletter-sign-up-image-max-height-tablet: 1024px;
  --component-newsletter-sign-up-image-min-height-desktop: 370px;
  --component-newsletter-sign-up-image-min-height-mobile: 180px;
  --component-newsletter-sign-up-image-min-height-tablet: 392px;
  --component-newsletter-sign-up-image-padding-x: var(--padding-small);
  --component-newsletter-sign-up-image-padding-y: var(--component-newsletter-sign-up-image-padding-x);
  --component-newsletter-sign-up-image-radius: var(--general-radius-image);
  --component-newsletter-sign-up-margin-x: var(--spacing-general-margin-x);
  --component-newsletter-sign-up-margin-y: var(--spacing-general-margin-y);
  --component-pagination-color-disabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-disabled-icon: var(--interactiveTheme-ratings-inactive);
  --component-pagination-color-disabled-text: var(--interactiveTheme-ratings-inactive);
  --component-pagination-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-focus-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-pagination-color-focus-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-hover-bg: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-pagination-color-hover-text: var(--interactiveTheme-button-brand-action-alternate);
  --component-pagination-color-link-underline: var(--general-color-fill-brand-1);
  --component-pagination-color-pressed-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-pressed-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-selected-bg: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-selected-border: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-selected-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-pagination-radius: var(--radius-radius-rounded);
  --component-pagination-size-base-border: var(--spacing-spacing-2);
  --component-pagination-size-base-padding-left: var(--spacing-spacing-16);
  --component-pagination-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-pagination-size-base-padding-y: var(--spacing-spacing-8);
  --component-pagination-size-base-space-between: var(--spacing-spacing-8);
  --component-pagination-size-small-border: var(--spacing-spacing-4);
  --component-pagination-size-small-gap: var(--spacing-spacing-8);
  --component-pagination-size-small-padding-left: var(--spacing-spacing-12);
  --component-pagination-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-pagination-size-small-padding-y: var(--spacing-spacing-8);
  --component-pdp-product-content-color-bg: var(--theme-secondary-bg-bg);
  --component-pdp-product-content-color-body: var(--theme-secondary-bg-text-secondary);
  --component-pdp-product-content-color-icon: var(--general-color-fill-brand-2);
  --component-pdp-product-content-color-image-bg: var(--general-color-background-dark);
  --component-pdp-product-content-color-surface: var(--general-color-surface-white);
  --component-pdp-product-content-color-surface-border: var(--general-color-border-light);
  --component-pdp-product-content-color-title: var(--theme-secondary-bg-text-primary);
  --component-pdp-product-content-gutter: var(--spacing-general-gutter);
  --component-pdp-product-content-margin-x: var(--spacing-general-margin-x);
  --component-pdp-product-content-margin-y: var(--layout-compact-margin-y);
  --component-print-image-print-logo-invert: 0;
  --component-recipe-description-copy-max-width-desktop: 804px;
  --component-recipe-description-copy-max-width-mobile: var(--typography-copy-max-width);
  --component-recipe-description-copy-max-width-tablet: var(--typography-copy-max-width);
  --component-recipe-header-brand: var(--theme-brand-name);
  --component-recipe-header-color-bg: var(--theme-aux-2-bg-bg);
  --component-recipe-header-color-body: var(--theme-aux-1-surface-match-bg-text-secondary);
  --component-recipe-header-color-cta-1-color: var(--theme-aux-1-surface-match-bg-cta-1-color);
  --component-recipe-header-color-eyebrow: var(--theme-aux-1-surface-match-bg-text-secondary);
  --component-recipe-header-color-icon: var(--theme-aux-1-surface-match-bg-icon);
  --component-recipe-header-color-image-bg: var(--general-color-background-dark);
  --component-recipe-header-color-link: var(--theme-aux-1-interactive-button-ghost-inverse-link);
  --component-recipe-header-color-ratings: var(--theme-aux-1-interactive-ratings-inverse-active);
  --component-recipe-header-color-ratings-inactive: var(--theme-aux-1-interactive-ratings-inverse-inactive);
  --component-recipe-header-color-subtitle: var(--theme-aux-1-surface-match-bg-text-secondary);
  --component-recipe-header-color-surface: var(--theme-aux-2-bg-bg);
  --component-recipe-header-color-title: var(--theme-aux-1-surface-match-bg-text-primary);
  --component-recipe-header-content-padding-x: var(--padding-none);
  --component-recipe-header-content-padding-y: var(--padding-none);
  --component-recipe-header-content-radius: var(--general-radius-container);
  --component-recipe-header-copy-padding-x: var(--padding-none);
  --component-recipe-header-copy-padding-y: var(--padding-none);
  --component-recipe-header-padding-x: var(--spacing-general-margin-x);
  --component-recipe-header-padding-y: var(--layout-compact-margin-y);
  --component-recipe-instructions-card-max-width-mobile: 240px;
  --component-recipe-instructions-color-border: var(--component-recipe-instructions-color-surface);
  --component-recipe-instructions-color-surface: var(--general-color-background-light);
  --component-recipe-instructions-gutter: var(--space-between-xlarge);
  --component-recipe-instructions-padding-x: var(--padding-none);
  --component-recipe-instructions-padding-y: var(--component-hero-recipe-margin-x);
  --component-recipe-made-with-color-button-color: brand;
  --component-recipe-made-with-color-ratings: var(--theme-primary-interactive-ratings-inverse-active);
  --component-recipe-made-with-color-ratings-inactive: var(--theme-primary-interactive-ratings-inverse-inactive);
  --component-recipe-nutrition-card-max-width-mobile: 240px;
  --component-recipe-nutrition-color-bg: var(--general-color-background-brand-4);
  --component-recipe-nutrition-color-body: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-eyebrow: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-fill: var(--componentTheme-feature-match-bg-fill);
  --component-recipe-nutrition-color-subtitle: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-title: var(--componentTheme-feature-match-bg-text-primary);
  --component-recipe-nutrition-content-padding-x: var(--spacing-general-margin-x);
  --component-recipe-nutrition-content-padding-y: var(--layout-base-margin-y);
  --component-recipe-nutrition-content-radius: var(--general-radius-container);
  --component-recipe-nutrition-gutter: var(--space-between-xlarge);
  --component-recipe-nutrition-padding-x: var(--padding-none);
  --component-recipe-nutrition-padding-y: var(--component-hero-recipe-margin-x);
  --component-related-content-color-bg: var(--component-content-grid-color-bg);
  --component-related-content-color-body: var(--component-content-grid-color-body);
  --component-related-content-color-button-color-1: var(--component-content-grid-color-button-color-1);
  --component-related-content-color-button-color-2: var(--component-content-grid-color-button-color-2);
  --component-related-content-color-subtitle: var(--component-content-grid-color-subtitle);
  --component-related-content-color-title: var(--component-content-grid-color-title);
  --component-search-field-active-bg: var(--general-color-background-white);
  --component-search-field-active-border: var(--general-color-border-brand-2);
  --component-search-field-active-icon: var(--general-color-fill-brand-2);
  --component-search-field-active-search-text: var(--general-color-text-darkest);
  --component-search-field-default-bg: var(--general-color-background-white);
  --component-search-field-default-border: var(--general-color-border-white);
  --component-search-field-default-icon: var(--general-color-fill-brand-1);
  --component-search-field-default-search-text: var(--general-color-text-darkest);
  --component-search-field-dropdown-active-radius: 6px;
  --component-search-field-dropdown-bg-default: var(--component-search-field-default-bg);
  --component-search-field-dropdown-bg-hover: var(--theme-secondary-bg-bg);
  --component-search-field-dropdown-border: var(--theme-primary-surface-border-focus);
  --component-search-field-dropdown-border-focus: 2px;
  --component-search-field-dropdown-focus-border: var(--theme-primary-surface-border-focus);
  --component-search-field-dropdown-focus-radius: 12px;
  --component-search-field-hover-bg: var(--general-color-background-white);
  --component-search-field-hover-border: var(--general-color-border-brand-2);
  --component-search-field-hover-icon: var(--general-color-fill-brand-2);
  --component-search-field-hover-search-text: var(--general-color-text-darkest);
  --component-site-footer-bottom-bar-bg: var(--color-primary-color-1-700);
  --component-site-footer-bottom-bar-cta-2-color: inverse;
  --component-site-footer-bottom-bar-icons: var(--general-color-fill-white);
  --component-site-footer-bottom-bar-link: var(--general-color-text-white);
  --component-site-footer-bottom-bar-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-bottom-bar-padding-y: var(--padding-xsmall);
  --component-site-footer-footer-links-bg: var(--general-color-background-darkest);
  --component-site-footer-footer-links-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-footer-footer-links-column-label: var(--general-color-text-white);
  --component-site-footer-footer-links-cta-1-color: Inverse;
  --component-site-footer-footer-links-footer-logo: var(--theme-brand-name);
  --component-site-footer-footer-links-gap-icon: var(--spacing-spacing-4);
  --component-site-footer-footer-links-icons: var(--general-color-fill-white);
  --component-site-footer-footer-links-link: var(--general-color-text-white);
  --component-site-footer-footer-links-link-underline: var(--general-color-border-white);
  --component-site-footer-footer-links-logo-height-large: 88px;
  --component-site-footer-footer-links-logo-height-small: 40px;
  --component-site-footer-footer-links-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-footer-links-padding-y: var(--padding-medium);
  --component-site-footer-footer-links-text: var(--general-color-text-white);
  --component-site-footer-gap-links: var(--space-between-medium);
  --component-site-footer-space-between: var(--space-between-xsmall);
  --component-site-header-color-main-bar-desktop-bg: var(--general-color-background-brand-2);
  --component-site-header-color-main-bar-desktop-bottom-border: var(--general-color-border-brand-1);
  --component-site-header-color-main-bar-desktop-icons: var(--general-color-fill-white);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-desktop-link-link-enabled);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-desktop-link-link-enabled: var(--general-color-text-white);
  --component-site-header-color-main-bar-desktop-link-link-hover: var(--general-color-text-brand-2);
  --component-site-header-color-main-bar-desktop-link-link-underline: var(--general-color-border-brand-3);
  --component-site-header-color-main-bar-desktop-logo: var(--general-color-fill-white);
  --component-site-header-color-main-bar-mobile-bg: var(--general-color-background-white);
  --component-site-header-color-main-bar-mobile-bottom-border: var(--color-primary-color-2-100);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-mobile-link-link-enabled);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-mobile-link-link-enabled: var(--general-color-text-darkest);
  --component-site-header-color-main-bar-mobile-link-link-hover: var(--general-color-text-brand-2);
  --component-site-header-color-main-bar-mobile-link-link-underline: var(--general-color-border-brand-2);
  --component-site-header-color-mega-menu-menu-bg: var(--general-color-background-light);
  --component-site-header-color-mega-menu-menu-bottom-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-header-color-mega-menu-menu-item-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-hover-text: var(--general-color-text-brand-1);
  --component-site-header-color-mega-menu-menu-item-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-left-border-items: var(--general-color-border-brand-1);
  --component-site-header-color-mega-menu-menu-paragraph-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-side-bar-bg: var(--general-color-background-white);
  --component-site-header-color-mega-menu-menu-side-bar-title: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-active-icon: var(--component-site-header-color-mega-menu-menu-title-active-text);
  --component-site-header-color-mega-menu-menu-title-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-enabled-icon: var(--component-site-header-color-mega-menu-menu-title-enabled-text);
  --component-site-header-color-mega-menu-menu-title-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-hover-bg: var(--general-color-background-light);
  --component-site-header-color-mega-menu-menu-title-hover-icon: var(--component-site-header-color-mega-menu-menu-title-hover-text);
  --component-site-header-color-mega-menu-menu-title-hover-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-pressed-icon: var(--component-site-header-color-mega-menu-menu-title-pressed-text);
  --component-site-header-color-mega-menu-menu-title-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-enabled-bg: var(--general-color-fill-white);
  --component-site-header-color-search-tag-enabled-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-header-color-search-tag-enabled-icons: var(--general-color-fill-brand-2);
  --component-site-header-color-search-tag-enabled-link: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-hover-bg: var(--general-color-fill-light);
  --component-site-header-color-search-tag-hover-border: var(--general-color-border-brand-1);
  --component-site-header-color-search-tag-hover-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-search-tag-hover-link: var(--general-color-text-brand-1);
  --component-site-header-color-secondary-bar-bg: var(--color-primary-color-1-accessible);
  --component-site-header-color-secondary-bar-on-bar-enabled-bg: #ffffff00;
  --component-site-header-color-secondary-bar-on-bar-enabled-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-bar-enabled-link);
  --component-site-header-color-secondary-bar-on-bar-hover-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-hover-link-icons: var(--component-site-header-color-secondary-bar-on-bar-hover-link);
  --component-site-header-color-secondary-bar-on-bar-pressed-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-bar-pressed-link);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link: var(--component-site-header-color-mega-menu-menu-item-enabled-text);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-enabled-link);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link: var(--component-site-header-color-mega-menu-menu-item-hover-text);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-hover-link);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link: var(--component-site-header-color-mega-menu-menu-item-pressed-text);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-pressed-link);
  --component-site-header-color-utility-bar-bg: var(--color-primary-color-1-700);
  --component-site-header-color-utility-bar-bottom-border: var(--component-site-header-color-utility-bar-bg);
  --component-site-header-color-utility-bar-button-color-1: inverse;
  --component-site-header-color-utility-bar-button-color-2: inverse;
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-enabled: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-enabled: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-underline: var(--general-color-text-white);
  --component-site-header-color-utility-bar-favorites-button-bg: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-bg-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-bg-pressed: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-border: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-border-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-focus: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-heart-fill: var(--general-color-background-brand-2);
  --component-site-header-color-utility-bar-favorites-button-heart-fill-hover: var(--general-color-background-brand-2);
  --component-site-header-color-utility-bar-favorites-button-text: var(--general-color-text-darkest);
  --component-site-header-color-utility-bar-favorites-button-text-hover: var(--general-color-text-darkest);
  --component-site-header-color-utility-bar-icon: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-logo: var(--general-color-fill-white);
  --component-site-header-main-bar-bottom-border: var(--spacing-spacing-0);
  --component-site-header-main-bar-gap-links: var(--space-between-medium);
  --component-site-header-main-bar-link-bottom-underline-border: 2px;
  --component-site-header-main-bar-logo-height-large: 88px;
  --component-site-header-main-bar-logo-height-small: 48px;
  --component-site-header-main-bar-logo-margin-right: var(--margin-xsmall);
  --component-site-header-main-bar-logo-width-large: 186px;
  --component-site-header-main-bar-logo-width-small: 101px;
  --component-site-header-main-bar-main-bar-inset: var(--padding-none);
  --component-site-header-main-bar-radius: var(--general-radius-none);
  --component-site-header-mega-menu-menu-item-min-width-: 120px;
  --component-site-header-mega-menu-menu-item-radius: var(--component-cta-radius);
  --component-site-header-padding-x: var(--padding-small);
  --component-site-header-padding-y: var(--padding-xsmall);
  --component-site-header-site-header-simple-search-bar-max-width-desktop: 400px;
  --component-site-header-utility-bar-margin-bottom: var(--spacing-spacing-0);
  --component-skip-to-content-theme-border-size: var(--spacing-spacing-2);
  --component-skip-to-content-theme-primary-bg: var(--general-color-background-brand-2);
  --component-skip-to-content-theme-primary-border: var(--general-color-border-white);
  --component-skip-to-content-theme-primary-link-underline: var(--component-skip-to-content-theme-primary-text);
  --component-skip-to-content-theme-primary-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-skip-to-content-theme-secondary-bg: var(--theme-secondary-bg-bg);
  --component-skip-to-content-theme-secondary-border: var(--component-skip-to-content-theme-primary-bg);
  --component-skip-to-content-theme-secondary-link-underline: var(--theme-secondary-bg-text-link-underline);
  --component-skip-to-content-theme-secondary-text: var(--theme-secondary-bg-text-link-underline);
  --component-social-bar-color-bg: var(--general-color-background-white);
  --component-social-bar-color-focus: var(--general-color-background-white);
  --component-social-bar-margin-x: var(--spacing-general-margin-x);
  --component-social-bar-margin-y: var(--spacing-general-margin-y);
  --component-static-icon-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-color-on-surface-image-border: var(--color-grayscale-black);
  --component-static-icon-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-static-icon-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-static-icon-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-static-icon-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-static-icon-base-column-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-focus: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-hover: var(--spacing-spacing-4);
  --component-static-icon-base-column-label-margin: var(--spacing-spacing-0);
  --component-static-icon-base-column-min-height: 280px;
  --component-static-icon-base-column-padding-x: var(--padding-none);
  --component-static-icon-base-column-padding-y: var(--padding-none);
  --component-static-icon-base-column-width-column-width-large: 550px;
  --component-static-icon-base-column-width-column-width-medium: 480px;
  --component-static-icon-base-column-width-column-width-small: 320px;
  --component-static-icon-base-copy-padding-x: var(--padding-xsmall);
  --component-static-icon-base-copy-padding-y: var(--padding-xsmall);
  --component-static-icon-base-icon-icon-height-large: 300px;
  --component-static-icon-base-icon-icon-height-medium: 200px;
  --component-static-icon-base-icon-icon-height-small: 120px;
  --component-static-icon-base-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-image-border: var(--color-grayscale-black);
  --component-static-icon-base-image-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-image-icon-image-ratio: "1:1";
  --component-static-icon-base-image-image-ratio: "3:2";
  --component-static-icon-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-static-icon-base-image-padding-x: var(--padding-none);
  --component-static-icon-base-image-radius: var(--general-radius-image);
  --component-table-color-table-row-bg-alt: var(--general-color-surface-light);
  --component-table-color-table-row-bg-header: var(--general-color-surface-light);
  --component-tabs-color-tab-border-active-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-focus-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-hover-border: var(--theme-brand-action-hover);
  --component-tabs-color-tab-border-inactive-border: var(--general-color-border-mid);
  --component-tabs-color-tab-border-pressed-border: var(--theme-brand-action-hover);
  --component-tag-interactive-border: var(--spacing-spacing-1);
  --component-tag-interactive-color-brand-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-cta-link-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-cta-link-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-tag-interactive-color-brand-cta-link-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-cta-link-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-tag-interactive-color-brand-cta-link-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-tag-interactive-color-brand-cta-link-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-tag-interactive-color-brand-cta-link-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-tag-interactive-color-brand-cta-link-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-interactive-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-tag-interactive-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-tag-interactive-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-tag-interactive-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-tag-interactive-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-tag-interactive-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-kitchen-tested-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-kitchen-tested-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-kitchen-tested-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-kitchen-tested-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-kitchen-tested-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-inverse-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-cta-link-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-tag-interactive-color-inverse-cta-link-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-cta-link-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-tag-interactive-color-inverse-cta-link-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-enabled-text: var(--theme-primary-interactive-button-brand-action);
  --component-tag-interactive-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-tag-interactive-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-tag-interactive-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-brand-action-hover);
  --component-tag-interactive-color-inverse-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-tag-interactive-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-tag-interactive-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-tag-interactive-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-inverse-outline-enabled-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-tag-interactive-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-tag-interactive-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-tag-interactive-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-inverse-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-color-inverse-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-tag-interactive-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-tag-interactive-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-tag-interactive-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-radius-bottom-left: var(--general-radius-tag);
  --component-tag-interactive-radius-bottom-right: var(--general-radius-tag);
  --component-tag-interactive-radius-top-left: var(--general-radius-tag);
  --component-tag-interactive-radius-top-right: var(--general-radius-tag);
  --component-tag-static-border-width: 1px;
  --component-tag-static-color-fill-A-bg: var(--general-color-fill-brand-1);
  --component-tag-static-color-fill-A-border: var(--component-tag-static-color-fill-A-bg);
  --component-tag-static-color-fill-A-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-A-text: var(--general-color-text-white);
  --component-tag-static-color-fill-B-bg: var(--general-color-fill-brand-3);
  --component-tag-static-color-fill-B-border: var(--component-tag-static-color-fill-B-bg);
  --component-tag-static-color-fill-B-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-B-text: var(--general-color-text-white);
  --component-tag-static-color-fill-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-static-color-fill-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-static-color-fill-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-color-outline-A-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-A-border: var(--general-color-border-brand-1);
  --component-tag-static-color-outline-A-icon: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-A-text: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-B-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-B-border: var(--general-color-border-brand-3);
  --component-tag-static-color-outline-B-icon: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-B-text: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-bg: #2e6be500;
  --component-tag-static-color-outline-border: var(--theme-brand-action);
  --component-tag-static-color-outline-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-outline-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-color-text-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-text-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-inset: var(--spacing-spacing-24);
  --component-tag-static-radius-bottom-left: var(--general-radius-tag);
  --component-tag-static-radius-bottom-right: var(--general-radius-tag);
  --component-tag-static-radius-top-left: var(--general-radius-tag);
  --component-tag-static-radius-top-right: var(--general-radius-tag);
  --component-vertical-video-asset-default-height: 120px;
  --component-vertical-video-asset-default-width: 120px;
  --component-vertical-video-asset-hover-height: 112px;
  --component-vertical-video-asset-hover-width: 112px;
  --component-vertical-video-border-width: 0px;
  --component-vertical-video-color-bg: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-border-focus: var(--component-category-color-category-enabled);
  --component-vertical-video-color-category-enabled: var(--component-content-grid-color-body);
  --component-vertical-video-color-category-hover: var(--component-content-grid-color-body);
  --component-vertical-video-color-fill: var(--componentTheme-content-grid-fill);
  --component-vertical-video-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-surface: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-title: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-gutter: var(--spacing-general-gutter);
  --component-vertical-video-padding-x: var(--spacing-general-margin-x);
  --component-vertical-video-padding-y: var(--spacing-general-margin-y);
  --component-video-margin-x: var(--spacing-general-margin-x);
  --component-video-margin-y: var(--spacing-general-margin-y);
  --component-video-standalone-video-max-width-desktop: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-mobile: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-tablet: var(--typography-copy-max-width);
  --general-color-background-brand-1: var(--color-primary-color-1-700);
  --general-color-background-brand-2: var(--color-primary-color-1-500);
  --general-color-background-brand-3: var(--color-primary-color-2-500);
  --general-color-background-brand-4: var(--color-primary-color-1-900);
  --general-color-background-dark: var(--color-primary-color-1-900);
  --general-color-background-darkest: var(--color-primary-color-1-900);
  --general-color-background-light: var(--color-primary-color-2-100);
  --general-color-background-white: var(--color-grayscale-white);
  --general-color-border-brand-1: var(--color-primary-color-1-700);
  --general-color-border-brand-2: var(--color-primary-color-2-500);
  --general-color-border-brand-3: var(--color-primary-color-1-500);
  --general-color-border-dark: var(--color-grayscale-700);
  --general-color-border-darkest: var(--color-primary-color-1-900);
  --general-color-border-light: var(--color-grayscale-300);
  --general-color-border-mid: var(--color-grayscale-400);
  --general-color-border-white: var(--color-grayscale-white);
  --general-color-fill-brand-1: var(--color-primary-color-1-700);
  --general-color-fill-brand-2: var(--color-primary-color-2-500);
  --general-color-fill-brand-3: var(--color-primary-color-1-500);
  --general-color-fill-dark: var(--color-primary-color-1-700);
  --general-color-fill-darkest: var(--color-primary-color-1-900);
  --general-color-fill-light: var(--color-primary-color-2-100);
  --general-color-fill-mid: var(--color-grayscale-400);
  --general-color-fill-white: var(--color-grayscale-white);
  --general-color-surface-brand-1: var(--color-primary-color-1-700);
  --general-color-surface-brand-2: var(--color-primary-color-2-500);
  --general-color-surface-brand-3: var(--color-primary-color-1-500);
  --general-color-surface-dark: var(--color-primary-color-1-700);
  --general-color-surface-darkest: var(--color-primary-color-1-900);
  --general-color-surface-light: var(--color-primary-color-2-100);
  --general-color-surface-white: var(--color-grayscale-white);
  --general-color-text-brand-1: var(--color-primary-color-1-700);
  --general-color-text-brand-2: var(--color-primary-color-2-100);
  --general-color-text-brand-3: var(--color-primary-color-1-500);
  --general-color-text-dark: var(--color-primary-color-1-700);
  --general-color-text-darkest: var(--color-primary-color-1-900);
  --general-color-text-light: var(--color-grayscale-100);
  --general-color-text-mid: var(--color-grayscale-400);
  --general-color-text-white: var(--color-grayscale-white);
  --general-drop-shadow-blur: 30px;
  --general-drop-shadow-color: #000000;
  --general-drop-shadow-sub-menu-blur: 12px;
  --general-drop-shadow-sub-menu-color: #00000014;
  --general-drop-shadow-sub-menu-y-value: 2px;
  --general-radius-accordion: var(--radius-radius-0);
  --general-radius-base: var(--radius-radius-0);
  --general-radius-card: var(--general-radius-none);
  --general-radius-card-focus: var(--general-radius-none);
  --general-radius-container: var(--general-radius-base);
  --general-radius-container-l2: var(--radius-radius-8);
  --general-radius-dialog: var(--general-radius-none);
  --general-radius-focus: 0px;
  --general-radius-image: var(--general-radius-none);
  --general-radius-label: var(--radius-radius-0);
  --general-radius-modal: var(--general-radius-base);
  --general-radius-none: var(--radius-radius-0);
  --general-radius-tag: var(--radius-radius-0);
  --spacing-columns-desktop-full-max-width: var(--global-columns-base-desktop-full-max-width);
  --spacing-columns-desktop-full-min-width: var(--global-columns-base-desktop-full-min-width);
  --spacing-columns-desktop-half-max-width: var(--global-columns-base-desktop-half-max-width);
  --spacing-columns-desktop-half-min-width: var(--global-columns-base-desktop-half-min-width);
  --spacing-columns-desktop-one-fourth-max-width: var(--global-columns-base-desktop-oneFourth-max-width);
  --spacing-columns-desktop-one-fourth-min-width: var(--global-columns-base-desktop-oneFourth-min-width);
  --spacing-columns-desktop-one-third-max-width: var(--global-columns-base-desktop-oneThird-max-width);
  --spacing-columns-desktop-one-third-min-width: var(--global-columns-base-desktop-oneThird-min-width);
  --spacing-columns-desktop-three-fourth-max-width: var(--global-columns-base-desktop-three-fourth-max-width);
  --spacing-columns-desktop-three-fourth-min-width: var(--global-columns-base-desktop-three-fourth-min-width);
  --spacing-columns-mobile-full-max-width: var(--global-columns-base-mobile-full-max-width);
  --spacing-columns-mobile-full-min-width: var(--global-columns-base-mobile-full-min-width);
  --spacing-columns-mobile-half-max-width: var(--global-columns-base-mobile-half-max-width);
  --spacing-columns-mobile-half-min-width: var(--global-columns-base-mobile-half-min-width);
  --spacing-columns-mobile-one-fourth-max-width: var(--global-columns-base-mobile-oneFourth-max-width);
  --spacing-columns-mobile-one-third-max-width: var(--global-columns-base-mobile-oneThird-max-width);
  --spacing-columns-mobile-one-third-min-width: var(--global-columns-base-mobile-oneThird-min-width);
  --spacing-columns-mobile-oneFourth-min-width: var(--global-columns-base-mobile-oneFourth-min-width);
  --spacing-columns-mobile-three-fourth-max-width: var(--global-columns-base-mobile-three-fourth-max-width);
  --spacing-columns-mobile-three-fourth-min-width: var(--global-columns-base-mobile-three-fourth-min-width);
  --spacing-columns-tablet-full-max-width: var(--global-columns-base-tablet-full-max-width);
  --spacing-columns-tablet-full-min-width: var(--global-columns-base-tablet-full-min-width);
  --spacing-columns-tablet-half-max-width: var(--global-columns-base-tablet-half-max-width);
  --spacing-columns-tablet-half-min-width: var(--global-columns-base-tablet-half-min-width);
  --spacing-columns-tablet-one-fourth-max-width: var(--global-columns-base-tablet-oneFourth-max-width);
  --spacing-columns-tablet-one-fourth-min-width: var(--global-columns-base-tablet-oneFourth-min-width);
  --spacing-columns-tablet-one-third-max-width: var(--global-columns-base-tablet-oneThird-max-width);
  --spacing-columns-tablet-one-third-min-width: var(--global-columns-base-tablet-oneThird-min-width);
  --spacing-columns-tablet-three-fourth-max-width: var(--global-columns-base-tablet-three-fourth-max-width);
  --spacing-columns-tablet-three-fourth-min-width: var(--global-columns-base-tablet-three-fourth-min-width);
  --spacing-general-buttons-space-between: var(--space-between-small);
  --spacing-general-container-padding-x: var(--layout-full-margin-x);
  --spacing-general-container-padding-y: var(--layout-full-margin-y);
  --spacing-general-copy-margin-bottom: var(--margin-none);
  --spacing-general-cta-margin-top: var(--margin-small);
  --spacing-general-eyebrow-margin-bottom: var(--margin-xsmall);
  --spacing-general-favicon-dimensions: var(--spacing-spacing-32);
  --spacing-general-gutter: var(--layout-base-gutter);
  --spacing-general-icon-margin-bottom: var(--margin-medium);
  --spacing-general-image-padding: var(--padding-none);
  --spacing-general-margin-related-y: var(--spacing-spacing-16);
  --spacing-general-margin-x: var(--layout-base-margin-x);
  --spacing-general-margin-y: var(--layout-base-margin-y);
  --spacing-general-subtitle-margin-top: var(--margin-xxsmall);
  --spacing-general-title-margin-bottom: var(--margin-xsmall);
  --spacing-general-top-title-margin-bottom: var(--margin-small);
  --theme-aux-1-bg-bg: var(--general-color-background-darkest);
  --theme-aux-1-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-1-bg-cta-1-color: inverse;
  --theme-aux-1-bg-cta-2-color: inverse;
  --theme-aux-1-bg-icon: var(--general-color-fill-brand-2);
  --theme-aux-1-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-bg-text-primary: var(--general-color-text-white);
  --theme-aux-1-bg-text-secondary: var(--general-color-fill-white);
  --theme-aux-1-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-1-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-1-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-1-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-1-interactive-button-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-link: var(--theme-brand-action-alternate);
  --theme-aux-1-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-1-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-1-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-surface-focus: var(--theme-aux-1-surface-surface);
  --theme-aux-1-interactive-surface-hover: var(--general-color-surface-white);
  --theme-aux-1-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-1-surface-border: var(--general-color-border-brand-2);
  --theme-aux-1-surface-border-focus: var(--general-color-border-white);
  --theme-aux-1-surface-border-hover: var(--general-color-border-brand-2);
  --theme-aux-1-surface-cta-1-color: brand;
  --theme-aux-1-surface-cta-2-color: brand;
  --theme-aux-1-surface-icon: var(--general-color-fill-brand-2);
  --theme-aux-1-surface-match-bg-border: var(--general-color-border-white);
  --theme-aux-1-surface-match-bg-cta-1-color: inverse;
  --theme-aux-1-surface-match-bg-cta-2-color: inverse;
  --theme-aux-1-surface-match-bg-icon: var(--theme-aux-1-bg-text-hover);
  --theme-aux-1-surface-match-bg-surface: var(--theme-aux-1-bg-bg);
  --theme-aux-1-surface-match-bg-text-hover: var(--theme-aux-1-bg-text-link);
  --theme-aux-1-surface-match-bg-text-primary: var(--theme-aux-1-bg-text-primary);
  --theme-aux-1-surface-match-bg-text-secondary: var(--theme-aux-1-bg-text-secondary);
  --theme-aux-1-surface-surface: var(--general-color-background-white);
  --theme-aux-1-surface-text-hover: var(--theme-brand-action);
  --theme-aux-1-surface-text-link: var(--theme-brand-action-alternate);
  --theme-aux-1-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-1-surface-text-primary: var(--general-color-text-darkest);
  --theme-aux-1-surface-text-secondary: var(--general-color-text-darkest);
  --theme-aux-2-bg-bg: var(--general-color-background-brand-1);
  --theme-aux-2-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-2-bg-border: var(--general-color-border-white);
  --theme-aux-2-bg-cta-1-color: inverse;
  --theme-aux-2-bg-cta-2-color: inverse;
  --theme-aux-2-bg-icon: var(--general-color-fill-white);
  --theme-aux-2-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-2-bg-text-link: var(--theme-brand-action-inverse);
  --theme-aux-2-bg-text-link-underline: var(--theme-brand-action-inverse);
  --theme-aux-2-bg-text-primary: var(--general-color-text-white);
  --theme-aux-2-bg-text-secondary: var(--general-color-text-white);
  --theme-aux-2-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-2-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-2-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-2-interactive-button-link-underline: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-ghost-link: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-ghost-link-underline: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-ghost-inverse-link-underline: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-2-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-2-interactive-ratings-inactive: var(--color-grayscale-400);
  --theme-aux-2-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-2-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-2-interactive-surface-focus: var(--theme-aux-1-surface-surface);
  --theme-aux-2-interactive-surface-hover: var(--general-color-surface-light);
  --theme-aux-2-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-2-surface-border: var(--general-color-border-brand-1);
  --theme-aux-2-surface-border-focus: var(--general-color-border-white);
  --theme-aux-2-surface-border-hover: var(--general-color-border-brand-1);
  --theme-aux-2-surface-cta-1-color: brand;
  --theme-aux-2-surface-cta-2-color: brand;
  --theme-aux-2-surface-icon: var(--general-color-fill-brand-2);
  --theme-aux-2-surface-match-bg-border: var(--general-color-border-white);
  --theme-aux-2-surface-match-bg-cta-1-color: var(--theme-aux-1-bg-cta-1-color);
  --theme-aux-2-surface-match-bg-cta-2-color: var(--theme-aux-1-bg-cta-2-color);
  --theme-aux-2-surface-match-bg-fill: var(--theme-aux-2-bg-icon);
  --theme-aux-2-surface-match-bg-surface: var(--theme-aux-2-bg-bg);
  --theme-aux-2-surface-match-bg-text-hover: var(--theme-aux-2-bg-text-hover);
  --theme-aux-2-surface-match-bg-text-primary: var(--theme-aux-2-bg-text-primary);
  --theme-aux-2-surface-match-bg-text-secondary: var(--theme-aux-2-bg-text-secondary);
  --theme-aux-2-surface-surface: var(--general-color-surface-white);
  --theme-aux-2-surface-text-hover: var(--theme-brand-action);
  --theme-aux-2-surface-text-link: var(--theme-brand-action-alternate);
  --theme-aux-2-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-2-surface-text-primary: var(--general-color-text-darkest);
  --theme-aux-2-surface-text-secondary: var(--general-color-text-darkest);
  --theme-brand-action: var(--general-color-fill-brand-3);
  --theme-brand-action-alternate: var(--color-primary-color-1-700);
  --theme-brand-action-alternate-inverse: var(--color-primary-color-1-900);
  --theme-brand-action-hover: var(--color-primary-color-1-700);
  --theme-brand-action-hover-inverse: var(--general-color-fill-brand-2);
  --theme-brand-action-inverse: var(--general-color-fill-white);
  --theme-link-underline: var(--theme-brand-action-alternate);
  --theme-link-underline-inverse: var(--theme-brand-action-inverse);
  --theme-primary-bg-bg: var(--general-color-background-white);
  --theme-primary-bg-bg-decor-accent: var(--general-color-background-brand-1);
  --theme-primary-bg-border: var(--general-color-border-light);
  --theme-primary-bg-cta-1-color: brand;
  --theme-primary-bg-cta-2-color: brand;
  --theme-primary-bg-icon: var(--general-color-fill-brand-1);
  --theme-primary-bg-text-hover: var(--theme-brand-action-alternate-inverse);
  --theme-primary-bg-text-link: var(--theme-brand-action-alternate);
  --theme-primary-bg-text-link-underline: var(--theme-link-underline);
  --theme-primary-bg-text-primary: var(--general-color-text-darkest);
  --theme-primary-bg-text-secondary: var(--general-color-text-darkest);
  --theme-primary-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-primary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-primary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-primary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-primary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-link: var(--theme-brand-action-alternate);
  --theme-primary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-primary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-primary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-primary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-primary-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-primary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-ratings-inverse-active: var(--general-color-surface-white);
  --theme-primary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-surface-focus: var(--theme-primary-surface-surface);
  --theme-primary-interactive-surface-hover: var(--general-color-surface-light);
  --theme-primary-interactive-surface-pressed: var(--theme-primary-interactive-surface-hover);
  --theme-primary-surface-border: var(--general-color-border-brand-1);
  --theme-primary-surface-border-focus: var(--general-color-border-brand-1);
  --theme-primary-surface-border-hover: var(--general-color-border-light);
  --theme-primary-surface-cta-1-color: brand;
  --theme-primary-surface-cta-2-color: brand;
  --theme-primary-surface-icon: var(--general-color-fill-brand-1);
  --theme-primary-surface-match-bg-border: var(--general-color-border-brand-1);
  --theme-primary-surface-match-bg-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --theme-primary-surface-match-bg-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --theme-primary-surface-match-bg-fill: var(--theme-primary-bg-icon);
  --theme-primary-surface-match-bg-surface: var(--theme-primary-bg-bg);
  --theme-primary-surface-match-bg-text-hover: var(--theme-primary-bg-text-hover);
  --theme-primary-surface-match-bg-text-primary: var(--theme-primary-bg-text-primary);
  --theme-primary-surface-match-bg-text-secondary: var(--theme-primary-bg-text-secondary);
  --theme-primary-surface-surface: var(--general-color-surface-white);
  --theme-primary-surface-text-hover: var(--theme-brand-action-alternate-inverse);
  --theme-primary-surface-text-link: var(--theme-brand-action-alternate);
  --theme-primary-surface-text-link-underline: var(--theme-link-underline);
  --theme-primary-surface-text-primary: var(--general-color-text-darkest);
  --theme-primary-surface-text-secondary: var(--general-color-text-darkest);
  --theme-secondary-bg-bg: var(--general-color-background-light);
  --theme-secondary-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-secondary-bg-border: var(--general-color-border-white);
  --theme-secondary-bg-cta-1-color: brand;
  --theme-secondary-bg-cta-2-color: brand;
  --theme-secondary-bg-icon: var(--general-color-fill-brand-1);
  --theme-secondary-bg-text-hover: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-bg-text-link: var(--theme-brand-action-alternate);
  --theme-secondary-bg-text-link-underline: var(--theme-link-underline);
  --theme-secondary-bg-text-primary: var(--general-color-text-darkest);
  --theme-secondary-bg-text-secondary: var(--general-color-text-darkest);
  --theme-secondary-interactive-action-bar-button-border: var(--component-cta-color-brand-fill-enabled-border);
  --theme-secondary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-secondary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-secondary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-secondary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-link: var(--theme-brand-action-alternate);
  --theme-secondary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-secondary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-secondary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-secondary-interactive-surface-hover: var(--general-color-surface-light);
  --theme-secondary-interactive-surface-pressed: var(--theme-secondary-interactive-surface-hover);
  --theme-secondary-surface-border: var(--general-color-border-brand-1);
  --theme-secondary-surface-border-focus: var(--general-color-border-brand-1);
  --theme-secondary-surface-border-hover: var(--general-color-border-brand-1);
  --theme-secondary-surface-cta-1-color: brand;
  --theme-secondary-surface-cta-2-color: brand;
  --theme-secondary-surface-icon: var(--general-color-fill-brand-1);
  --theme-secondary-surface-match-bg-border: var(--general-color-border-brand-1);
  --theme-secondary-surface-match-bg-cta-1-color: var(--theme-secondary-bg-cta-1-color);
  --theme-secondary-surface-match-bg-cta-2-color: var(--theme-secondary-bg-cta-2-color);
  --theme-secondary-surface-match-bg-fill: var(--theme-secondary-bg-icon);
  --theme-secondary-surface-match-bg-surface: var(--theme-secondary-bg-bg);
  --theme-secondary-surface-match-bg-text-hover: var(--theme-secondary-surface-text-hover);
  --theme-secondary-surface-match-bg-text-primary: var(--theme-secondary-bg-text-primary);
  --theme-secondary-surface-match-bg-text-secondary: var(--theme-secondary-bg-text-secondary);
  --theme-secondary-surface-surface: var(--general-color-surface-white);
  --theme-secondary-surface-text-hover: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-surface-text-link: var(--theme-brand-action-alternate);
  --theme-secondary-surface-text-link-underline: var(--theme-brand-action-alternate);
  --theme-secondary-surface-text-primary: var(--general-color-text-darkest);
  --theme-secondary-surface-text-secondary: var(--general-color-text-darkest);
  --typography-font-family-accent-header: var(--typography-font-family-poppins);
  --typography-font-family-body: var(--typography-font-family-noto-sans);
  --typography-font-family-header: var(--typography-font-family-poppins);
  --typography-font-size-desktop-accent-header-display: var(--typography-font-size-font-size-72);
  --typography-font-size-desktop-accent-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-accent-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-accent-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-accent-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-desktop-body-xlarge: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-desktop-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-desktop-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-header-medium: var(--typography-font-size-font-size-28);
  --typography-font-size-desktop-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-mobile-accent-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-large: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-accent-header-medium: var(--typography-font-size-font-size-20);
  --typography-font-size-mobile-accent-header-small: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-accent-header-xlarge: var(--typography-font-size-font-size-28);
  --typography-font-size-mobile-accent-header-xsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-xxlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-accent-header-xxsmall: var(--typography-font-size-font-size-14);
  --typography-font-size-mobile-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-mobile-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-mobile-header-display: var(--typography-font-size-font-size-48);
  --typography-font-size-mobile-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-large: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-header-medium: var(--typography-font-size-font-size-20);
  --typography-font-size-mobile-header-small: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-header-xsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-mobile-header-xxsmall: var(--typography-font-size-font-size-14);
  --typography-font-size-tablet-accent-header-display: var(--typography-font-size-font-size-96);
  --typography-font-size-tablet-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-accent-header-large: var(--typography-font-size-font-size-28);
  --typography-font-size-tablet-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-accent-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-accent-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-tablet-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-tablet-header-display: var(--typography-font-size-font-size-56);
  --typography-font-size-tablet-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-header-large: var(--typography-font-size-font-size-28);
  --typography-font-size-tablet-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-weight-body: 400;
  --typography-font-weight-body-bold: 700;
  --typography-font-weight-button: 700;
  --typography-font-weight-display: 700;
  --typography-font-weight-large: 700;
  --typography-font-weight-medium: 700;
  --typography-font-weight-small: 700;
  --typography-font-weight-xlarge: 700;
  --typography-font-weight-xsmall: 700;
  --typography-font-weight-xxlarge: 700;
  --typography-font-weight-xxsmall: 700;
}

.BrandsLuckyCharms {
  --color-grayscale-100: var(--color-grayscale-warmGray-100);
  --color-grayscale-200: var(--color-grayscale-warmGray-200);
  --color-grayscale-300: var(--color-grayscale-warmGray-300);
  --color-grayscale-400: var(--color-grayscale-warmGray-400);
  --color-grayscale-500: var(--color-grayscale-warmGray-500);
  --color-grayscale-600: var(--color-grayscale-warmGray-600);
  --color-grayscale-700: var(--color-grayscale-warmGray-700);
  --color-grayscale-800: var(--color-grayscale-warmGray-800);
  --color-grayscale-900: var(--color-grayscale-warmGray-900);
  --color-grayscale-black: #000000;
  --color-primary-color-1-100: #f9e6ea;
  --color-primary-color-1-300: #e89aa9;
  --color-primary-color-1-500: #ba0c2f;
  --color-primary-color-1-700: #8f0924;
  --color-primary-color-1-900: #610618;
  --color-primary-color-1-accessible: var(--color-primary-color-1-500);
  --color-primary-color-2-100: #fff9e0;
  --color-primary-color-2-300: #fff099;
  --color-primary-color-2-500: #fedb00;
  --color-primary-color-2-700: #c7ad00;
  --color-primary-color-2-900: #8a7800;
  --color-primary-color-2-accessible: var(--color-primary-color-2-500);
  --color-secondary-color-3-100: #c8a89a;
  --color-secondary-color-3-500: #703f2a;
  --color-secondary-color-3-900: #381f15;
  --color-secondary-color-4-100: #9fe6f0;
  --color-secondary-color-4-500: #05c3de;
  --color-secondary-color-4-900: #036a7a;
  --color-secondary-color-5-100: #a9d7b0;
  --color-secondary-color-5-500: #319b42;
  --color-secondary-color-5-900: #194f23;
  --color-secondary-color-6-100: #cccccc;
  --color-secondary-color-6-500: #cccccc;
  --color-secondary-color-6-900: #cccccc;
  --color-secondary-color-7-100: #cccccc;
  --color-secondary-color-7-500: #cccccc;
  --color-secondary-color-7-900: #cccccc;
  --color-tertiary-color-swatch-500: var(--color-brand-general-mills-generalMills-red);
  --component-accordion-color-default-body: var(--general-color-text-dark);
  --component-accordion-color-default-border: var(--general-color-border-light);
  --component-accordion-color-default-icons: var(--general-color-fill-brand-1);
  --component-accordion-color-default-surface: var(--general-color-surface-white);
  --component-accordion-color-default-title: var(--general-color-text-darkest);
  --component-accordion-color-hover-body: var(--general-color-text-dark);
  --component-accordion-color-hover-border: var(--general-color-border-brand-1);
  --component-accordion-color-hover-icons: var(--general-color-fill-brand-1);
  --component-accordion-color-hover-surface: var(--general-color-surface-white);
  --component-accordion-color-hover-title: var(--general-color-text-darkest);
  --component-accordion-item-border-bottom: 1px;
  --component-accordion-item-border-left: 1px;
  --component-accordion-item-border-right: 1px;
  --component-accordion-item-border-top: 1px;
  --component-accordion-padding-x: var(--padding-medium);
  --component-accordion-padding-y: var(--padding-medium);
  --component-action-bar-border: var(--spacing-spacing-1);
  --component-action-bar-color-border: var(--general-color-border-darkest);
  --component-action-bar-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-enabled-border: var(--general-color-text-brand-1);
  --component-action-bar-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-action-bar-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-focus-focus-border: var(--theme-brand-action);
  --component-action-bar-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-action-bar-color-button-hover-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-action-bar-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-action-bar-color-surface: var(--general-color-surface-white);
  --component-action-bar-color-toggle-active-bg: var(--general-color-fill-brand-1);
  --component-action-bar-color-toggle-active-switch-circle: var(--general-color-fill-white);
  --component-action-bar-color-toggle-inactive-bg: var(--general-color-fill-mid);
  --component-action-bar-color-toggle-inactive-switch-circle: var(--general-color-fill-white);
  --component-action-bar-gap-horizontal: var(--spacing-spacing-16);
  --component-action-bar-gap-vertical: var(--spacing-spacing-12);
  --component-action-bar-radius: var(--spacing-spacing-12);
  --component-action-bar-share-menu-bg-default: var(--general-color-background-white);
  --component-action-bar-share-menu-bg-hover: var(--color-grayscale-100);
  --component-action-bar-share-menu-blur: 12px;
  --component-action-bar-share-menu-color: #00000014;
  --component-action-bar-share-menu-focus-border: var(--theme-brand-action);
  --component-action-bar-share-menu-max-width: 350px;
  --component-action-bar-share-menu-min-height: 48px;
  --component-action-bar-share-menu-min-width: 200px;
  --component-action-bar-share-menu-text: var(--general-color-text-darkest);
  --component-action-bar-share-menu-y-value: 2px;
  --component-action-bar-width-desktop: 88px;
  --component-action-bar-width-mobile: 64px;
  --component-action-bar-width-tablet: 64px;
  --component-alert-banner-bg: var(--general-color-background-brand-2);
  --component-alert-banner-body: var(--general-color-fill-brand-1);
  --component-alert-banner-button-color-1: brand;
  --component-alert-banner-button-color-2: brand;
  --component-alert-banner-close: var(--general-color-border-brand-1);
  --component-alert-banner-icon: var(--general-color-border-brand-1);
  --component-alert-banner-title: var(--general-color-fill-brand-1);
  --component-breadcrumb-color-bg: var(--theme-primary-bg-bg);
  --component-breadcrumb-color-item-enabled-icon: var(--general-color-fill-mid);
  --component-breadcrumb-color-item-enabled-text: var(--general-color-text-mid);
  --component-breadcrumb-color-item-focus-icon: var(--component-breadcrumb-color-item-hover-icon);
  --component-breadcrumb-color-item-focus-text: var(--component-breadcrumb-color-item-hover-text);
  --component-breadcrumb-color-item-hover-icon: var(--theme-brand-action);
  --component-breadcrumb-color-item-hover-text: var(--theme-brand-action);
  --component-breadcrumb-color-item-pressed-icon: var(--component-breadcrumb-color-item-hover-icon);
  --component-breadcrumb-color-item-pressed-text: var(--component-breadcrumb-color-item-hover-text);
  --component-breadcrumb-color-tip-active-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-bg: var(--color-grayscale-black);
  --component-breadcrumb-color-tip-enabled-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-hover-link: var(--general-color-text-white);
  --component-button-tag-color-disabled-bg: #682dff33;
  --component-button-tag-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-button-tag-color-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-focus-bg: var(--component-button-tag-color-enabled-bg);
  --component-button-tag-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-button-tag-color-focus-text: var(--component-button-tag-color-enabled-text);
  --component-button-tag-color-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-border: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-button-tag-color-link-underline: var(--general-color-fill-brand-1);
  --component-button-tag-color-pressed-bg: var(--component-button-tag-color-hover-bg);
  --component-button-tag-color-pressed-border: var(--component-button-tag-color-hover-border);
  --component-button-tag-color-pressed-text: var(--component-button-tag-color-hover-text);
  --component-button-tag-radius: var(--radius-radius-rounded);
  --component-button-tag-size-base-border: var(--spacing-spacing-4);
  --component-button-tag-size-base-padding-left: var(--spacing-spacing-16);
  --component-button-tag-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-button-tag-size-base-padding-y: var(--spacing-spacing-8);
  --component-button-tag-size-base-space-between: var(--spacing-spacing-8);
  --component-button-tag-size-small-border: var(--spacing-spacing-4);
  --component-button-tag-size-small-gap: var(--spacing-spacing-8);
  --component-button-tag-size-small-padding-left: var(--spacing-spacing-12);
  --component-button-tag-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-button-tag-size-small-padding-y: var(--spacing-spacing-8);
  --component-card-article-card-border-width: var(--spacing-spacing-4);
  --component-card-article-card-radius: var(--general-radius-card);
  --component-card-article-image-borderWidth: var(--spacing-spacing-4);
  --component-card-article-image-image-ratio: "3:2";
  --component-card-article-image-radius: var(--general-radius-image);
  --component-card-general-card-border-width: var(--spacing-spacing-4);
  --component-card-general-card-radius: var(--general-radius-card);
  --component-card-general-color-body: var(--component-cards-base-color-on-surface-body);
  --component-card-general-color-border: var(--component-cards-base-color-on-surface-border);
  --component-card-general-color-cta-1-color: var(--component-cards-base-color-on-surface-cta-1-color);
  --component-card-general-color-image-border: var(--color-grayscale-black);
  --component-card-general-color-subtitle: var(--component-cards-base-color-on-surface-subtitle);
  --component-card-general-color-surface: var(--component-cards-base-color-on-surface-surface);
  --component-card-general-color-title: var(--component-cards-base-color-on-surface-title);
  --component-card-product-card-border-width: var(--spacing-spacing-4);
  --component-card-product-color-image-bg: var(--general-color-background-brand-1);
  --component-card-product-image-borderWidth: var(--spacing-spacing-4);
  --component-card-product-image-image-ratio: "1:1";
  --component-card-recipe-card-border-width: var(--spacing-spacing-4);
  --component-card-recipe-card-minHeight: 280px;
  --component-card-recipe-card-padding-x: var(--padding-none);
  --component-card-recipe-card-padding-y: var(--padding-none);
  --component-card-recipe-card-radius: var(--general-radius-card);
  --component-card-recipe-color-ratings: var(--interactiveTheme-ratings-active);
  --component-card-recipe-image-borderWidth: var(--spacing-spacing-4);
  --component-card-recipe-image-image-ratio: "3:2";
  --component-card-recipe-image-padding-top: var(--component-card-recipe-image-padding-x);
  --component-card-recipe-image-padding-x: var(--padding-none);
  --component-card-recipe-image-radius: var(--general-radius-image);
  --component-cards-base-card-border-width: var(--spacing-spacing-4);
  --component-cards-base-card-border-width-focus: var(--spacing-spacing-4);
  --component-cards-base-card-border-width-hover: var(--spacing-spacing-4);
  --component-cards-base-card-label-margin: var(--spacing-spacing-0);
  --component-cards-base-card-min-height: 280px;
  --component-cards-base-card-padding-x: var(--padding-none);
  --component-cards-base-card-padding-y: var(--padding-none);
  --component-cards-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-border: var(--general-color-surface-white);
  --component-cards-base-color-on-surface-border-focus: var(--componentTheme-cards-on-surface-border-focus);
  --component-cards-base-color-on-surface-border-hover: var(--componentTheme-cards-on-surface-border-hover);
  --component-cards-base-color-on-surface-cta-1-color: var(--componentTheme-cards-on-surface-cta-1-color);
  --component-cards-base-color-on-surface-cta-2-color: var(--componentTheme-cards-on-surface-cta-2-color);
  --component-cards-base-color-on-surface-image-bg: var(--color-primary-color-1-500);
  --component-cards-base-color-on-surface-image-border: var(--color-grayscale-black);
  --component-cards-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-cards-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-cards-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-cards-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-cards-base-copy-padding-x: var(--padding-xsmall);
  --component-cards-base-copy-padding-y: var(--padding-xsmall);
  --component-cards-base-image-bg: var(--color-primary-color-1-500);
  --component-cards-base-image-border: var(--color-grayscale-black);
  --component-cards-base-image-border-width: var(--spacing-spacing-4);
  --component-cards-base-image-category-image-ratio: "1:1";
  --component-cards-base-image-image-ratio: "3:2";
  --component-cards-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-cards-base-image-padding-x: var(--padding-none);
  --component-cards-base-image-radius: var(--general-radius-image);
  --component-cards-card-max-width-mobile: 480px;
  --component-carousel-border-width: 1px;
  --component-carousel-controls-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-brand-icon: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-controls-inverse-icon: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-brand-fill: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-inverse-fill: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-color: var(--component-content-grid-color-button-color-1);
  --component-category-asset-default-height: 120px;
  --component-category-asset-default-width: 120px;
  --component-category-asset-hover-height: 112px;
  --component-category-asset-hover-width: 112px;
  --component-category-color-bg: var(--componentTheme-content-grid-bg);
  --component-category-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-border-focus: var(--component-category-color-category-enabled);
  --component-category-color-category-enabled: var(--component-content-grid-color-body);
  --component-category-color-category-hover: var(--component-content-grid-color-body);
  --component-category-color-fill: var(--componentTheme-content-grid-fill);
  --component-category-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-surface: var(--componentTheme-content-grid-bg);
  --component-category-color-title: var(--componentTheme-content-grid-text-primary);
  --component-category-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-category-gutter: var(--layout-base-gutter);
  --component-category-padding-x: var(--layout-base-margin-y);
  --component-category-padding-y: var(--layout-base-margin-y);
  --component-checkbox-radio-color-brand-fill-disabled-opacity: 0.5;
  --component-checkbox-radio-color-brand-fill-disabled-text: var(--general-color-text-mid);
  --component-checkbox-radio-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-checkbox-radio-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-checkbox-radio-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-enabled-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-error-bg: var(--color-system-error-100);
  --component-checkbox-radio-color-brand-fill-error-border: var(--color-system-error-500);
  --component-checkbox-radio-color-brand-fill-error-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-focus-bg);
  --component-checkbox-radio-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-focus-border);
  --component-checkbox-radio-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-focus-icon);
  --component-checkbox-radio-color-brand-fill-focus-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-selected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-selected-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-checkbox-radio-color-brand-fill-hover-selected-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-hover-selected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-unselected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-unselected-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-checkbox-radio-color-brand-fill-hover-unselected-icon: var(--component-action-bar-color-button-hover-icon);
  --component-checkbox-radio-color-brand-fill-hover-unselected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-uneditable-bg: var(--general-color-background-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-icon: var(--general-color-fill-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-text: var(--general-color-text-dark);
  --component-content-grid-color-bg: var(--componentTheme-content-grid-bg);
  --component-content-grid-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-content-grid-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-content-grid-color-title: var(--componentTheme-content-grid-text-primary);
  --component-content-grid-margin-x: var(--spacing-general-margin-x);
  --component-content-grid-margin-x-2: var(--spacing-general-margin-x);
  --component-content-grid-margin-y: var(--spacing-general-margin-y);
  --component-content-grid-margin-y-2: var(--spacing-general-margin-y);
  --component-content-grid-pdp-color-bg: var(--general-color-background-white);
  --component-content-grid-pdp-color-body: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-pdp-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-pdp-color-subtitle: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-title: var(--general-color-background-darkest);
  --component-cta-color-brand-fill-disabled-opacity: 0.5;
  --component-cta-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-cta-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-enabled-bg);
  --component-cta-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-cta-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-cta-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-fill-hover-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-cta-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-cta-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-cta-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-ghost-disabled-opacity: 0.5;
  --component-cta-color-brand-ghost-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-ghost-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-cta-color-brand-ghost-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-ghost-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-cta-color-brand-ghost-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-cta-color-brand-ghost-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-cta-color-brand-ghost-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-cta-color-brand-ghost-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-outline-disabled-opacity: 0.5;
  --component-cta-color-brand-outline-enabled-bg: #ffffff00;
  --component-cta-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-cta-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-cta-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-cta-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-outline-hover-border: var(--component-cta-color-brand-outline-hover-bg);
  --component-cta-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-cta-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-cta-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-cta-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-inverse-fill-disabled-opacity: 0.5;
  --component-cta-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-cta-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-cta-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-inverse-brand-action-hover-inverse);
  --component-cta-color-inverse-fill-hover-border: var(--component-cta-color-inverse-fill-hover-bg);
  --component-cta-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-fill-hover-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-cta-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-cta-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-cta-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-ghost-disabled-opacity: 0.5;
  --component-cta-color-inverse-ghost-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-cta-color-inverse-ghost-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-ghost-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-cta-color-inverse-ghost-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-outline-disabled-opacity: 0.5;
  --component-cta-color-inverse-outline-enabled-bg: #ffffff00;
  --component-cta-color-inverse-outline-enabled-border: var(--interactiveTheme-button-brand-action-alternate);
  --component-cta-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-cta-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-cta-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-cta-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-hover-bg: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-cta-color-inverse-outline-hover-border: var(--component-cta-color-inverse-outline-hover-bg);
  --component-cta-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-color-inverse-outline-hover-text: var(--theme-brand-action);
  --component-cta-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-cta-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-cta-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-cta-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-focus-radius: var(--radius-radius-0);
  --component-cta-radius: var(--radius-radius-0);
  --component-cta-size-base-border: var(--spacing-spacing-4);
  --component-cta-size-base-border-2: var(--spacing-spacing-4);
  --component-cta-size-base-padding-left: var(--spacing-spacing-12);
  --component-cta-size-base-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-base-padding-y: var(--spacing-spacing-12);
  --component-cta-size-base-space-between: var(--spacing-spacing-8);
  --component-cta-size-small-border: var(--spacing-spacing-4);
  --component-cta-size-small-gap: var(--spacing-spacing-8);
  --component-cta-size-small-padding-left: var(--spacing-spacing-12);
  --component-cta-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-small-padding-y: var(--spacing-spacing-8);
  --component-dialog-box-shadow-blur: 24px;
  --component-dialog-color-body: var(--theme-primary-bg-text-secondary);
  --component-dialog-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-dialog-color-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --component-dialog-color-smokescreen: #00000080;
  --component-dialog-color-surface: var(--general-color-surface-white);
  --component-dialog-color-title: var(--theme-primary-bg-text-primary);
  --component-dialog-content-padding-x: var(--padding-medium);
  --component-dialog-content-padding-y: var(--padding-medium);
  --component-error-state-page-color-bg: var(--component-content-grid-color-bg);
  --component-error-state-page-color-body: var(--theme-primary-surface-text-primary);
  --component-error-state-page-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-error-state-page-color-icon: var(--theme-primary-surface-text-secondary);
  --component-error-state-page-color-image-bg: var(--general-color-background-brand-1);
  --component-error-state-page-color-surface: var(--theme-primary-surface-surface);
  --component-error-state-page-color-title: var(--general-color-text-brand-1);
  --component-error-state-page-content-padding-x: var(--layout-full-margin-x);
  --component-error-state-page-content-padding-y: var(--layout-full-margin-y);
  --component-error-state-page-content-radius: var(--general-radius-container);
  --component-error-state-page-copy-padding-x: var(--padding-small);
  --component-error-state-page-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-error-state-page-copy-radius: var(--general-radius-container);
  --component-error-state-page-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-error-state-page-gutter: var(--layout-full-gutter);
  --component-error-state-page-image-imageLeft-radius-bottomLeft: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageLeft-radius-bottomRight: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-error-state-page-image-max-height-desktop: 1024px;
  --component-error-state-page-image-max-height-mobile: 360px;
  --component-error-state-page-image-max-height-tablet: 1024px;
  --component-error-state-page-image-min-height-desktop: 370px;
  --component-error-state-page-image-min-height-mobile: 180px;
  --component-error-state-page-image-min-height-tablet: 392px;
  --component-error-state-page-image-padding-x: var(--padding-none);
  --component-error-state-page-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-error-state-page-image-radius: var(--general-radius-container);
  --component-error-state-page-margin-x: var(--spacing-general-margin-x);
  --component-error-state-page-margin-y: var(--spacing-general-margin-y);
  --component-facets-color-default-border: var(--component-facets-color-default-surface);
  --component-facets-color-default-icons: var(--general-color-fill-brand-1);
  --component-facets-color-default-surface: var(--theme-primary-bg-bg);
  --component-facets-color-default-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-facets-color-focus-border: var(--theme-brand-action);
  --component-facets-color-focus-icons: var(--theme-brand-action);
  --component-facets-color-focus-surface: var(--color-grayscale-100);
  --component-facets-color-focus-title: var(--general-color-text-darkest);
  --component-facets-color-hover-border: var(--general-color-border-white);
  --component-facets-color-hover-icons: var(--theme-brand-action);
  --component-facets-color-hover-surface: var(--color-grayscale-100);
  --component-facets-color-hover-title: var(--general-color-text-darkest);
  --component-facets-counter-surface: var(--general-color-background-darkest);
  --component-facets-counter-text: var(--general-color-text-white);
  --component-facets-max-width: 302px;
  --component-facets-padding-x: var(--padding-xxsmall);
  --component-facets-padding-y: var(--padding-xxsmall);
  --component-facets-radius: var(--radius-radius-0);
  --component-favorites-border: var(--spacing-spacing-1);
  --component-favorites-color-border: var(--general-color-border-darkest);
  --component-favorites-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-focus-focus-border: var(--theme-brand-action);
  --component-favorites-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-favorites-color-button-hover-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-favorites-color-surface: var(--general-color-surface-white);
  --component-favorites-lists-menu-bg-default: var(--general-color-background-white);
  --component-favorites-lists-menu-bg-hover: var(--color-grayscale-100);
  --component-favorites-lists-menu-focus-border: var(--theme-brand-action);
  --component-favorites-lists-menu-max-width: 350px;
  --component-favorites-lists-menu-min-height: 48px;
  --component-favorites-lists-menu-min-width: 200px;
  --component-favorites-lists-menu-text: var(--general-color-text-darkest);
  --component-favorites-radius: var(--spacing-spacing-12);
  --component-feature-full-color-bg: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-feature-full-color-cta-1-color: var(--componentTheme-content-grid-cta-1-color);
  --component-feature-full-color-cta-2-color: var(--componentTheme-content-grid-cta-2-color);
  --component-feature-full-color-eyebrow: var(--componentTheme-content-grid-text-secondary);
  --component-feature-full-color-fill: var(--componentTheme-content-grid-fill);
  --component-feature-full-color-image-bg: var(--general-color-background-brand-1);
  --component-feature-full-color-surface: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-title: var(--componentTheme-content-grid-text-primary);
  --component-feature-full-copy-block-copy-block-indent: var(--padding-none);
  --component-feature-full-copy-block-padding-x: var(--padding-medium);
  --component-feature-full-copy-block-padding-y: var(--component-feature-full-copy-block-padding-x);
  --component-feature-full-copy-block-radius: var(--general-radius-none);
  --component-feature-full-copy-container-padding-x: var(--layout-full-margin-x);
  --component-feature-full-copy-container-padding-y: var(--layout-full-margin-y);
  --component-feature-full-decor-decor-accent: var(--theme-primary-bg-bg-decor-accent);
  --component-feature-full-decor-decor-match-primary-bg: var(--theme-primary-bg-bg);
  --component-feature-full-decor-icon-height: var(--icon-large-height);
  --component-feature-full-image-padding-left: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-right: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-x: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-y: var(--padding-medium);
  --component-feature-full-image-radius: var(--general-radius-container);
  --component-feature-split-color-bg: var(--componentTheme-feature-bg);
  --component-feature-split-color-body: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-color-button-size: base;
  --component-feature-split-color-cta-1-color: var(--componentTheme-feature-match-bg-cta-1-color);
  --component-feature-split-color-cta-2-color: var(--componentTheme-feature-match-bg-cta-2-color);
  --component-feature-split-color-eyebrow: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-color-fill: var(--componentTheme-feature-fill);
  --component-feature-split-color-image-bg: var(--general-color-background-brand-1);
  --component-feature-split-color-subtitle: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-color-surface: var(--componentTheme-feature-match-bg-surface);
  --component-feature-split-color-title: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-constrained-copy-desktop-max-width: 420px;
  --component-feature-split-constrained-copy-mobile-max-width: 767px;
  --component-feature-split-constrained-copy-padding-x: var(--padding-small);
  --component-feature-split-constrained-copy-padding-y: var(--component-feature-split-constrained-copy-padding-x);
  --component-feature-split-constrained-copy-tablet-max-width: 816px;
  --component-feature-split-constrained-image-desktop-min-width: 480px;
  --component-feature-split-constrained-image-mobile-min-width: 320px;
  --component-feature-split-constrained-image-tablet-min-width: 480px;
  --component-feature-split-constrained-margin-left: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-constrained-margin-right: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-content-padding-x: var(--layout-full-margin-x);
  --component-feature-split-content-padding-y: var(--layout-full-margin-y);
  --component-feature-split-content-radius: var(--general-radius-none);
  --component-feature-split-copy-padding-x: var(--padding-small);
  --component-feature-split-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-feature-split-copy-radius: var(--general-radius-container);
  --component-feature-split-decor-bg-accent: var(--general-color-text-brand-3);
  --component-feature-split-decor-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-feature-split-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-feature-split-decor-icon-height: var(--icon-large-height);
  --component-feature-split-gutter: var(--layout-base-gutter);
  --component-feature-split-image-border: var(--color-grayscale-black);
  --component-feature-split-image-border-width: var(--spacing-spacing-4);
  --component-feature-split-image-image-ratio: "3:2";
  --component-feature-split-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-padding-x: var(--padding-none);
  --component-feature-split-image-padding-y: var(--component-feature-split-image-padding-x);
  --component-feature-split-image-radius: var(--general-radius-container);
  --component-feature-split-margin-x: var(--layout-base-margin-x);
  --component-feature-split-margin-y: var(--layout-compact-margin-y);
  --component-filters-color-default-border: var(--general-color-border-darkest);
  --component-filters-color-default-label: var(--general-color-text-darkest);
  --component-filters-color-default-surface: var(--general-color-surface-white);
  --component-filters-color-focus-border: var(--theme-brand-action);
  --component-filters-color-focus-label: var(--general-color-text-darkest);
  --component-filters-color-focus-surface: var(--general-color-background-light);
  --component-filters-color-hover-border: var(--theme-brand-action);
  --component-filters-color-hover-label: var(--general-color-text-darkest);
  --component-filters-color-hover-surface: var(--general-color-background-light);
  --component-filters-color-selected-border: var(--theme-brand-action);
  --component-filters-color-selected-icons: var(--general-color-fill-white);
  --component-filters-color-selected-label: var(--general-color-text-darkest);
  --component-filters-color-selected-surface: var(--theme-brand-action);
  --component-filters-counter-surface: var(--general-color-background-darkest);
  --component-filters-counter-text: var(--general-color-text-white);
  --component-filters-padding-x: var(--padding-xxsmall);
  --component-filters-padding-y: var(--padding-xxsmall);
  --component-filters-radius: var(--radius-radius-0);
  --component-form-field-color-button-color-1: brand;
  --component-form-field-color-button-color-2: brand;
  --component-form-field-color-default-bg: var(--component-search-field-default-bg);
  --component-form-field-color-default-border: var(--general-color-border-mid);
  --component-form-field-color-descriptive-text: var(--general-color-text-darkest);
  --component-form-field-color-filled-border: var(--general-color-border-dark);
  --component-form-field-color-icon: var(--general-color-fill-darkest);
  --component-form-field-color-label: var(--general-color-text-darkest);
  --component-form-field-color-placeholder-text: var(--general-color-text-mid);
  --component-form-field-color-required-asterisk: var(--component-form-field-color-label);
  --component-form-field-color-surface: var(--general-color-surface-white);
  --component-hero-color-alternate-bg: var(--componentTheme-hero-bg);
  --component-hero-color-alternate-body: var(--componentTheme-hero-match-bg-text-secondary);
  --component-hero-color-alternate-cta-1-color: var(--componentTheme-hero-match-bg-cta-1-color);
  --component-hero-color-alternate-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-alternate-eyebrow: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-alternate-fill: var(--componentTheme-hero-fill);
  --component-hero-color-alternate-surface: var(--componentTheme-hero-match-bg-surface);
  --component-hero-color-alternate-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-alternate-title: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-bg: var(--general-color-background-brand-1);
  --component-hero-color-general-body: var(--componentTheme-hero-text-primary);
  --component-hero-color-general-cta-1-color: var(--componentTheme-hero-cta-1-color);
  --component-hero-color-general-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-general-decor: var(--theme-primary-bg-bg);
  --component-hero-color-general-decor-mobile: var(--component-hero-color-general-surface);
  --component-hero-color-general-eyebrow: var(--componentTheme-content-grid-text-primary);
  --component-hero-color-general-fill: var(--componentTheme-hero-fill);
  --component-hero-color-general-surface: var(--componentTheme-hero-surface);
  --component-hero-color-general-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-general-title: var(--componentTheme-content-grid-text-primary);
  --component-hero-color-simple-bg: var(--general-color-background-white);
  --component-hero-color-simple-body: var(--theme-primary-bg-text-secondary);
  --component-hero-color-simple-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-color-simple-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-color-simple-decor-accent: var(--general-color-background-white);
  --component-hero-color-simple-eyebrow: var(--theme-primary-bg-text-secondary);
  --component-hero-color-simple-text-link: var(--theme-primary-bg-text-link);
  --component-hero-color-simple-title: var(--theme-primary-bg-text-primary);
  --component-hero-container-desktop-min-height: 500px;
  --component-hero-container-desktop-radius: var(--general-radius-container);
  --component-hero-container-gap: var(--layout-overlap-overlap-gutter);
  --component-hero-container-mobile-min-height: var(--screen-dimensions-height);
  --component-hero-container-mobile-radius: var(--general-radius-container);
  --component-hero-container-padding-x: var(--layout-compact-margin-x);
  --component-hero-container-padding-y: var(--layout-compact-margin-x);
  --component-hero-container-radius: var(--general-radius-container);
  --component-hero-container-tablet-min-height: var(--screen-dimensions-height);
  --component-hero-container-tablet-radius: var(--general-radius-container);
  --component-hero-copy-padding-x: var(--padding-small);
  --component-hero-copy-padding-y: var(--padding-large);
  --component-hero-copy-radius: var(--general-radius-none);
  --component-hero-copy-radius-bottom-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-bottom-right: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-right: var(--component-hero-copy-radius);
  --component-hero-copyBlock-padding-x: var(--padding-small);
  --component-hero-copyBlock-padding-y: var(--padding-large);
  --component-hero-copyBlock-radius: var(--general-radius-none);
  --component-hero-copyBlock-radius-bottom-left: var(--component-hero-container-radius);
  --component-hero-copyBlock-radius-bottom-right: var(--component-hero-image-desktop-radius);
  --component-hero-copyBlock-radius-top-left: var(--component-hero-image-desktop-radius);
  --component-hero-copyBlock-radius-top-right: var(--component-hero-image-desktop-radius);
  --component-hero-desktop-max-width: var(--screen-dimensions-max-width);
  --component-hero-image-a11y-image-background-blur: 10px;
  --component-hero-image-a11y-image-overlay-opacity: 0.7;
  --component-hero-image-desktop-radius: var(--general-radius-none);
  --component-hero-image-mobile-radius: var(--general-radius-none);
  --component-hero-image-padding-top: var(--layout-full-margin-x);
  --component-hero-image-padding-x: var(--layout-full-margin-x);
  --component-hero-image-padding-y: var(--component-hero-image-padding-x);
  --component-hero-image-splitHero-radius: var(--general-radius-none);
  --component-hero-mobile-max-width: 1000px;
  --component-hero-tablet-max-width: 1000px;
  --component-hero-typography-title: var(--typography-font-size-header-xlarge);
  --component-hero-article-color-bg: var(--theme-primary-bg-bg);
  --component-hero-article-color-bg-accent: var(--general-color-text-brand-3);
  --component-hero-article-color-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-hero-article-color-body: var(--theme-primary-surface-text-primary);
  --component-hero-article-color-category: var(--theme-primary-surface-text-primary);
  --component-hero-article-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-hero-article-color-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --component-hero-article-color-date: var(--theme-primary-surface-text-primary);
  --component-hero-article-color-details: var(--theme-primary-surface-text-secondary);
  --component-hero-article-color-icon: var(--theme-primary-surface-text-secondary);
  --component-hero-article-color-image-bg: var(--general-color-background-brand-1);
  --component-hero-article-color-surface: var(--theme-primary-surface-surface);
  --component-hero-article-color-title: var(--theme-primary-surface-text-primary);
  --component-hero-article-content-padding-x: var(--layout-full-margin-x);
  --component-hero-article-content-padding-y: var(--layout-full-margin-y);
  --component-hero-article-content-radius: var(--general-radius-none);
  --component-hero-article-copy-category-margin-bottom: var(--spacing-general-eyebrow-margin-bottom);
  --component-hero-article-copy-padding-x: var(--padding-small);
  --component-hero-article-copy-padding-y: var(--component-hero-article-copy-padding-x);
  --component-hero-article-copy-radius: var(--general-radius-container);
  --component-hero-article-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-article-gutter: var(--layout-base-gutter);
  --component-hero-article-image-image-ratio: "3:2";
  --component-hero-article-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-article-image-max-height-desktop: 1024px;
  --component-hero-article-image-max-height-mobile: 360px;
  --component-hero-article-image-max-height-tablet: 1024px;
  --component-hero-article-image-min-height-desktop: 370px;
  --component-hero-article-image-min-height-mobile: 180px;
  --component-hero-article-image-min-height-tablet: 392px;
  --component-hero-article-image-padding-x: var(--padding-none);
  --component-hero-article-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-hero-article-image-radius: var(--general-radius-container);
  --component-hero-article-margin-x: var(--layout-base-margin-x);
  --component-hero-article-padding-y: var(--layout-base-margin-y);
  --component-hero-product-brand-decor: var(--component-site-header-main-bar-brand-logo);
  --component-hero-product-color-badge-color: brand;
  --component-hero-product-color-bg: var(--theme-primary-bg-bg);
  --component-hero-product-color-body: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-product-color-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-product-color-decor: var(--general-color-background-brand-1);
  --component-hero-product-color-eyebrow: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-icon: var(--theme-primary-bg-icon);
  --component-hero-product-color-image-bg: var(--general-color-background-brand-1);
  --component-hero-product-color-image-border: var(--general-color-border-mid);
  --component-hero-product-color-image-surface: var(--general-color-surface-white);
  --component-hero-product-color-link: var(--theme-primary-bg-text-link-underline);
  --component-hero-product-color-ratings: var(--theme-secondary-interactive-ratings-active);
  --component-hero-product-color-ratings-inactive: var(--theme-primary-interactive-button-ghost-link);
  --component-hero-product-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-thumbnail-selected-border: var(--theme-brand-action);
  --component-hero-product-color-title: var(--theme-primary-bg-text-primary);
  --component-hero-product-content-padding-x: var(--layout-full-margin-x);
  --component-hero-product-content-padding-y: var(--layout-full-margin-y);
  --component-hero-product-content-radius: var(--general-radius-none);
  --component-hero-product-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-product-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-hero-product-copy-radius: var(--general-radius-container);
  --component-hero-product-gutter: var(--layout-base-gutter);
  --component-hero-product-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-product-image-max-height-desktop: 640px;
  --component-hero-product-image-max-height-mobile: 273px;
  --component-hero-product-image-max-height-tablet: 1024px;
  --component-hero-product-image-padding-x: var(--padding-none);
  --component-hero-product-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-product-image-radius: var(--general-radius-container);
  --component-hero-product-margin-x: var(--layout-base-margin-y);
  --component-hero-product-margin-y: var(--layout-base-margin-y);
  --component-hero-recipe-color-badge-color: brand;
  --component-hero-recipe-color-bg: var(--theme-primary-bg-bg);
  --component-hero-recipe-color-body: var(--theme-primary-bg-text-secondary);
  --component-hero-recipe-color-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-recipe-color-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-recipe-color-eyebrow: var(--theme-primary-bg-text-secondary);
  --component-hero-recipe-color-icon: var(--theme-primary-bg-icon);
  --component-hero-recipe-color-image-bg: var(--general-color-background-brand-1);
  --component-hero-recipe-color-link: var(--theme-primary-interactive-button-ghost-link);
  --component-hero-recipe-color-ratings: var(--theme-secondary-interactive-ratings-active);
  --component-hero-recipe-color-ratings-inactive: var(--theme-primary-interactive-button-ghost-link);
  --component-hero-recipe-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-hero-recipe-color-title: var(--theme-primary-bg-text-primary);
  --component-hero-recipe-content-padding-x: var(--layout-full-margin-x);
  --component-hero-recipe-content-padding-y: var(--layout-full-margin-y);
  --component-hero-recipe-content-radius: var(--general-radius-none);
  --component-hero-recipe-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-recipe-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-hero-recipe-copy-radius: var(--general-radius-container);
  --component-hero-recipe-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-recipe-gutter: var(--layout-base-gutter);
  --component-hero-recipe-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-max-height-desktop: 640px;
  --component-hero-recipe-image-max-height-mobile: 273px;
  --component-hero-recipe-image-max-height-tablet: 1024px;
  --component-hero-recipe-image-padding-x: var(--padding-none);
  --component-hero-recipe-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-recipe-image-radius: var(--general-radius-container);
  --component-hero-recipe-margin-x: var(--layout-base-margin-y);
  --component-hero-recipe-padding-y: var(--layout-base-margin-y);
  --component-icon-content-large-desktop-height: 120px;
  --component-icon-content-large-desktop-width: 120px;
  --component-icon-content-large-mobile-height: 120px;
  --component-icon-content-large-mobile-width: 120px;
  --component-icon-content-large-tablet-height: 120px;
  --component-icon-content-large-tablet-width: 120px;
  --component-icon-content-small-desktop-height: 64px;
  --component-icon-content-small-desktop-width: 64px;
  --component-icon-content-small-mobile-height: 64px;
  --component-icon-content-small-mobile-width: 64px;
  --component-icon-content-small-tablet-height: 64px;
  --component-icon-content-small-tablet-width: 64px;
  --component-image-color-button-color-below-image: brand;
  --component-image-color-button-color-on-image: inverse;
  --component-image-standalone-image-max-width-desktop: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-mobile: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-tablet: var(--typography-copy-max-width);
  --component-listing-grid-color-bg: var(--theme-primary-bg-bg);
  --component-listing-grid-color-body: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-button-color-1: var(--theme-primary-bg-cta-1-color);
  --component-listing-grid-color-button-color-2: var(--theme-primary-bg-cta-2-color);
  --component-listing-grid-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-title: var(--theme-primary-bg-text-primary);
  --component-listing-grid-margin-x: var(--spacing-general-margin-x);
  --component-listing-grid-margin-y: var(--spacing-general-margin-y);
  --component-location-selector-color-default-body: var(--component-accordion-color-default-body);
  --component-location-selector-color-default-border: var(--component-accordion-color-default-border);
  --component-location-selector-color-default-icons: var(--component-accordion-color-default-icons);
  --component-location-selector-color-default-surface: var(--component-accordion-color-default-surface);
  --component-location-selector-color-default-title: var(--component-accordion-color-default-title);
  --component-location-selector-color-hover-body: var(--component-accordion-color-hover-body);
  --component-location-selector-color-hover-border: var(--component-accordion-color-hover-border);
  --component-location-selector-color-hover-icons: var(--component-accordion-color-hover-icons);
  --component-location-selector-color-hover-surface: var(--component-accordion-color-hover-surface);
  --component-location-selector-color-hover-title: var(--component-accordion-color-hover-title);
  --component-location-selector-item-border-bottom: 0px;
  --component-location-selector-item-border-left: 0px;
  --component-location-selector-item-border-right: 0px;
  --component-location-selector-item-border-top: 1px;
  --component-location-selector-padding-x: var(--component-accordion-padding-x);
  --component-location-selector-padding-y: var(--component-accordion-padding-y);
  --component-modal-color-body: var(--theme-primary-bg-text-secondary);
  --component-modal-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-modal-color-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --component-modal-color-smokescreen: var(--component-dialog-color-smokescreen);
  --component-modal-color-surface: var(--general-color-surface-white);
  --component-modal-color-title: var(--theme-primary-bg-text-primary);
  --component-modal-content-padding-x: var(--padding-small);
  --component-modal-content-padding-y: var(--padding-small);
  --component-my-account-color-bg: var(--theme-primary-bg-bg);
  --component-my-account-color-bg-cta-color: var(--theme-primary-surface-cta-1-color);
  --component-my-account-color-body: var(--theme-primary-bg-text-secondary);
  --component-my-account-color-border: var(--general-color-border-darkest);
  --component-my-account-color-header: var(--theme-primary-bg-text-primary);
  --component-my-account-color-line-break: var(--general-color-border-darkest);
  --component-my-account-color-sidebar-surface: var(--general-color-surface-brand-1);
  --component-my-account-color-sidebar-text: var(--general-color-text-white);
  --component-my-account-color-surface: var(--general-color-surface-white);
  --component-my-account-color-surface-cta-color: var(--theme-primary-surface-cta-1-color);
  --component-my-account-color-surface-highlight: var(--color-grayscale-100);
  --component-my-account-color-title: var(--theme-primary-bg-text-primary);
  --component-my-account-content-padding-x: var(--padding-small);
  --component-my-account-content-padding-y: var(--padding-small);
  --component-my-account-padding-x: var(--spacing-general-margin-x);
  --component-my-account-padding-y: var(--layout-compact-margin-y);
  --component-nav-dropdown-menu-border: var(--spacing-spacing-1);
  --component-nav-dropdown-menu-color-border: var(--general-color-border-darkest);
  --component-nav-dropdown-menu-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-focus-focus-border: var(--theme-brand-action);
  --component-nav-dropdown-menu-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-nav-dropdown-menu-color-button-hover-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-surface: var(--general-color-surface-white);
  --component-nav-dropdown-menu-lists-menu-bg-default: var(--general-color-background-white);
  --component-nav-dropdown-menu-lists-menu-bg-hover: var(--color-grayscale-100);
  --component-nav-dropdown-menu-lists-menu-focus-border: var(--theme-brand-action);
  --component-nav-dropdown-menu-lists-menu-max-width: 350px;
  --component-nav-dropdown-menu-lists-menu-min-height: 48px;
  --component-nav-dropdown-menu-lists-menu-min-width: 200px;
  --component-nav-dropdown-menu-lists-menu-text: var(--general-color-text-darkest);
  --component-nav-dropdown-menu-radius: var(--spacing-spacing-12);
  --component-newsletter-sign-up-color-bg: var(--component-content-grid-color-bg);
  --component-newsletter-sign-up-color-body: var(--componentTheme-cards-match-bg-text-primary);
  --component-newsletter-sign-up-color-cta-1-color: var(--componentTheme-feature-match-bg-cta-1-color);
  --component-newsletter-sign-up-color-icon: var(--componentTheme-cards-match-bg-text-primary);
  --component-newsletter-sign-up-color-image-bg: var(--general-color-background-brand-1);
  --component-newsletter-sign-up-color-surface: var(--componentTheme-cards-match-bg-surface);
  --component-newsletter-sign-up-color-title: var(--componentTheme-cards-match-bg-text-primary);
  --component-newsletter-sign-up-content-padding-x: var(--layout-full-margin-x);
  --component-newsletter-sign-up-content-padding-y: var(--layout-full-margin-y);
  --component-newsletter-sign-up-content-radius: var(--general-radius-container);
  --component-newsletter-sign-up-copy-padding-x: var(--padding-small);
  --component-newsletter-sign-up-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-newsletter-sign-up-copy-radius: var(--general-radius-container);
  --component-newsletter-sign-up-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-newsletter-sign-up-gutter: var(--layout-full-gutter);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-max-height-desktop: 1024px;
  --component-newsletter-sign-up-image-max-height-mobile: 360px;
  --component-newsletter-sign-up-image-max-height-tablet: 1024px;
  --component-newsletter-sign-up-image-min-height-desktop: 370px;
  --component-newsletter-sign-up-image-min-height-mobile: 180px;
  --component-newsletter-sign-up-image-min-height-tablet: 392px;
  --component-newsletter-sign-up-image-padding-x: var(--padding-none);
  --component-newsletter-sign-up-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-newsletter-sign-up-image-radius: var(--general-radius-container);
  --component-newsletter-sign-up-margin-x: var(--spacing-general-margin-x);
  --component-newsletter-sign-up-margin-y: var(--spacing-general-margin-y);
  --component-pagination-color-disabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-disabled-icon: var(--color-grayscale-300);
  --component-pagination-color-disabled-text: var(--interactiveTheme-ratings-inactive);
  --component-pagination-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-focus-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-pagination-color-focus-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-hover-bg: var(--general-color-surface-light);
  --component-pagination-color-hover-text: var(--interactiveTheme-button-brand-action-hover);
  --component-pagination-color-link-underline: var(--general-color-fill-brand-1);
  --component-pagination-color-pressed-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-pressed-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-selected-bg: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-selected-border: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-selected-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-pagination-radius: var(--radius-radius-rounded);
  --component-pagination-size-base-border: var(--spacing-spacing-4);
  --component-pagination-size-base-padding-left: var(--spacing-spacing-16);
  --component-pagination-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-pagination-size-base-padding-y: var(--spacing-spacing-8);
  --component-pagination-size-base-space-between: var(--spacing-spacing-8);
  --component-pagination-size-small-border: var(--spacing-spacing-4);
  --component-pagination-size-small-gap: var(--spacing-spacing-8);
  --component-pagination-size-small-padding-left: var(--spacing-spacing-12);
  --component-pagination-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-pagination-size-small-padding-y: var(--spacing-spacing-8);
  --component-pdp-product-content-color-bg: var(--theme-secondary-bg-bg);
  --component-pdp-product-content-color-body: var(--theme-secondary-bg-text-secondary);
  --component-pdp-product-content-color-icon: var(--theme-secondary-bg-icon);
  --component-pdp-product-content-color-image-bg: var(--general-color-background-brand-1);
  --component-pdp-product-content-color-surface: var(--general-color-surface-white);
  --component-pdp-product-content-color-surface-border: var(--general-color-border-light);
  --component-pdp-product-content-color-title: var(--theme-secondary-bg-text-primary);
  --component-pdp-product-content-gutter: var(--layout-base-gutter);
  --component-pdp-product-content-margin-x: var(--spacing-general-margin-x);
  --component-pdp-product-content-margin-y: var(--layout-compact-margin-y);
  --component-print-image-print-logo-invert: 1;
  --component-recipe-description-copy-max-width-desktop: 804px;
  --component-recipe-description-copy-max-width-mobile: var(--typography-copy-max-width);
  --component-recipe-description-copy-max-width-tablet: var(--typography-copy-max-width);
  --component-recipe-header-brand: var(--theme-brand-name);
  --component-recipe-header-color-bg: var(--theme-aux-1-bg-bg);
  --component-recipe-header-color-body: var(--theme-aux-1-surface-text-secondary);
  --component-recipe-header-color-cta-1-color: var(--theme-aux-1-surface-cta-1-color);
  --component-recipe-header-color-eyebrow: var(--theme-aux-1-surface-text-secondary);
  --component-recipe-header-color-icon: var(--theme-aux-1-surface-icon);
  --component-recipe-header-color-image-bg: var(--general-color-background-brand-1);
  --component-recipe-header-color-link: var(--theme-aux-1-interactive-button-ghost-link);
  --component-recipe-header-color-ratings: var(--theme-aux-1-interactive-ratings-active);
  --component-recipe-header-color-ratings-inactive: var(--theme-aux-1-interactive-ratings-inactive);
  --component-recipe-header-color-subtitle: var(--theme-aux-1-surface-text-primary);
  --component-recipe-header-color-surface: var(--theme-aux-1-surface-surface);
  --component-recipe-header-color-title: var(--theme-aux-1-surface-text-primary);
  --component-recipe-header-content-padding-x: var(--padding-small);
  --component-recipe-header-content-padding-y: var(--padding-xsmall);
  --component-recipe-header-content-radius: var(--general-radius-none);
  --component-recipe-header-copy-padding-x: var(--padding-small);
  --component-recipe-header-copy-padding-y: var(--padding-small);
  --component-recipe-header-padding-x: var(--spacing-general-margin-x);
  --component-recipe-header-padding-y: var(--layout-compact-margin-y);
  --component-recipe-instructions-card-max-width-mobile: 280px;
  --component-recipe-instructions-color-border: var(--component-recipe-instructions-color-surface);
  --component-recipe-instructions-color-surface: var(--general-color-background-light);
  --component-recipe-instructions-gutter: var(--layout-base-gutter);
  --component-recipe-instructions-padding-x: var(--layout-base-margin-y);
  --component-recipe-instructions-padding-y: var(--layout-base-margin-y);
  --component-recipe-made-with-color-button-color: brand;
  --component-recipe-made-with-color-ratings: var(--theme-primary-interactive-ratings-active);
  --component-recipe-made-with-color-ratings-inactive: var(--theme-primary-interactive-ratings-inactive);
  --component-recipe-nutrition-card-max-width-mobile: 280px;
  --component-recipe-nutrition-color-bg: var(--general-color-background-light);
  --component-recipe-nutrition-color-body: var(--componentTheme-feature-text-primary);
  --component-recipe-nutrition-color-eyebrow: var(--componentTheme-feature-text-primary);
  --component-recipe-nutrition-color-fill: var(--componentTheme-feature-fill);
  --component-recipe-nutrition-color-subtitle: var(--componentTheme-feature-text-primary);
  --component-recipe-nutrition-color-title: var(--componentTheme-feature-text-primary);
  --component-recipe-nutrition-content-padding-x: var(--layout-full-margin-x);
  --component-recipe-nutrition-content-padding-y: var(--layout-full-margin-y);
  --component-recipe-nutrition-content-radius: var(--general-radius-none);
  --component-recipe-nutrition-gutter: var(--layout-base-gutter);
  --component-recipe-nutrition-padding-x: var(--layout-base-margin-y);
  --component-recipe-nutrition-padding-y: var(--layout-base-margin-y);
  --component-related-content-color-bg: var(--component-content-grid-color-bg);
  --component-related-content-color-body: var(--component-content-grid-color-body);
  --component-related-content-color-button-color-1: var(--component-content-grid-color-button-color-1);
  --component-related-content-color-button-color-2: var(--component-content-grid-color-button-color-2);
  --component-related-content-color-subtitle: var(--component-content-grid-color-subtitle);
  --component-related-content-color-title: var(--component-content-grid-color-title);
  --component-search-field-active-bg: var(--general-color-background-white);
  --component-search-field-active-border: var(--general-color-border-brand-2);
  --component-search-field-active-icon: var(--general-color-fill-brand-2);
  --component-search-field-active-search-text: var(--general-color-text-darkest);
  --component-search-field-default-bg: var(--general-color-background-white);
  --component-search-field-default-border: var(--general-color-border-brand-1);
  --component-search-field-default-icon: var(--general-color-fill-brand-1);
  --component-search-field-default-search-text: var(--general-color-text-darkest);
  --component-search-field-dropdown-active-radius: 56px;
  --component-search-field-dropdown-bg-default: var(--component-search-field-default-bg);
  --component-search-field-dropdown-bg-hover: var(--theme-secondary-bg-bg);
  --component-search-field-dropdown-border: var(--component-search-field-active-border);
  --component-search-field-dropdown-border-focus: 2px;
  --component-search-field-dropdown-focus-border: var(--theme-primary-surface-border-focus);
  --component-search-field-dropdown-focus-radius: 12px;
  --component-search-field-hover-bg: var(--general-color-background-white);
  --component-search-field-hover-border: var(--general-color-border-brand-2);
  --component-search-field-hover-icon: var(--general-color-fill-brand-2);
  --component-search-field-hover-search-text: var(--general-color-text-darkest);
  --component-site-footer-bottom-bar-bg: var(--general-color-background-brand-1);
  --component-site-footer-bottom-bar-cta-2-color: inverse;
  --component-site-footer-bottom-bar-icons: var(--general-color-fill-white);
  --component-site-footer-bottom-bar-link: var(--general-color-text-white);
  --component-site-footer-bottom-bar-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-bottom-bar-padding-y: var(--padding-small);
  --component-site-footer-footer-links-bg: var(--general-color-background-brand-1);
  --component-site-footer-footer-links-border: var(--general-color-border-white);
  --component-site-footer-footer-links-column-label: var(--general-color-text-white);
  --component-site-footer-footer-links-cta-1-color: brand;
  --component-site-footer-footer-links-gap-icon: var(--spacing-spacing-4);
  --component-site-footer-footer-links-icons: var(--general-color-fill-white);
  --component-site-footer-footer-links-link: var(--general-color-text-white);
  --component-site-footer-footer-links-link-underline: var(--general-color-border-white);
  --component-site-footer-footer-links-logo-height-large: 40px;
  --component-site-footer-footer-links-logo-height-small: 40px;
  --component-site-footer-footer-links-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-footer-links-padding-y: var(--padding-medium);
  --component-site-footer-footer-links-text: var(--general-color-text-white);
  --component-site-footer-gap-links: var(--space-between-medium);
  --component-site-footer-space-between: var(--space-between-xsmall);
  --component-site-header-color-main-bar-desktop-bg: var(--general-color-background-brand-1);
  --component-site-header-color-main-bar-desktop-bottom-border: var(--general-color-border-brand-1);
  --component-site-header-color-main-bar-desktop-icons: var(--general-color-fill-white);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-enabled: var(--general-color-fill-white);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-desktop-link-link-enabled: var(--general-color-text-white);
  --component-site-header-color-main-bar-desktop-link-link-hover: var(--general-color-text-brand-1);
  --component-site-header-color-main-bar-desktop-link-link-underline: var(--general-color-border-brand-1);
  --component-site-header-color-main-bar-desktop-logo: var(--general-color-fill-brand-1);
  --component-site-header-color-main-bar-mobile-bg: var(--general-color-background-white);
  --component-site-header-color-main-bar-mobile-bottom-border: var(--general-color-border-mid);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-desktop-link-link-enabled);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-mobile-link-link-enabled: var(--general-color-text-white);
  --component-site-header-color-main-bar-mobile-link-link-hover: var(--general-color-text-brand-1);
  --component-site-header-color-main-bar-mobile-link-link-underline: var(--general-color-border-brand-1);
  --component-site-header-color-mega-menu-menu-bg: var(--general-color-background-white);
  --component-site-header-color-mega-menu-menu-bottom-border: var(--general-color-border-darkest);
  --component-site-header-color-mega-menu-menu-item-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-hover-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-left-border-items: var(--general-color-border-brand-1);
  --component-site-header-color-mega-menu-menu-paragraph-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-side-bar-bg: var(--general-color-background-light);
  --component-site-header-color-mega-menu-menu-side-bar-title: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-active-icon: var(--general-color-fill-white);
  --component-site-header-color-mega-menu-menu-title-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-enabled-icon: var(--general-color-fill-brand-1);
  --component-site-header-color-mega-menu-menu-title-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-hover-bg: var(--component-site-header-color-mega-menu-menu-bg);
  --component-site-header-color-mega-menu-menu-title-hover-icon: var(--general-color-fill-darkest);
  --component-site-header-color-mega-menu-menu-title-hover-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-pressed-icon: var(--general-color-fill-darkest);
  --component-site-header-color-mega-menu-menu-title-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-enabled-bg: var(--general-color-fill-white);
  --component-site-header-color-search-tag-enabled-border: var(--general-color-border-darkest);
  --component-site-header-color-search-tag-enabled-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-search-tag-enabled-link: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-hover-bg: var(--general-color-fill-light);
  --component-site-header-color-search-tag-hover-border: var(--general-color-border-darkest);
  --component-site-header-color-search-tag-hover-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-search-tag-hover-link: var(--general-color-text-darkest);
  --component-site-header-color-secondary-bar-bg: var(--general-color-background-brand-1);
  --component-site-header-color-secondary-bar-on-bar-enabled-bg: #ffffff00;
  --component-site-header-color-secondary-bar-on-bar-enabled-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-bar-enabled-link);
  --component-site-header-color-secondary-bar-on-bar-hover-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-hover-link-icons: var(--component-site-header-color-secondary-bar-on-bar-hover-link);
  --component-site-header-color-secondary-bar-on-bar-pressed-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-bar-pressed-link);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link: var(--component-site-header-color-mega-menu-menu-item-enabled-text);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-enabled-link);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link: var(--component-site-header-color-mega-menu-menu-item-hover-text);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-hover-link);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link: var(--component-site-header-color-mega-menu-menu-item-pressed-text);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-pressed-link);
  --component-site-header-color-utility-bar-bg: var(--general-color-background-brand-1);
  --component-site-header-color-utility-bar-bottom-border: var(--general-color-border-brand-1);
  --component-site-header-color-utility-bar-button-color-1: brand;
  --component-site-header-color-utility-bar-button-color-2: inverse;
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-enabled: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-enabled: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-underline: var(--general-color-text-white);
  --component-site-header-color-utility-bar-favorites-button-bg: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-bg-hover: var(--general-color-fill-darkest);
  --component-site-header-color-utility-bar-favorites-button-bg-pressed: var(--general-color-fill-darkest);
  --component-site-header-color-utility-bar-favorites-button-border: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-border-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-focus: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-heart-fill: var(--color-brand-general-mills-generalMills-red);
  --component-site-header-color-utility-bar-favorites-button-heart-fill-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-text: var(--general-color-text-darkest);
  --component-site-header-color-utility-bar-favorites-button-text-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-icon: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-logo: var(--general-color-fill-brand-1);
  --component-site-header-main-bar-bottom-border: var(--spacing-spacing-0);
  --component-site-header-main-bar-gap-links: var(--space-between-medium);
  --component-site-header-main-bar-link-bottom-underline-border: 2px;
  --component-site-header-main-bar-logo-height-large: 96px;
  --component-site-header-main-bar-logo-height-small: 48px;
  --component-site-header-main-bar-logo-margin-right: var(--margin-xsmall);
  --component-site-header-main-bar-logo-width-large: 107px;
  --component-site-header-main-bar-logo-width-small: 48px;
  --component-site-header-main-bar-main-bar-inset: var(--padding-none);
  --component-site-header-main-bar-radius: var(--general-radius-none);
  --component-site-header-mega-menu-menu-item-min-width-: 120px;
  --component-site-header-mega-menu-menu-item-radius: var(--radius-radius-0);
  --component-site-header-padding-x: var(--padding-xsmall);
  --component-site-header-padding-y: var(--padding-xxsmall);
  --component-site-header-site-header-simple-search-bar-max-width-desktop: 400px;
  --component-site-header-utility-bar-margin-bottom: var(--spacing-spacing-0);
  --component-skip-to-content-theme-border-size: var(--spacing-spacing-2);
  --component-skip-to-content-theme-primary-bg: var(--general-color-fill-brand-1);
  --component-skip-to-content-theme-primary-border: var(--general-color-border-white);
  --component-skip-to-content-theme-primary-link-underline: var(--component-skip-to-content-theme-primary-text);
  --component-skip-to-content-theme-primary-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-skip-to-content-theme-secondary-bg: var(--theme-secondary-bg-bg);
  --component-skip-to-content-theme-secondary-border: var(--component-skip-to-content-theme-primary-bg);
  --component-skip-to-content-theme-secondary-link-underline: var(--theme-secondary-bg-text-link-underline);
  --component-skip-to-content-theme-secondary-text: var(--theme-secondary-bg-text-link-underline);
  --component-social-bar-color-bg: var(--general-color-background-white);
  --component-social-bar-color-focus: var(--general-color-background-white);
  --component-social-bar-margin-x: var(--spacing-general-margin-x);
  --component-social-bar-margin-y: var(--spacing-general-margin-y);
  --component-static-icon-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-color-on-surface-image-border: var(--color-grayscale-black);
  --component-static-icon-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-static-icon-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-static-icon-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-static-icon-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-static-icon-base-column-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-focus: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-hover: var(--spacing-spacing-4);
  --component-static-icon-base-column-label-margin: var(--spacing-spacing-0);
  --component-static-icon-base-column-min-height: 280px;
  --component-static-icon-base-column-padding-x: var(--padding-none);
  --component-static-icon-base-column-padding-y: var(--padding-none);
  --component-static-icon-base-column-width-column-width-large: 550px;
  --component-static-icon-base-column-width-column-width-medium: 480px;
  --component-static-icon-base-column-width-column-width-small: 320px;
  --component-static-icon-base-copy-padding-x: var(--padding-xsmall);
  --component-static-icon-base-copy-padding-y: var(--padding-xsmall);
  --component-static-icon-base-icon-icon-height-large: 300px;
  --component-static-icon-base-icon-icon-height-medium: 200px;
  --component-static-icon-base-icon-icon-height-small: 120px;
  --component-static-icon-base-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-image-border: var(--color-grayscale-black);
  --component-static-icon-base-image-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-image-icon-image-ratio: "1:1";
  --component-static-icon-base-image-image-ratio: "3:2";
  --component-static-icon-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-static-icon-base-image-padding-x: var(--padding-none);
  --component-static-icon-base-image-radius: var(--general-radius-image);
  --component-table-color-table-row-bg-alt: var(--general-color-background-light);
  --component-table-color-table-row-bg-header: var(--color-primary-color-1-100);
  --component-tabs-color-tab-border-active-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-focus-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-hover-border: var(--theme-brand-action-hover);
  --component-tabs-color-tab-border-inactive-border: var(--general-color-border-mid);
  --component-tabs-color-tab-border-pressed-border: var(--theme-brand-action-hover);
  --component-tag-interactive-border: var(--spacing-spacing-2);
  --component-tag-interactive-color-brand-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-cta-link-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-cta-link-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-tag-interactive-color-brand-cta-link-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-cta-link-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-tag-interactive-color-brand-cta-link-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-tag-interactive-color-brand-cta-link-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-tag-interactive-color-brand-cta-link-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-tag-interactive-color-brand-cta-link-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-interactive-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-interactive-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-tag-interactive-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-tag-interactive-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-fill-hover-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-tag-interactive-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-tag-interactive-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-tag-interactive-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-kitchen-tested-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-kitchen-tested-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-kitchen-tested-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-kitchen-tested-hover-border: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-kitchen-tested-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-outline-hover-border: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-inverse-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-cta-link-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-tag-interactive-color-inverse-cta-link-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-cta-link-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-tag-interactive-color-inverse-cta-link-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-tag-interactive-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-tag-interactive-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-brand-action-hover);
  --component-tag-interactive-color-inverse-fill-hover-border: var(--component-cta-color-inverse-fill-hover-bg);
  --component-tag-interactive-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-tag-interactive-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-tag-interactive-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-tag-interactive-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-inverse-outline-enabled-border: var(--interactiveTheme-button-brand-action-alternate);
  --component-tag-interactive-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-tag-interactive-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-tag-interactive-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-tag-interactive-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-inverse-outline-hover-border: var(--component-cta-color-inverse-outline-hover-bg);
  --component-tag-interactive-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-color-inverse-outline-hover-text: var(--theme-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-tag-interactive-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-tag-interactive-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-tag-interactive-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-radius-bottom-left: var(--general-radius-tag);
  --component-tag-interactive-radius-bottom-right: var(--general-radius-tag);
  --component-tag-interactive-radius-top-left: var(--general-radius-tag);
  --component-tag-interactive-radius-top-right: var(--general-radius-tag);
  --component-tag-static-border-width: 2px;
  --component-tag-static-color-fill-A-bg: var(--general-color-fill-brand-1);
  --component-tag-static-color-fill-A-border: var(--component-tag-static-color-fill-A-bg);
  --component-tag-static-color-fill-A-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-A-text: var(--general-color-text-white);
  --component-tag-static-color-fill-B-bg: var(--general-color-fill-brand-2);
  --component-tag-static-color-fill-B-border: var(--component-tag-static-color-fill-B-bg);
  --component-tag-static-color-fill-B-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-B-text: var(--general-color-text-white);
  --component-tag-static-color-fill-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-static-color-fill-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-static-color-fill-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-color-outline-A-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-A-border: var(--general-color-border-brand-1);
  --component-tag-static-color-outline-A-icon: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-A-text: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-B-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-B-border: var(--general-color-border-brand-2);
  --component-tag-static-color-outline-B-icon: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-B-text: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-bg: #682dff00;
  --component-tag-static-color-outline-border: var(--theme-brand-action);
  --component-tag-static-color-outline-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-outline-text: var(--interactiveTheme-button-brand-action);
  --component-tag-static-color-text-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-text-text: var(--interactiveTheme-button-brand-action);
  --component-tag-static-inset: var(--padding-none);
  --component-tag-static-radius-bottom-left: var(--general-radius-tag);
  --component-tag-static-radius-bottom-right: var(--general-radius-tag);
  --component-tag-static-radius-top-left: var(--general-radius-tag);
  --component-tag-static-radius-top-right: var(--general-radius-tag);
  --component-vertical-video-asset-default-height: 120px;
  --component-vertical-video-asset-default-width: 120px;
  --component-vertical-video-asset-hover-height: 112px;
  --component-vertical-video-asset-hover-width: 112px;
  --component-vertical-video-border-width: 0px;
  --component-vertical-video-color-bg: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-border-focus: var(--component-category-color-category-enabled);
  --component-vertical-video-color-category-enabled: var(--component-content-grid-color-body);
  --component-vertical-video-color-category-hover: var(--component-content-grid-color-body);
  --component-vertical-video-color-fill: var(--componentTheme-content-grid-fill);
  --component-vertical-video-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-surface: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-title: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-gutter: var(--layout-base-gutter);
  --component-vertical-video-padding-x: var(--layout-base-margin-y);
  --component-vertical-video-padding-y: var(--layout-base-margin-y);
  --component-video-margin-x: var(--spacing-general-margin-x);
  --component-video-margin-y: var(--spacing-general-margin-y);
  --component-video-standalone-video-max-width-desktop: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-mobile: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-tablet: var(--typography-copy-max-width);
  --general-color-background-brand-1: var(--color-primary-color-1-500);
  --general-color-background-brand-2: var(--color-primary-color-2-500);
  --general-color-background-brand-3: var(--color-secondary-color-3-500);
  --general-color-background-brand-4: var(--color-secondary-color-4-500);
  --general-color-background-dark: var(--color-grayscale-700);
  --general-color-background-darkest: var(--color-grayscale-black);
  --general-color-background-light: var(--color-grayscale-100);
  --general-color-background-white: var(--color-grayscale-white);
  --general-color-border-brand-1: var(--color-primary-color-1-500);
  --general-color-border-brand-2: var(--color-primary-color-2-500);
  --general-color-border-brand-3: var(--color-secondary-color-3-500);
  --general-color-border-dark: var(--color-grayscale-700);
  --general-color-border-darkest: var(--color-grayscale-black);
  --general-color-border-light: var(--color-grayscale-300);
  --general-color-border-mid: var(--color-grayscale-400);
  --general-color-border-white: var(--color-grayscale-white);
  --general-color-fill-brand-1: var(--color-primary-color-1-500);
  --general-color-fill-brand-2: var(--color-primary-color-2-500);
  --general-color-fill-brand-3: var(--color-secondary-color-3-500);
  --general-color-fill-dark: var(--color-grayscale-700);
  --general-color-fill-darkest: var(--color-grayscale-900);
  --general-color-fill-light: var(--color-grayscale-100);
  --general-color-fill-mid: var(--color-grayscale-400);
  --general-color-fill-white: var(--color-grayscale-white);
  --general-color-surface-brand-1: var(--color-primary-color-1-500);
  --general-color-surface-brand-2: var(--color-primary-color-2-500);
  --general-color-surface-brand-3: var(--color-secondary-color-3-500);
  --general-color-surface-dark: var(--color-grayscale-800);
  --general-color-surface-darkest: var(--color-grayscale-black);
  --general-color-surface-light: var(--color-grayscale-200);
  --general-color-surface-white: var(--color-grayscale-white);
  --general-color-text-brand-1: var(--color-primary-color-1-500);
  --general-color-text-brand-2: var(--color-primary-color-2-500);
  --general-color-text-brand-3: var(--color-secondary-color-3-500);
  --general-color-text-dark: var(--color-grayscale-800);
  --general-color-text-darkest: var(--color-grayscale-black);
  --general-color-text-light: var(--color-primary-color-1-100);
  --general-color-text-mid: var(--color-grayscale-500);
  --general-color-text-white: var(--color-grayscale-white);
  --general-drop-shadow-blur: 0px;
  --general-drop-shadow-color: #000000cc;
  --general-drop-shadow-sub-menu-blur: 12px;
  --general-drop-shadow-sub-menu-color: #00000014;
  --general-drop-shadow-sub-menu-y-value: 2px;
  --general-radius-accordion: var(--radius-radius-0);
  --general-radius-base: var(--radius-radius-0);
  --general-radius-card: var(--general-radius-base);
  --general-radius-card-focus: var(--general-radius-base);
  --general-radius-container: var(--general-radius-base);
  --general-radius-container-l2: var(--radius-radius-0);
  --general-radius-dialog: var(--radius-radius-0);
  --general-radius-focus: var(--radius-radius-0);
  --general-radius-image: var(--general-radius-base);
  --general-radius-label: var(--radius-radius-0);
  --general-radius-modal: var(--radius-radius-0);
  --general-radius-none: var(--radius-radius-0);
  --general-radius-tag: var(--radius-radius-0);
  --spacing-columns-desktop-full-max-width: var(--global-columns-base-desktop-full-max-width);
  --spacing-columns-desktop-full-min-width: var(--global-columns-base-desktop-full-min-width);
  --spacing-columns-desktop-half-max-width: var(--global-columns-base-desktop-half-max-width);
  --spacing-columns-desktop-half-min-width: var(--global-columns-base-desktop-half-min-width);
  --spacing-columns-desktop-one-fourth-max-width: var(--global-columns-base-desktop-oneFourth-max-width);
  --spacing-columns-desktop-one-fourth-min-width: var(--global-columns-base-desktop-oneFourth-min-width);
  --spacing-columns-desktop-one-third-max-width: var(--global-columns-base-desktop-oneThird-max-width);
  --spacing-columns-desktop-one-third-min-width: var(--global-columns-base-desktop-oneThird-min-width);
  --spacing-columns-desktop-three-fourth-max-width: var(--global-columns-base-desktop-three-fourth-max-width);
  --spacing-columns-desktop-three-fourth-min-width: var(--global-columns-base-desktop-three-fourth-min-width);
  --spacing-columns-mobile-full-max-width: var(--global-columns-base-mobile-full-max-width);
  --spacing-columns-mobile-full-min-width: var(--global-columns-base-mobile-full-min-width);
  --spacing-columns-mobile-half-max-width: var(--global-columns-base-mobile-half-max-width);
  --spacing-columns-mobile-half-min-width: var(--global-columns-base-mobile-half-min-width);
  --spacing-columns-mobile-one-fourth-max-width: var(--global-columns-base-mobile-oneFourth-max-width);
  --spacing-columns-mobile-one-third-max-width: var(--global-columns-base-mobile-oneThird-max-width);
  --spacing-columns-mobile-one-third-min-width: var(--global-columns-base-mobile-oneThird-min-width);
  --spacing-columns-mobile-oneFourth-min-width: var(--global-columns-base-mobile-oneFourth-min-width);
  --spacing-columns-mobile-three-fourth-max-width: var(--global-columns-base-mobile-three-fourth-max-width);
  --spacing-columns-mobile-three-fourth-min-width: var(--global-columns-base-mobile-three-fourth-min-width);
  --spacing-columns-tablet-full-max-width: var(--global-columns-base-tablet-full-max-width);
  --spacing-columns-tablet-full-min-width: var(--global-columns-base-tablet-full-min-width);
  --spacing-columns-tablet-half-max-width: var(--global-columns-base-tablet-half-max-width);
  --spacing-columns-tablet-half-min-width: var(--global-columns-base-tablet-half-min-width);
  --spacing-columns-tablet-one-fourth-max-width: var(--global-columns-base-tablet-oneFourth-max-width);
  --spacing-columns-tablet-one-fourth-min-width: var(--global-columns-base-tablet-oneFourth-min-width);
  --spacing-columns-tablet-one-third-max-width: var(--global-columns-base-tablet-oneThird-max-width);
  --spacing-columns-tablet-one-third-min-width: var(--global-columns-base-tablet-oneThird-min-width);
  --spacing-columns-tablet-three-fourth-max-width: var(--global-columns-base-tablet-three-fourth-max-width);
  --spacing-columns-tablet-three-fourth-min-width: var(--global-columns-base-tablet-three-fourth-min-width);
  --spacing-general-buttons-space-between: var(--space-between-small);
  --spacing-general-container-padding-x: var(--layout-full-margin-y);
  --spacing-general-container-padding-y: var(--layout-full-margin-y);
  --spacing-general-copy-margin-bottom: var(--margin-none);
  --spacing-general-cta-margin-top: var(--margin-medium);
  --spacing-general-eyebrow-margin-bottom: var(--margin-xsmall);
  --spacing-general-favicon-dimensions: var(--spacing-spacing-32);
  --spacing-general-gutter: var(--layout-base-gutter);
  --spacing-general-icon-margin-bottom: var(--margin-xsmall);
  --spacing-general-image-padding: var(--padding-none);
  --spacing-general-margin-related-y: var(--spacing-spacing-16);
  --spacing-general-margin-x: var(--layout-base-margin-x);
  --spacing-general-margin-y: var(--layout-base-margin-y);
  --spacing-general-subtitle-margin-top: var(--margin-xsmall);
  --spacing-general-title-margin-bottom: var(--margin-xsmall);
  --spacing-general-top-title-margin-bottom: var(--margin-small);
  --theme-aux-1-bg-bg: var(--general-color-background-brand-1);
  --theme-aux-1-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-1-bg-cta-1-color: inverse;
  --theme-aux-1-bg-cta-2-color: inverse;
  --theme-aux-1-bg-icon: var(--general-color-fill-white);
  --theme-aux-1-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-bg-text-primary: var(--general-color-text-white);
  --theme-aux-1-bg-text-secondary: var(--general-color-text-white);
  --theme-aux-1-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-1-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-1-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-1-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-1-interactive-button-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-aux-1-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-1-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-1-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-aux-1-interactive-surface-hover: var(--general-color-background-light);
  --theme-aux-1-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-1-surface-border: var(--general-color-border-darkest);
  --theme-aux-1-surface-border-focus: var(--general-color-border-brand-1);
  --theme-aux-1-surface-border-hover: var(--general-color-border-darkest);
  --theme-aux-1-surface-cta-1-color: brand;
  --theme-aux-1-surface-cta-2-color: brand;
  --theme-aux-1-surface-icon: var(--general-color-fill-brand-1);
  --theme-aux-1-surface-match-bg-border: var(--general-color-border-darkest);
  --theme-aux-1-surface-match-bg-cta-1-color: inverse;
  --theme-aux-1-surface-match-bg-cta-2-color: inverse;
  --theme-aux-1-surface-match-bg-icon: var(--general-color-fill-white);
  --theme-aux-1-surface-match-bg-surface: var(--theme-aux-1-bg-bg);
  --theme-aux-1-surface-match-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-1-surface-match-bg-text-primary: var(--general-color-text-white);
  --theme-aux-1-surface-match-bg-text-secondary: var(--general-color-text-light);
  --theme-aux-1-surface-surface: var(--general-color-background-white);
  --theme-aux-1-surface-text-hover: var(--theme-brand-action);
  --theme-aux-1-surface-text-link: var(--theme-brand-action);
  --theme-aux-1-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-1-surface-text-primary: var(--general-color-text-darkest);
  --theme-aux-1-surface-text-secondary: var(--general-color-text-dark);
  --theme-aux-2-bg-bg: var(--color-primary-color-1-100);
  --theme-aux-2-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-2-bg-border: var(--general-color-border-darkest);
  --theme-aux-2-bg-cta-1-color: brand;
  --theme-aux-2-bg-cta-2-color: brand;
  --theme-aux-2-bg-icon: var(--general-color-fill-brand-1);
  --theme-aux-2-bg-text-hover: var(--theme-brand-action);
  --theme-aux-2-bg-text-link: var(--theme-brand-action);
  --theme-aux-2-bg-text-link-underline: var(--theme-link-underline);
  --theme-aux-2-bg-text-primary: var(--general-color-text-darkest);
  --theme-aux-2-bg-text-secondary: var(--general-color-text-darkest);
  --theme-aux-2-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-2-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-2-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-2-interactive-button-link-underline: var(--theme-link-underline);
  --theme-aux-2-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-aux-2-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-aux-2-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-2-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-2-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-aux-2-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-2-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-2-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-aux-2-interactive-surface-hover: var(--general-color-background-light);
  --theme-aux-2-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-2-surface-border: var(--general-color-border-darkest);
  --theme-aux-2-surface-border-focus: var(--general-color-border-darkest);
  --theme-aux-2-surface-border-hover: var(--general-color-border-darkest);
  --theme-aux-2-surface-cta-1-color: inverse;
  --theme-aux-2-surface-cta-2-color: inverse;
  --theme-aux-2-surface-icon: var(--general-color-fill-brand-2);
  --theme-aux-2-surface-match-bg-border: var(--general-color-border-darkest);
  --theme-aux-2-surface-match-bg-cta-1-color: brand;
  --theme-aux-2-surface-match-bg-cta-2-color: brand;
  --theme-aux-2-surface-match-bg-fill: var(--general-color-fill-brand-1);
  --theme-aux-2-surface-match-bg-surface: var(--theme-aux-2-bg-bg);
  --theme-aux-2-surface-match-bg-text-hover: var(--theme-brand-action);
  --theme-aux-2-surface-match-bg-text-primary: var(--general-color-text-darkest);
  --theme-aux-2-surface-match-bg-text-secondary: var(--general-color-text-dark);
  --theme-aux-2-surface-surface: var(--general-color-surface-white);
  --theme-aux-2-surface-text-hover: var(--theme-brand-action);
  --theme-aux-2-surface-text-link: var(--theme-brand-action);
  --theme-aux-2-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-2-surface-text-primary: var(--general-color-text-darkest);
  --theme-aux-2-surface-text-secondary: var(--general-color-text-dark);
  --theme-brand-action: var(--general-color-fill-brand-1);
  --theme-brand-action-alternate: var(--color-primary-color-1-100);
  --theme-brand-action-alternate-inverse: var(--color-primary-color-1-900);
  --theme-brand-action-hover: var(--color-primary-color-1-900);
  --theme-brand-action-hover-inverse: var(--color-primary-color-1-100);
  --theme-brand-action-inverse: var(--general-color-fill-white);
  --theme-link-underline: var(--theme-brand-action);
  --theme-link-underline-inverse: var(--theme-brand-action-inverse);
  --theme-primary-bg-bg: var(--general-color-background-white);
  --theme-primary-bg-bg-decor-accent: var(--general-color-background-brand-2);
  --theme-primary-bg-border: var(--general-color-border-light);
  --theme-primary-bg-cta-1-color: brand;
  --theme-primary-bg-cta-2-color: brand;
  --theme-primary-bg-icon: var(--general-color-fill-brand-1);
  --theme-primary-bg-text-hover: var(--theme-brand-action-hover);
  --theme-primary-bg-text-link: var(--theme-brand-action);
  --theme-primary-bg-text-link-underline: var(--theme-link-underline);
  --theme-primary-bg-text-primary: var(--general-color-text-darkest);
  --theme-primary-bg-text-secondary: var(--general-color-text-dark);
  --theme-primary-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-primary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-primary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-primary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-primary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-primary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-primary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-primary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-primary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-primary-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-primary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-primary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-surface-focus: var(--theme-primary-surface-surface);
  --theme-primary-interactive-surface-hover: var(--general-color-background-light);
  --theme-primary-interactive-surface-pressed: var(--theme-primary-interactive-surface-hover);
  --theme-primary-surface-border: var(--general-color-border-darkest);
  --theme-primary-surface-border-focus: var(--general-color-border-brand-1);
  --theme-primary-surface-border-hover: var(--general-color-border-light);
  --theme-primary-surface-cta-1-color: brand;
  --theme-primary-surface-cta-2-color: brand;
  --theme-primary-surface-icon: var(--general-color-fill-brand-1);
  --theme-primary-surface-match-bg-border: var(--general-color-border-darkest);
  --theme-primary-surface-match-bg-cta-1-color: brand;
  --theme-primary-surface-match-bg-cta-2-color: brand;
  --theme-primary-surface-match-bg-fill: var(--general-color-fill-darkest);
  --theme-primary-surface-match-bg-surface: var(--theme-primary-bg-bg);
  --theme-primary-surface-match-bg-text-hover: var(--theme-brand-action);
  --theme-primary-surface-match-bg-text-primary: var(--general-color-text-darkest);
  --theme-primary-surface-match-bg-text-secondary: var(--general-color-text-dark);
  --theme-primary-surface-surface: var(--general-color-surface-white);
  --theme-primary-surface-text-hover: var(--theme-brand-action);
  --theme-primary-surface-text-link: var(--theme-brand-action);
  --theme-primary-surface-text-link-underline: var(--theme-link-underline);
  --theme-primary-surface-text-primary: var(--general-color-text-darkest);
  --theme-primary-surface-text-secondary: var(--general-color-text-dark);
  --theme-secondary-bg-bg: var(--color-primary-color-2-300);
  --theme-secondary-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-secondary-bg-border: var(--general-color-border-white);
  --theme-secondary-bg-cta-1-color: brand;
  --theme-secondary-bg-cta-2-color: brand;
  --theme-secondary-bg-icon: var(--general-color-fill-brand-1);
  --theme-secondary-bg-text-hover: var(--theme-brand-action-hover);
  --theme-secondary-bg-text-link: var(--theme-brand-action);
  --theme-secondary-bg-text-link-underline: var(--theme-link-underline);
  --theme-secondary-bg-text-primary: var(--general-color-text-brand-1);
  --theme-secondary-bg-text-secondary: var(--general-color-text-darkest);
  --theme-secondary-interactive-action-bar-button-border: var(--component-cta-color-brand-fill-enabled-border);
  --theme-secondary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-secondary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-secondary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-secondary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-secondary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-secondary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-secondary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-secondary-interactive-surface-hover: var(--general-color-background-white);
  --theme-secondary-interactive-surface-pressed: var(--theme-secondary-interactive-surface-hover);
  --theme-secondary-surface-border: var(--general-color-border-darkest);
  --theme-secondary-surface-border-focus: var(--general-color-border-brand-1);
  --theme-secondary-surface-border-hover: var(--general-color-border-darkest);
  --theme-secondary-surface-cta-1-color: brand;
  --theme-secondary-surface-cta-2-color: brand;
  --theme-secondary-surface-icon: var(--general-color-fill-brand-1);
  --theme-secondary-surface-match-bg-border: var(--general-color-border-darkest);
  --theme-secondary-surface-match-bg-cta-1-color: brand;
  --theme-secondary-surface-match-bg-cta-2-color: brand;
  --theme-secondary-surface-match-bg-fill: var(--general-color-fill-brand-1);
  --theme-secondary-surface-match-bg-surface: var(--theme-secondary-bg-bg);
  --theme-secondary-surface-match-bg-text-hover: var(--theme-brand-action);
  --theme-secondary-surface-match-bg-text-primary: var(--general-color-text-darkest);
  --theme-secondary-surface-match-bg-text-secondary: var(--general-color-text-dark);
  --theme-secondary-surface-surface: var(--general-color-background-white);
  --theme-secondary-surface-text-hover: var(--theme-brand-action);
  --theme-secondary-surface-text-link: var(--theme-brand-action);
  --theme-secondary-surface-text-link-underline: var(--theme-link-underline);
  --theme-secondary-surface-text-primary: var(--general-color-text-darkest);
  --theme-secondary-surface-text-secondary: var(--general-color-text-darkest);
  --typography-font-family-accent-header: var(--typography-font-family-yellowtail);
  --typography-font-family-body: var(--typography-font-family-noto-sans);
  --typography-font-family-header: var(--typography-font-family-boogaloo);
  --typography-font-size-desktop-accent-header-display: var(--typography-font-size-font-size-80);
  --typography-font-size-desktop-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-accent-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-accent-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-accent-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-desktop-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-desktop-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-desktop-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-display: var(--typography-font-size-font-size-72);
  --typography-font-size-mobile-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-accent-header-large: var(--typography-font-size-font-size-40);
  --typography-font-size-mobile-accent-header-medium: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-accent-header-small: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-accent-header-xlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-mobile-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-accent-header-xxlarge: var(--typography-font-size-font-size-56);
  --typography-font-size-mobile-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-mobile-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-mobile-header-display: var(--typography-font-size-font-size-48);
  --typography-font-size-mobile-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-mobile-header-xlarge: var(--typography-font-size-font-size-36);
  --typography-font-size-mobile-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-mobile-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-accent-header-display: var(--typography-font-size-font-size-104);
  --typography-font-size-tablet-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-accent-header-large: var(--typography-font-size-font-size-48);
  --typography-font-size-tablet-accent-header-medium: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-accent-header-small: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-accent-header-xlarge: var(--typography-font-size-font-size-56);
  --typography-font-size-tablet-accent-header-xsmall: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-accent-header-xxlarge: var(--typography-font-size-font-size-64);
  --typography-font-size-tablet-accent-header-xxsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-tablet-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-tablet-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-tablet-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-header-medium: var(--typography-font-size-font-size-28);
  --typography-font-size-tablet-header-small: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-header-xsmall: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-tablet-header-xxsmall: var(--typography-font-size-font-size-18);
  --typography-font-weight-body: 400;
  --typography-font-weight-body-bold: 700;
  --typography-font-weight-button: 700;
  --typography-font-weight-display: 400;
  --typography-font-weight-large: 400;
  --typography-font-weight-medium: 400;
  --typography-font-weight-small: 400;
  --typography-font-weight-xlarge: 400;
  --typography-font-weight-xsmall: 400;
  --typography-font-weight-xxlarge: 400;
  --typography-font-weight-xxsmall: 400;
}

.BrandsNatureValley {
  --color-grayscale-100: var(--color-grayscale-warmGray-100);
  --color-grayscale-200: var(--color-grayscale-warmGray-200);
  --color-grayscale-300: var(--color-grayscale-warmGray-300);
  --color-grayscale-400: var(--color-grayscale-warmGray-400);
  --color-grayscale-500: var(--color-grayscale-warmGray-500);
  --color-grayscale-600: var(--color-grayscale-warmGray-600);
  --color-grayscale-700: var(--color-grayscale-warmGray-700);
  --color-grayscale-800: var(--color-grayscale-warmGray-800);
  --color-grayscale-900: var(--color-grayscale-warmGray-900);
  --color-grayscale-black: #000000;
  --color-primary-color-1-100: #d4ffe7;
  --color-primary-color-1-300: #6dffab;
  --color-primary-color-1-500: #056730;
  --color-primary-color-1-700: #4c17d4;
  --color-primary-color-1-900: #003816;
  --color-primary-color-1-accessible: var(--color-primary-color-1-500);
  --color-primary-color-2-100: #fcffc1;
  --color-primary-color-2-300: #fff941;
  --color-primary-color-2-500: #ffdd00;
  --color-primary-color-2-700: #a67502;
  --color-primary-color-2-900: #744a0f;
  --color-primary-color-2-accessible: var(--color-primary-color-2-500);
  --color-secondary-color-3-100: #fcf8e4;
  --color-secondary-color-3-500: #82c357;
  --color-secondary-color-3-900: #325222;
  --color-secondary-color-4-100: #fcf8e4;
  --color-secondary-color-4-500: #d9dc00;
  --color-secondary-color-4-900: #736010;
  --color-secondary-color-5-100: #faeacb;
  --color-secondary-color-5-500: #e99e2d;
  --color-secondary-color-5-900: #702c17;
  --color-secondary-color-6-100: #f8e7dc;
  --color-secondary-color-6-500: #d45e39;
  --color-secondary-color-6-900: #6b2923;
  --color-secondary-color-7-100: #fff0e6;
  --color-secondary-color-7-500: #fa6400;
  --color-secondary-color-7-900: #943b00;
  --color-tertiary-color-swatch-500: var(--color-brand-general-mills-generalMills-red);
  --component-accordion-color-default-body: var(--general-color-text-dark);
  --component-accordion-color-default-border: var(--general-color-border-brand-1);
  --component-accordion-color-default-icons: var(--general-color-fill-brand-1);
  --component-accordion-color-default-surface: var(--general-color-surface-white);
  --component-accordion-color-default-title: var(--general-color-text-brand-1);
  --component-accordion-color-hover-body: var(--general-color-text-dark);
  --component-accordion-color-hover-border: var(--general-color-background-darkest);
  --component-accordion-color-hover-icons: var(--general-color-fill-brand-1);
  --component-accordion-color-hover-surface: var(--general-color-surface-light);
  --component-accordion-color-hover-title: var(--general-color-text-brand-1);
  --component-accordion-item-border-bottom: 2px;
  --component-accordion-item-border-left: 2px;
  --component-accordion-item-border-right: 2px;
  --component-accordion-item-border-top: 2px;
  --component-accordion-padding-x: var(--padding-medium);
  --component-accordion-padding-y: var(--padding-medium);
  --component-action-bar-border: var(--spacing-spacing-1);
  --component-action-bar-color-border: var(--general-color-border-darkest);
  --component-action-bar-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-enabled-border: var(--general-color-text-brand-1);
  --component-action-bar-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-action-bar-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-focus-focus-border: var(--theme-brand-action);
  --component-action-bar-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-action-bar-color-button-hover-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-action-bar-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-action-bar-color-surface: var(--general-color-surface-white);
  --component-action-bar-color-toggle-active-bg: var(--general-color-fill-brand-1);
  --component-action-bar-color-toggle-active-switch-circle: var(--general-color-fill-white);
  --component-action-bar-color-toggle-inactive-bg: var(--general-color-fill-mid);
  --component-action-bar-color-toggle-inactive-switch-circle: var(--general-color-fill-white);
  --component-action-bar-gap-horizontal: var(--spacing-spacing-16);
  --component-action-bar-gap-vertical: var(--spacing-spacing-12);
  --component-action-bar-radius: var(--spacing-spacing-12);
  --component-action-bar-share-menu-bg-default: var(--general-color-background-white);
  --component-action-bar-share-menu-bg-hover: var(--color-grayscale-100);
  --component-action-bar-share-menu-blur: 12px;
  --component-action-bar-share-menu-color: #00000014;
  --component-action-bar-share-menu-focus-border: var(--theme-brand-action);
  --component-action-bar-share-menu-max-width: 350px;
  --component-action-bar-share-menu-min-height: 48px;
  --component-action-bar-share-menu-min-width: 200px;
  --component-action-bar-share-menu-text: var(--general-color-text-darkest);
  --component-action-bar-share-menu-y-value: 2px;
  --component-action-bar-width-desktop: 88px;
  --component-action-bar-width-mobile: 64px;
  --component-action-bar-width-tablet: 64px;
  --component-alert-banner-bg: var(--general-color-background-brand-1);
  --component-alert-banner-body: var(--general-color-text-white);
  --component-alert-banner-button-color-1: inverse;
  --component-alert-banner-button-color-2: inverse;
  --component-alert-banner-close: var(--general-color-fill-white);
  --component-alert-banner-icon: var(--general-color-fill-white);
  --component-alert-banner-title: var(--general-color-text-white);
  --component-breadcrumb-color-bg: var(--theme-primary-bg-bg);
  --component-breadcrumb-color-item-enabled-icon: var(--general-color-fill-mid);
  --component-breadcrumb-color-item-enabled-text: var(--general-color-text-mid);
  --component-breadcrumb-color-item-focus-icon: var(--component-breadcrumb-color-item-hover-icon);
  --component-breadcrumb-color-item-focus-text: var(--component-breadcrumb-color-item-hover-text);
  --component-breadcrumb-color-item-hover-icon: var(--theme-brand-action);
  --component-breadcrumb-color-item-hover-text: var(--theme-brand-action);
  --component-breadcrumb-color-item-pressed-icon: var(--component-breadcrumb-color-item-hover-icon);
  --component-breadcrumb-color-item-pressed-text: var(--component-breadcrumb-color-item-hover-text);
  --component-breadcrumb-color-tip-active-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-bg: var(--color-grayscale-black);
  --component-breadcrumb-color-tip-enabled-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-hover-link: var(--general-color-text-white);
  --component-button-tag-color-disabled-bg: #682dff33;
  --component-button-tag-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-button-tag-color-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-focus-bg: var(--component-button-tag-color-enabled-bg);
  --component-button-tag-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-button-tag-color-focus-text: var(--component-button-tag-color-enabled-text);
  --component-button-tag-color-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-border: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-button-tag-color-link-underline: var(--general-color-fill-brand-1);
  --component-button-tag-color-pressed-bg: var(--component-button-tag-color-hover-bg);
  --component-button-tag-color-pressed-border: var(--component-button-tag-color-hover-border);
  --component-button-tag-color-pressed-text: var(--component-button-tag-color-hover-text);
  --component-button-tag-radius: var(--radius-radius-rounded);
  --component-button-tag-size-base-border: var(--spacing-spacing-4);
  --component-button-tag-size-base-padding-left: var(--spacing-spacing-16);
  --component-button-tag-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-button-tag-size-base-padding-y: var(--spacing-spacing-8);
  --component-button-tag-size-base-space-between: var(--spacing-spacing-8);
  --component-button-tag-size-small-border: var(--spacing-spacing-4);
  --component-button-tag-size-small-gap: var(--spacing-spacing-8);
  --component-button-tag-size-small-padding-left: var(--spacing-spacing-12);
  --component-button-tag-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-button-tag-size-small-padding-y: var(--spacing-spacing-8);
  --component-card-article-card-border-width: var(--spacing-spacing-4);
  --component-card-article-card-radius: var(--general-radius-card);
  --component-card-article-image-borderWidth: var(--spacing-spacing-4);
  --component-card-article-image-image-ratio: "3:2";
  --component-card-article-image-radius: var(--general-radius-image);
  --component-card-general-card-border-width: var(--spacing-spacing-4);
  --component-card-general-card-radius: var(--general-radius-card);
  --component-card-general-color-body: var(--component-cards-base-color-on-surface-body);
  --component-card-general-color-border: var(--component-cards-base-color-on-surface-border);
  --component-card-general-color-cta-1-color: var(--component-cards-base-color-on-surface-cta-1-color);
  --component-card-general-color-image-border: var(--color-grayscale-black);
  --component-card-general-color-subtitle: var(--component-cards-base-color-on-surface-subtitle);
  --component-card-general-color-surface: var(--component-cards-base-color-on-surface-surface);
  --component-card-general-color-title: var(--component-cards-base-color-on-surface-title);
  --component-card-product-card-border-width: var(--spacing-spacing-4);
  --component-card-product-color-image-bg: var(--general-color-background-brand-1);
  --component-card-product-image-borderWidth: var(--spacing-spacing-4);
  --component-card-product-image-image-ratio: "1:1";
  --component-card-recipe-card-border-width: var(--spacing-spacing-4);
  --component-card-recipe-card-minHeight: 280px;
  --component-card-recipe-card-padding-x: var(--padding-none);
  --component-card-recipe-card-padding-y: var(--padding-none);
  --component-card-recipe-card-radius: var(--general-radius-card);
  --component-card-recipe-color-ratings: var(--interactiveTheme-ratings-active);
  --component-card-recipe-image-borderWidth: var(--spacing-spacing-4);
  --component-card-recipe-image-image-ratio: "3:2";
  --component-card-recipe-image-padding-top: var(--component-card-recipe-image-padding-x);
  --component-card-recipe-image-padding-x: var(--padding-none);
  --component-card-recipe-image-radius: var(--general-radius-image);
  --component-cards-base-card-border-width: var(--spacing-spacing-4);
  --component-cards-base-card-border-width-focus: var(--spacing-spacing-4);
  --component-cards-base-card-border-width-hover: var(--spacing-spacing-4);
  --component-cards-base-card-label-margin: var(--spacing-spacing-8);
  --component-cards-base-card-min-height: 280px;
  --component-cards-base-card-padding-x: var(--padding-none);
  --component-cards-base-card-padding-y: var(--padding-none);
  --component-cards-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-border: var(--general-color-border-white);
  --component-cards-base-color-on-surface-border-focus: var(--componentTheme-cards-on-surface-border-focus);
  --component-cards-base-color-on-surface-border-hover: var(--componentTheme-cards-on-surface-border-hover);
  --component-cards-base-color-on-surface-cta-1-color: var(--componentTheme-cards-on-surface-cta-1-color);
  --component-cards-base-color-on-surface-cta-2-color: var(--componentTheme-cards-on-surface-cta-2-color);
  --component-cards-base-color-on-surface-image-bg: var(--color-primary-color-1-500);
  --component-cards-base-color-on-surface-image-border: var(--color-grayscale-black);
  --component-cards-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-cards-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-cards-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-cards-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-cards-base-copy-padding-x: var(--padding-xsmall);
  --component-cards-base-copy-padding-y: var(--padding-xsmall);
  --component-cards-base-image-bg: var(--color-primary-color-1-500);
  --component-cards-base-image-border: var(--color-grayscale-black);
  --component-cards-base-image-border-width: var(--spacing-spacing-4);
  --component-cards-base-image-category-image-ratio: "1:1";
  --component-cards-base-image-image-ratio: "3:2";
  --component-cards-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-cards-base-image-padding-x: var(--padding-none);
  --component-cards-base-image-radius: var(--general-radius-image);
  --component-cards-card-max-width-mobile: 480px;
  --component-carousel-border-width: 1px;
  --component-carousel-controls-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-brand-icon: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-controls-inverse-icon: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-brand-fill: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-inverse-fill: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-color: var(--component-content-grid-color-button-color-1);
  --component-category-asset-default-height: 120px;
  --component-category-asset-default-width: 120px;
  --component-category-asset-hover-height: 112px;
  --component-category-asset-hover-width: 112px;
  --component-category-color-bg: var(--componentTheme-content-grid-bg);
  --component-category-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-border-focus: var(--component-category-color-category-enabled);
  --component-category-color-category-enabled: var(--general-color-text-brand-1);
  --component-category-color-category-hover: var(--general-color-background-darkest);
  --component-category-color-fill: var(--componentTheme-content-grid-fill);
  --component-category-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-surface: var(--componentTheme-content-grid-bg);
  --component-category-color-title: var(--componentTheme-content-grid-text-primary);
  --component-category-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-category-gutter: var(--layout-base-gutter);
  --component-category-padding-x: var(--layout-base-margin-y);
  --component-category-padding-y: var(--layout-base-margin-y);
  --component-checkbox-radio-color-brand-fill-disabled-opacity: 0.5;
  --component-checkbox-radio-color-brand-fill-disabled-text: var(--general-color-text-mid);
  --component-checkbox-radio-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-checkbox-radio-color-brand-fill-enabled-border: var(--general-color-border-darkest);
  --component-checkbox-radio-color-brand-fill-enabled-icon: var(--general-color-background-white);
  --component-checkbox-radio-color-brand-fill-enabled-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-error-bg: var(--color-system-error-100);
  --component-checkbox-radio-color-brand-fill-error-border: var(--color-system-error-500);
  --component-checkbox-radio-color-brand-fill-error-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-focus-bg);
  --component-checkbox-radio-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-focus-border);
  --component-checkbox-radio-color-brand-fill-focus-icon: var(--general-color-fill-white);
  --component-checkbox-radio-color-brand-fill-focus-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-selected-bg: var(--general-color-background-darkest);
  --component-checkbox-radio-color-brand-fill-hover-selected-border: var(--general-color-background-brand-1);
  --component-checkbox-radio-color-brand-fill-hover-selected-icon: var(--general-color-fill-white);
  --component-checkbox-radio-color-brand-fill-hover-selected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-unselected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-unselected-border: var(--general-color-background-brand-1);
  --component-checkbox-radio-color-brand-fill-hover-unselected-icon: var(--general-color-background-brand-1);
  --component-checkbox-radio-color-brand-fill-hover-unselected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-uneditable-bg: var(--general-color-background-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-icon: var(--general-color-fill-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-text: var(--general-color-text-dark);
  --component-content-grid-color-bg: var(--componentTheme-content-grid-bg);
  --component-content-grid-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-content-grid-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-color-subtitle: var(--componentTheme-content-grid-text-primary);
  --component-content-grid-color-title: var(--componentTheme-content-grid-text-primary);
  --component-content-grid-margin-x: var(--spacing-general-margin-x);
  --component-content-grid-margin-x-2: var(--spacing-general-margin-x);
  --component-content-grid-margin-y: var(--spacing-general-margin-y);
  --component-content-grid-margin-y-2: var(--spacing-general-margin-y);
  --component-content-grid-pdp-color-bg: var(--general-color-background-white);
  --component-content-grid-pdp-color-body: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-pdp-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-pdp-color-subtitle: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-title: var(--general-color-background-darkest);
  --component-cta-color-brand-fill-disabled-opacity: 0.5;
  --component-cta-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-cta-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-enabled-text: var(--general-color-background-brand-2);
  --component-cta-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-enabled-bg);
  --component-cta-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-cta-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-cta-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-fill-hover-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-cta-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-cta-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-cta-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-ghost-disabled-opacity: 0.5;
  --component-cta-color-brand-ghost-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-ghost-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-cta-color-brand-ghost-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-ghost-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-cta-color-brand-ghost-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-cta-color-brand-ghost-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-cta-color-brand-ghost-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-cta-color-brand-ghost-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-outline-disabled-opacity: 0.5;
  --component-cta-color-brand-outline-enabled-bg: #ffffff00;
  --component-cta-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-cta-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-cta-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-cta-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-outline-hover-border: var(--component-cta-color-brand-outline-hover-bg);
  --component-cta-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-cta-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-cta-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-cta-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-inverse-fill-disabled-opacity: 0.5;
  --component-cta-color-inverse-fill-enabled-bg: var(--general-color-background-brand-2);
  --component-cta-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-cta-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-cta-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-inverse-brand-action-hover-inverse);
  --component-cta-color-inverse-fill-hover-border: var(--component-cta-color-inverse-fill-hover-bg);
  --component-cta-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-fill-hover-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-cta-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-cta-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-cta-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-ghost-disabled-opacity: 0.5;
  --component-cta-color-inverse-ghost-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-cta-color-inverse-ghost-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-ghost-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-cta-color-inverse-ghost-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-outline-disabled-opacity: 0.5;
  --component-cta-color-inverse-outline-enabled-bg: #ffffff00;
  --component-cta-color-inverse-outline-enabled-border: var(--general-color-background-brand-2);
  --component-cta-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-enabled-text: var(--general-color-background-brand-2);
  --component-cta-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-cta-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-cta-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-cta-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-hover-bg: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-cta-color-inverse-outline-hover-border: var(--component-cta-color-inverse-outline-hover-bg);
  --component-cta-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-color-inverse-outline-hover-text: var(--theme-brand-action);
  --component-cta-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-cta-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-cta-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-cta-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-focus-radius: var(--radius-radius-12);
  --component-cta-radius: var(--radius-radius-8);
  --component-cta-size-base-border: var(--spacing-spacing-2);
  --component-cta-size-base-border-2: var(--spacing-spacing-4);
  --component-cta-size-base-padding-left: var(--spacing-spacing-12);
  --component-cta-size-base-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-base-padding-y: var(--spacing-spacing-12);
  --component-cta-size-base-space-between: var(--spacing-spacing-8);
  --component-cta-size-small-border: var(--spacing-spacing-2);
  --component-cta-size-small-gap: var(--spacing-spacing-8);
  --component-cta-size-small-padding-left: var(--spacing-spacing-12);
  --component-cta-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-small-padding-y: var(--spacing-spacing-8);
  --component-dialog-box-shadow-blur: 24px;
  --component-dialog-color-body: var(--theme-primary-bg-text-secondary);
  --component-dialog-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-dialog-color-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --component-dialog-color-smokescreen: #00000080;
  --component-dialog-color-surface: var(--general-color-surface-white);
  --component-dialog-color-title: var(--theme-primary-bg-text-primary);
  --component-dialog-content-padding-x: var(--padding-medium);
  --component-dialog-content-padding-y: var(--padding-medium);
  --component-error-state-page-color-bg: var(--component-content-grid-color-bg);
  --component-error-state-page-color-body: var(--theme-primary-surface-text-primary);
  --component-error-state-page-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-error-state-page-color-icon: var(--theme-primary-surface-text-secondary);
  --component-error-state-page-color-image-bg: var(--general-color-background-brand-1);
  --component-error-state-page-color-surface: var(--theme-primary-surface-surface);
  --component-error-state-page-color-title: var(--general-color-text-brand-1);
  --component-error-state-page-content-padding-x: var(--layout-full-margin-x);
  --component-error-state-page-content-padding-y: var(--layout-full-margin-y);
  --component-error-state-page-content-radius: var(--general-radius-container);
  --component-error-state-page-copy-padding-x: var(--padding-small);
  --component-error-state-page-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-error-state-page-copy-radius: var(--general-radius-container);
  --component-error-state-page-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-error-state-page-gutter: var(--layout-full-gutter);
  --component-error-state-page-image-imageLeft-radius-bottomLeft: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageLeft-radius-bottomRight: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-error-state-page-image-max-height-desktop: 1024px;
  --component-error-state-page-image-max-height-mobile: 360px;
  --component-error-state-page-image-max-height-tablet: 1024px;
  --component-error-state-page-image-min-height-desktop: 370px;
  --component-error-state-page-image-min-height-mobile: 180px;
  --component-error-state-page-image-min-height-tablet: 392px;
  --component-error-state-page-image-padding-x: var(--padding-none);
  --component-error-state-page-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-error-state-page-image-radius: var(--general-radius-container);
  --component-error-state-page-margin-x: var(--spacing-general-margin-x);
  --component-error-state-page-margin-y: var(--spacing-general-margin-y);
  --component-facets-color-default-border: var(--component-facets-color-default-surface);
  --component-facets-color-default-icons: var(--general-color-fill-brand-1);
  --component-facets-color-default-surface: var(--theme-primary-bg-bg);
  --component-facets-color-default-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-facets-color-focus-border: var(--theme-brand-action);
  --component-facets-color-focus-icons: var(--theme-brand-action);
  --component-facets-color-focus-surface: var(--color-grayscale-100);
  --component-facets-color-focus-title: var(--general-color-text-darkest);
  --component-facets-color-hover-border: var(--general-color-border-white);
  --component-facets-color-hover-icons: var(--theme-brand-action);
  --component-facets-color-hover-surface: var(--color-grayscale-100);
  --component-facets-color-hover-title: var(--general-color-text-darkest);
  --component-facets-counter-surface: var(--general-color-background-darkest);
  --component-facets-counter-text: var(--general-color-text-white);
  --component-facets-max-width: 302px;
  --component-facets-padding-x: var(--padding-xxsmall);
  --component-facets-padding-y: var(--padding-xxsmall);
  --component-facets-radius: var(--radius-radius-0);
  --component-favorites-border: var(--spacing-spacing-1);
  --component-favorites-color-border: var(--general-color-border-darkest);
  --component-favorites-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-focus-focus-border: var(--theme-brand-action);
  --component-favorites-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-favorites-color-button-hover-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-favorites-color-surface: var(--general-color-surface-white);
  --component-favorites-lists-menu-bg-default: var(--general-color-background-white);
  --component-favorites-lists-menu-bg-hover: var(--color-grayscale-100);
  --component-favorites-lists-menu-focus-border: var(--theme-brand-action);
  --component-favorites-lists-menu-max-width: 350px;
  --component-favorites-lists-menu-min-height: 48px;
  --component-favorites-lists-menu-min-width: 200px;
  --component-favorites-lists-menu-text: var(--general-color-text-darkest);
  --component-favorites-radius: var(--spacing-spacing-12);
  --component-feature-full-color-bg: var(--general-color-background-brand-1);
  --component-feature-full-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-feature-full-color-cta-1-color: var(--componentTheme-content-grid-cta-1-color);
  --component-feature-full-color-cta-2-color: var(--componentTheme-content-grid-cta-2-color);
  --component-feature-full-color-eyebrow: var(--general-color-text-brand-1);
  --component-feature-full-color-fill: var(--componentTheme-content-grid-fill);
  --component-feature-full-color-image-bg: var(--general-color-background-brand-1);
  --component-feature-full-color-surface: var(--general-color-background-brand-2);
  --component-feature-full-color-title: var(--general-color-text-brand-1);
  --component-feature-full-copy-block-copy-block-indent: var(--padding-none);
  --component-feature-full-copy-block-padding-x: var(--padding-medium);
  --component-feature-full-copy-block-padding-y: var(--component-feature-full-copy-block-padding-x);
  --component-feature-full-copy-block-radius: var(--general-radius-none);
  --component-feature-full-copy-container-padding-x: var(--layout-full-margin-x);
  --component-feature-full-copy-container-padding-y: var(--layout-full-margin-y);
  --component-feature-full-decor-brand: var(--theme-brand-name);
  --component-feature-full-decor-decor-accent: var(--general-color-background-white);
  --component-feature-full-decor-decor-match-primary-bg: var(--theme-primary-bg-bg);
  --component-feature-full-decor-icon-height: var(--icon-large-height);
  --component-feature-full-image-padding-left: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-right: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-x: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-y: var(--padding-xlarge);
  --component-feature-full-image-radius: var(--general-radius-container);
  --component-feature-split-color-bg: var(--componentTheme-feature-bg);
  --component-feature-split-color-body: var(--componentTheme-feature-match-bg-text-secondary);
  --component-feature-split-color-button-size: base;
  --component-feature-split-color-cta-1-color: var(--componentTheme-feature-cta-1-color);
  --component-feature-split-color-cta-2-color: var(--componentTheme-feature-cta-2-color);
  --component-feature-split-color-eyebrow: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-color-fill: var(--componentTheme-feature-fill);
  --component-feature-split-color-image-bg: var(--general-color-background-brand-1);
  --component-feature-split-color-subtitle: var(--componentTheme-feature-match-bg-text-secondary);
  --component-feature-split-color-surface: var(--componentTheme-feature-match-bg-surface);
  --component-feature-split-color-title: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-constrained-copy-desktop-max-width: 420px;
  --component-feature-split-constrained-copy-mobile-max-width: 767px;
  --component-feature-split-constrained-copy-padding-x: var(--padding-small);
  --component-feature-split-constrained-copy-padding-y: var(--component-feature-split-constrained-copy-padding-x);
  --component-feature-split-constrained-copy-tablet-max-width: 816px;
  --component-feature-split-constrained-image-desktop-min-width: 480px;
  --component-feature-split-constrained-image-mobile-min-width: 320px;
  --component-feature-split-constrained-image-tablet-min-width: 480px;
  --component-feature-split-constrained-margin-left: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-constrained-margin-right: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-content-padding-x: var(--layout-full-margin-x);
  --component-feature-split-content-padding-y: var(--layout-full-margin-y);
  --component-feature-split-content-radius: var(--general-radius-none);
  --component-feature-split-copy-padding-x: var(--padding-small);
  --component-feature-split-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-feature-split-copy-radius: var(--general-radius-container);
  --component-feature-split-decor-bg-accent: var(--general-color-text-brand-3);
  --component-feature-split-decor-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-feature-split-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-feature-split-decor-icon-height: var(--icon-large-height);
  --component-feature-split-gutter: var(--layout-base-gutter);
  --component-feature-split-image-border: var(--color-grayscale-black);
  --component-feature-split-image-border-width: var(--spacing-spacing-4);
  --component-feature-split-image-image-ratio: "3:2";
  --component-feature-split-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-padding-x: var(--padding-none);
  --component-feature-split-image-padding-y: var(--component-feature-split-image-padding-x);
  --component-feature-split-image-radius: var(--general-radius-container);
  --component-feature-split-margin-x: var(--layout-base-margin-x);
  --component-feature-split-margin-y: var(--layout-compact-margin-y);
  --component-filters-color-default-border: var(--general-color-border-darkest);
  --component-filters-color-default-label: var(--general-color-text-darkest);
  --component-filters-color-default-surface: var(--general-color-surface-white);
  --component-filters-color-focus-border: var(--theme-brand-action);
  --component-filters-color-focus-label: var(--general-color-text-darkest);
  --component-filters-color-focus-surface: var(--general-color-background-light);
  --component-filters-color-hover-border: var(--theme-brand-action);
  --component-filters-color-hover-label: var(--general-color-text-darkest);
  --component-filters-color-hover-surface: var(--general-color-background-light);
  --component-filters-color-selected-border: var(--theme-brand-action);
  --component-filters-color-selected-icons: var(--general-color-fill-white);
  --component-filters-color-selected-label: var(--general-color-text-darkest);
  --component-filters-color-selected-surface: var(--theme-brand-action);
  --component-filters-counter-surface: var(--general-color-background-darkest);
  --component-filters-counter-text: var(--general-color-text-white);
  --component-filters-padding-x: var(--padding-xxsmall);
  --component-filters-padding-y: var(--padding-xxsmall);
  --component-filters-radius: var(--radius-radius-0);
  --component-form-field-color-button-color-1: brand;
  --component-form-field-color-button-color-2: brand;
  --component-form-field-color-default-bg: var(--component-search-field-default-bg);
  --component-form-field-color-default-border: var(--general-color-border-mid);
  --component-form-field-color-descriptive-text: var(--general-color-text-darkest);
  --component-form-field-color-filled-border: var(--general-color-border-dark);
  --component-form-field-color-icon: var(--general-color-fill-darkest);
  --component-form-field-color-label: var(--general-color-text-darkest);
  --component-form-field-color-placeholder-text: var(--general-color-text-mid);
  --component-form-field-color-required-asterisk: var(--component-form-field-color-label);
  --component-form-field-color-surface: var(--general-color-surface-white);
  --component-hero-color-alternate-bg: var(--componentTheme-hero-bg);
  --component-hero-color-alternate-body: var(--componentTheme-hero-text-secondary);
  --component-hero-color-alternate-cta-1-color: var(--componentTheme-hero-match-bg-cta-1-color);
  --component-hero-color-alternate-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-alternate-eyebrow: var(--componentTheme-hero-text-primary);
  --component-hero-color-alternate-fill: var(--componentTheme-hero-fill);
  --component-hero-color-alternate-surface: var(--componentTheme-hero-match-bg-surface);
  --component-hero-color-alternate-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-alternate-title: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-bg: var(--general-color-background-brand-1);
  --component-hero-color-general-body: var(--componentTheme-content-grid-text-secondary);
  --component-hero-color-general-cta-1-color: var(--componentTheme-hero-cta-1-color);
  --component-hero-color-general-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-general-decor: var(--theme-primary-bg-bg);
  --component-hero-color-general-decor-mobile: var(--component-hero-color-general-surface);
  --component-hero-color-general-eyebrow: var(--componentTheme-content-grid-text-primary);
  --component-hero-color-general-fill: var(--componentTheme-hero-fill);
  --component-hero-color-general-surface: var(--componentTheme-hero-match-bg-surface);
  --component-hero-color-general-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-general-title: var(--componentTheme-content-grid-text-primary);
  --component-hero-color-simple-bg: var(--general-color-background-white);
  --component-hero-color-simple-body: var(--theme-primary-bg-text-secondary);
  --component-hero-color-simple-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-color-simple-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-color-simple-decor-accent: var(--general-color-background-white);
  --component-hero-color-simple-eyebrow: var(--theme-primary-bg-text-secondary);
  --component-hero-color-simple-text-link: var(--theme-primary-bg-text-link);
  --component-hero-color-simple-title: var(--theme-primary-bg-text-primary);
  --component-hero-container-desktop-min-height: 500px;
  --component-hero-container-desktop-radius: var(--general-radius-container);
  --component-hero-container-gap: var(--layout-overlap-overlap-gutter);
  --component-hero-container-mobile-min-height: var(--screen-dimensions-height);
  --component-hero-container-mobile-radius: var(--general-radius-container);
  --component-hero-container-padding-x: var(--layout-compact-margin-x);
  --component-hero-container-padding-y: var(--layout-compact-margin-x);
  --component-hero-container-radius: var(--general-radius-container);
  --component-hero-container-tablet-min-height: var(--screen-dimensions-height);
  --component-hero-container-tablet-radius: var(--general-radius-container);
  --component-hero-copy-padding-x: var(--padding-small);
  --component-hero-copy-padding-y: var(--padding-large);
  --component-hero-copy-radius: var(--general-radius-none);
  --component-hero-copy-radius-bottom-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-bottom-right: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-right: var(--component-hero-copy-radius);
  --component-hero-copyBlock-padding-x: var(--padding-small);
  --component-hero-copyBlock-padding-y: var(--padding-large);
  --component-hero-copyBlock-radius: var(--general-radius-none);
  --component-hero-copyBlock-radius-bottom-left: var(--component-hero-container-radius);
  --component-hero-copyBlock-radius-bottom-right: var(--component-hero-image-desktop-radius);
  --component-hero-copyBlock-radius-top-left: var(--component-hero-image-desktop-radius);
  --component-hero-copyBlock-radius-top-right: var(--component-hero-image-desktop-radius);
  --component-hero-decor-brand: var(--theme-brand-name);
  --component-hero-desktop-max-width: var(--screen-dimensions-max-width);
  --component-hero-image-a11y-image-background-blur: 10px;
  --component-hero-image-a11y-image-overlay-opacity: 0.7;
  --component-hero-image-desktop-radius: var(--general-radius-none);
  --component-hero-image-mobile-radius: var(--general-radius-none);
  --component-hero-image-padding-top: var(--layout-full-margin-x);
  --component-hero-image-padding-x: var(--layout-full-margin-x);
  --component-hero-image-padding-y: var(--component-hero-image-padding-x);
  --component-hero-image-splitHero-radius: var(--general-radius-none);
  --component-hero-mobile-max-width: 1000px;
  --component-hero-tablet-max-width: 1000px;
  --component-hero-typography-title: var(--typography-font-size-header-xlarge);
  --component-hero-article-color-bg: var(--theme-primary-bg-bg);
  --component-hero-article-color-bg-accent: var(--general-color-text-brand-3);
  --component-hero-article-color-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-hero-article-color-body: var(--theme-primary-surface-text-primary);
  --component-hero-article-color-category: var(--theme-primary-surface-text-primary);
  --component-hero-article-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-hero-article-color-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --component-hero-article-color-date: var(--theme-primary-surface-text-primary);
  --component-hero-article-color-details: var(--theme-primary-surface-text-secondary);
  --component-hero-article-color-icon: var(--theme-primary-surface-text-secondary);
  --component-hero-article-color-image-bg: var(--general-color-background-brand-1);
  --component-hero-article-color-surface: var(--theme-primary-surface-surface);
  --component-hero-article-color-title: var(--theme-primary-surface-text-primary);
  --component-hero-article-content-padding-x: var(--layout-full-margin-x);
  --component-hero-article-content-padding-y: var(--layout-full-margin-y);
  --component-hero-article-content-radius: var(--general-radius-none);
  --component-hero-article-copy-category-margin-bottom: var(--spacing-general-eyebrow-margin-bottom);
  --component-hero-article-copy-padding-x: var(--padding-small);
  --component-hero-article-copy-padding-y: var(--component-hero-article-copy-padding-x);
  --component-hero-article-copy-radius: var(--general-radius-container);
  --component-hero-article-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-article-gutter: var(--layout-base-gutter);
  --component-hero-article-image-image-ratio: "3:2";
  --component-hero-article-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-article-image-max-height-desktop: 1024px;
  --component-hero-article-image-max-height-mobile: 360px;
  --component-hero-article-image-max-height-tablet: 1024px;
  --component-hero-article-image-min-height-desktop: 370px;
  --component-hero-article-image-min-height-mobile: 180px;
  --component-hero-article-image-min-height-tablet: 392px;
  --component-hero-article-image-padding-x: var(--padding-none);
  --component-hero-article-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-hero-article-image-radius: var(--general-radius-container);
  --component-hero-article-margin-x: var(--layout-base-margin-x);
  --component-hero-article-padding-y: var(--layout-base-margin-y);
  --component-hero-product-brand-decor: var(--component-site-header-main-bar-brand-logo);
  --component-hero-product-color-badge-color: brand;
  --component-hero-product-color-bg: var(--theme-primary-bg-bg);
  --component-hero-product-color-body: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-product-color-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-product-color-decor: var(--general-color-background-light);
  --component-hero-product-color-eyebrow: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-icon: var(--theme-primary-bg-icon);
  --component-hero-product-color-image-bg: var(--general-color-background-brand-1);
  --component-hero-product-color-image-border: var(--general-color-border-mid);
  --component-hero-product-color-image-surface: var(--general-color-surface-white);
  --component-hero-product-color-link: var(--theme-primary-bg-text-link-underline);
  --component-hero-product-color-ratings: var(--theme-secondary-interactive-ratings-active);
  --component-hero-product-color-ratings-inactive: var(--theme-primary-interactive-button-ghost-link);
  --component-hero-product-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-thumbnail-selected-border: var(--theme-brand-action);
  --component-hero-product-color-title: var(--general-color-text-brand-1);
  --component-hero-product-content-padding-x: var(--layout-full-margin-x);
  --component-hero-product-content-padding-y: var(--layout-full-margin-y);
  --component-hero-product-content-radius: var(--general-radius-none);
  --component-hero-product-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-product-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-hero-product-copy-radius: var(--general-radius-container);
  --component-hero-product-gutter: var(--layout-base-gutter);
  --component-hero-product-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-product-image-max-height-desktop: 640px;
  --component-hero-product-image-max-height-mobile: 273px;
  --component-hero-product-image-max-height-tablet: 1024px;
  --component-hero-product-image-padding-x: var(--padding-none);
  --component-hero-product-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-product-image-radius: var(--general-radius-container);
  --component-hero-product-margin-x: var(--layout-base-margin-y);
  --component-hero-product-margin-y: var(--layout-base-margin-y);
  --component-hero-recipe-color-badge-color: brand;
  --component-hero-recipe-color-bg: var(--general-color-background-brand-2);
  --component-hero-recipe-color-body: var(--theme-primary-bg-text-secondary);
  --component-hero-recipe-color-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-recipe-color-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-recipe-color-eyebrow: var(--theme-primary-bg-text-secondary);
  --component-hero-recipe-color-icon: var(--theme-primary-bg-icon);
  --component-hero-recipe-color-image-bg: var(--general-color-background-brand-1);
  --component-hero-recipe-color-link: var(--theme-primary-interactive-button-ghost-link);
  --component-hero-recipe-color-ratings: var(--theme-secondary-interactive-ratings-active);
  --component-hero-recipe-color-ratings-inactive: var(--theme-primary-interactive-button-ghost-link);
  --component-hero-recipe-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-hero-recipe-color-title: var(--general-color-text-brand-1);
  --component-hero-recipe-content-padding-x: var(--layout-full-margin-x);
  --component-hero-recipe-content-padding-y: var(--layout-full-margin-y);
  --component-hero-recipe-content-radius: var(--general-radius-none);
  --component-hero-recipe-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-recipe-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-hero-recipe-copy-radius: var(--general-radius-container);
  --component-hero-recipe-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-recipe-gutter: var(--layout-base-gutter);
  --component-hero-recipe-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-max-height-desktop: 640px;
  --component-hero-recipe-image-max-height-mobile: 273px;
  --component-hero-recipe-image-max-height-tablet: 1024px;
  --component-hero-recipe-image-padding-x: var(--padding-none);
  --component-hero-recipe-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-recipe-image-radius: var(--general-radius-container);
  --component-hero-recipe-margin-x: var(--layout-base-margin-y);
  --component-hero-recipe-padding-y: var(--layout-base-margin-y);
  --component-icon-content-large-desktop-height: 120px;
  --component-icon-content-large-desktop-width: 120px;
  --component-icon-content-large-mobile-height: 120px;
  --component-icon-content-large-mobile-width: 120px;
  --component-icon-content-large-tablet-height: 120px;
  --component-icon-content-large-tablet-width: 120px;
  --component-icon-content-small-desktop-height: 64px;
  --component-icon-content-small-desktop-width: 64px;
  --component-icon-content-small-mobile-height: 64px;
  --component-icon-content-small-mobile-width: 64px;
  --component-icon-content-small-tablet-height: 64px;
  --component-icon-content-small-tablet-width: 64px;
  --component-image-color-button-color-below-image: brand;
  --component-image-color-button-color-on-image: inverse;
  --component-image-standalone-image-max-width-desktop: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-mobile: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-tablet: var(--typography-copy-max-width);
  --component-listing-grid-color-bg: var(--theme-primary-bg-bg);
  --component-listing-grid-color-body: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-button-color-1: var(--theme-primary-bg-cta-1-color);
  --component-listing-grid-color-button-color-2: var(--theme-primary-bg-cta-2-color);
  --component-listing-grid-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-title: var(--theme-primary-bg-text-primary);
  --component-listing-grid-margin-x: var(--spacing-general-margin-x);
  --component-listing-grid-margin-y: var(--spacing-general-margin-y);
  --component-location-selector-color-default-body: var(--component-accordion-color-default-body);
  --component-location-selector-color-default-border: var(--component-accordion-color-default-border);
  --component-location-selector-color-default-icons: var(--component-accordion-color-default-icons);
  --component-location-selector-color-default-surface: var(--component-accordion-color-default-surface);
  --component-location-selector-color-default-title: var(--component-accordion-color-default-title);
  --component-location-selector-color-hover-body: var(--component-accordion-color-hover-body);
  --component-location-selector-color-hover-border: var(--component-accordion-color-hover-border);
  --component-location-selector-color-hover-icons: var(--component-accordion-color-hover-icons);
  --component-location-selector-color-hover-surface: var(--component-accordion-color-hover-surface);
  --component-location-selector-color-hover-title: var(--component-accordion-color-hover-title);
  --component-location-selector-item-border-bottom: 0px;
  --component-location-selector-item-border-left: 0px;
  --component-location-selector-item-border-right: 0px;
  --component-location-selector-item-border-top: 1px;
  --component-location-selector-padding-x: var(--component-accordion-padding-x);
  --component-location-selector-padding-y: var(--component-accordion-padding-y);
  --component-modal-color-body: var(--theme-primary-bg-text-secondary);
  --component-modal-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-modal-color-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --component-modal-color-smokescreen: var(--component-dialog-color-smokescreen);
  --component-modal-color-surface: var(--general-color-surface-white);
  --component-modal-color-title: var(--theme-primary-bg-text-primary);
  --component-modal-content-padding-x: var(--padding-small);
  --component-modal-content-padding-y: var(--padding-small);
  --component-my-account-color-bg: var(--theme-primary-bg-bg);
  --component-my-account-color-bg-cta-color: var(--theme-primary-surface-cta-1-color);
  --component-my-account-color-body: var(--theme-primary-bg-text-secondary);
  --component-my-account-color-border: var(--general-color-border-darkest);
  --component-my-account-color-header: var(--theme-primary-bg-text-primary);
  --component-my-account-color-line-break: var(--general-color-border-darkest);
  --component-my-account-color-sidebar-surface: var(--general-color-surface-brand-1);
  --component-my-account-color-sidebar-text: var(--general-color-text-white);
  --component-my-account-color-surface: var(--general-color-surface-white);
  --component-my-account-color-surface-cta-color: var(--theme-primary-surface-cta-1-color);
  --component-my-account-color-surface-highlight: var(--color-grayscale-100);
  --component-my-account-color-title: var(--theme-primary-bg-text-primary);
  --component-my-account-content-padding-x: var(--padding-small);
  --component-my-account-content-padding-y: var(--padding-small);
  --component-my-account-padding-x: var(--spacing-general-margin-x);
  --component-my-account-padding-y: var(--layout-compact-margin-y);
  --component-nav-dropdown-menu-border: var(--spacing-spacing-1);
  --component-nav-dropdown-menu-color-border: var(--general-color-border-darkest);
  --component-nav-dropdown-menu-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-focus-focus-border: var(--theme-brand-action);
  --component-nav-dropdown-menu-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-nav-dropdown-menu-color-button-hover-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-surface: var(--general-color-surface-white);
  --component-nav-dropdown-menu-lists-menu-bg-default: var(--general-color-background-white);
  --component-nav-dropdown-menu-lists-menu-bg-hover: var(--color-grayscale-100);
  --component-nav-dropdown-menu-lists-menu-focus-border: var(--theme-brand-action);
  --component-nav-dropdown-menu-lists-menu-max-width: 350px;
  --component-nav-dropdown-menu-lists-menu-min-height: 48px;
  --component-nav-dropdown-menu-lists-menu-min-width: 200px;
  --component-nav-dropdown-menu-lists-menu-text: var(--general-color-text-darkest);
  --component-nav-dropdown-menu-radius: var(--spacing-spacing-12);
  --component-newsletter-sign-up-color-bg: var(--component-content-grid-color-bg);
  --component-newsletter-sign-up-color-body: var(--general-color-text-dark);
  --component-newsletter-sign-up-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-newsletter-sign-up-color-icon: var(--theme-primary-surface-text-secondary);
  --component-newsletter-sign-up-color-image-bg: var(--general-color-background-brand-1);
  --component-newsletter-sign-up-color-surface: var(--theme-primary-surface-surface);
  --component-newsletter-sign-up-color-title: var(--theme-primary-surface-text-primary);
  --component-newsletter-sign-up-content-padding-x: var(--layout-full-margin-x);
  --component-newsletter-sign-up-content-padding-y: var(--layout-full-margin-y);
  --component-newsletter-sign-up-content-radius: var(--general-radius-container);
  --component-newsletter-sign-up-copy-padding-x: var(--padding-small);
  --component-newsletter-sign-up-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-newsletter-sign-up-copy-radius: var(--general-radius-container);
  --component-newsletter-sign-up-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-newsletter-sign-up-gutter: var(--layout-full-gutter);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-max-height-desktop: 1024px;
  --component-newsletter-sign-up-image-max-height-mobile: 360px;
  --component-newsletter-sign-up-image-max-height-tablet: 1024px;
  --component-newsletter-sign-up-image-min-height-desktop: 370px;
  --component-newsletter-sign-up-image-min-height-mobile: 180px;
  --component-newsletter-sign-up-image-min-height-tablet: 392px;
  --component-newsletter-sign-up-image-padding-x: var(--padding-none);
  --component-newsletter-sign-up-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-newsletter-sign-up-image-radius: var(--general-radius-container);
  --component-newsletter-sign-up-margin-x: var(--spacing-general-margin-x);
  --component-newsletter-sign-up-margin-y: var(--spacing-general-margin-y);
  --component-pagination-color-disabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-disabled-icon: var(--color-grayscale-300);
  --component-pagination-color-disabled-text: var(--interactiveTheme-ratings-inactive);
  --component-pagination-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-focus-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-pagination-color-focus-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-hover-bg: var(--general-color-surface-light);
  --component-pagination-color-hover-text: var(--interactiveTheme-button-brand-action-hover);
  --component-pagination-color-link-underline: var(--general-color-fill-brand-1);
  --component-pagination-color-pressed-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-pressed-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-selected-bg: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-selected-border: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-selected-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-pagination-radius: var(--radius-radius-rounded);
  --component-pagination-size-base-border: var(--spacing-spacing-4);
  --component-pagination-size-base-padding-left: var(--spacing-spacing-16);
  --component-pagination-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-pagination-size-base-padding-y: var(--spacing-spacing-8);
  --component-pagination-size-base-space-between: var(--spacing-spacing-8);
  --component-pagination-size-small-border: var(--spacing-spacing-4);
  --component-pagination-size-small-gap: var(--spacing-spacing-8);
  --component-pagination-size-small-padding-left: var(--spacing-spacing-12);
  --component-pagination-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-pagination-size-small-padding-y: var(--spacing-spacing-8);
  --component-pdp-product-content-color-bg: var(--general-color-background-light);
  --component-pdp-product-content-color-body: var(--theme-secondary-bg-text-secondary);
  --component-pdp-product-content-color-icon: var(--theme-secondary-bg-icon);
  --component-pdp-product-content-color-image-bg: var(--general-color-background-brand-1);
  --component-pdp-product-content-color-surface: var(--general-color-surface-white);
  --component-pdp-product-content-color-surface-border: var(--general-color-border-light);
  --component-pdp-product-content-color-title: var(--general-color-text-brand-1);
  --component-pdp-product-content-gutter: var(--layout-base-gutter);
  --component-pdp-product-content-margin-x: var(--spacing-general-margin-x);
  --component-pdp-product-content-margin-y: var(--layout-compact-margin-y);
  --component-print-image-print-logo-invert: 1;
  --component-recipe-description-copy-max-width-desktop: 804px;
  --component-recipe-description-copy-max-width-mobile: var(--typography-copy-max-width);
  --component-recipe-description-copy-max-width-tablet: var(--typography-copy-max-width);
  --component-recipe-header-brand: var(--theme-brand-name);
  --component-recipe-header-color-bg: var(--theme-aux-1-bg-bg);
  --component-recipe-header-color-body: var(--theme-aux-1-surface-text-secondary);
  --component-recipe-header-color-cta-1-color: var(--theme-aux-1-surface-cta-1-color);
  --component-recipe-header-color-eyebrow: var(--theme-aux-1-surface-text-secondary);
  --component-recipe-header-color-icon: var(--theme-aux-1-surface-icon);
  --component-recipe-header-color-image-bg: var(--general-color-background-brand-1);
  --component-recipe-header-color-link: var(--theme-aux-1-interactive-button-ghost-link);
  --component-recipe-header-color-ratings: var(--theme-aux-1-interactive-ratings-active);
  --component-recipe-header-color-ratings-inactive: var(--theme-aux-1-interactive-ratings-inactive);
  --component-recipe-header-color-subtitle: var(--theme-aux-1-surface-text-primary);
  --component-recipe-header-color-surface: var(--theme-aux-1-surface-surface);
  --component-recipe-header-color-title: var(--theme-aux-1-surface-text-primary);
  --component-recipe-header-content-padding-x: var(--padding-small);
  --component-recipe-header-content-padding-y: var(--padding-xsmall);
  --component-recipe-header-content-radius: var(--general-radius-none);
  --component-recipe-header-copy-padding-x: var(--padding-small);
  --component-recipe-header-copy-padding-y: var(--padding-small);
  --component-recipe-header-padding-x: var(--spacing-general-margin-x);
  --component-recipe-header-padding-y: var(--layout-compact-margin-y);
  --component-recipe-instructions-card-max-width-mobile: 280px;
  --component-recipe-instructions-color-border: var(--component-recipe-instructions-color-surface);
  --component-recipe-instructions-color-surface: var(--general-color-background-light);
  --component-recipe-instructions-gutter: var(--layout-base-gutter);
  --component-recipe-instructions-padding-x: var(--layout-base-margin-y);
  --component-recipe-instructions-padding-y: var(--layout-base-margin-y);
  --component-recipe-made-with-color-button-color: brand;
  --component-recipe-made-with-color-ratings: var(--theme-primary-interactive-ratings-active);
  --component-recipe-made-with-color-ratings-inactive: var(--theme-primary-interactive-ratings-inactive);
  --component-recipe-nutrition-card-max-width-mobile: 280px;
  --component-recipe-nutrition-color-bg: var(--general-color-background-light);
  --component-recipe-nutrition-color-body: var(--componentTheme-feature-text-primary);
  --component-recipe-nutrition-color-eyebrow: var(--componentTheme-feature-text-primary);
  --component-recipe-nutrition-color-fill: var(--componentTheme-feature-fill);
  --component-recipe-nutrition-color-subtitle: var(--componentTheme-feature-text-primary);
  --component-recipe-nutrition-color-title: var(--componentTheme-feature-text-primary);
  --component-recipe-nutrition-content-padding-x: var(--layout-full-margin-x);
  --component-recipe-nutrition-content-padding-y: var(--layout-full-margin-y);
  --component-recipe-nutrition-content-radius: var(--general-radius-none);
  --component-recipe-nutrition-gutter: var(--layout-base-gutter);
  --component-recipe-nutrition-padding-x: var(--layout-base-margin-y);
  --component-recipe-nutrition-padding-y: var(--layout-base-margin-y);
  --component-related-content-color-bg: var(--component-content-grid-color-bg);
  --component-related-content-color-body: var(--component-content-grid-color-body);
  --component-related-content-color-button-color-1: var(--component-content-grid-color-button-color-1);
  --component-related-content-color-button-color-2: var(--component-content-grid-color-button-color-2);
  --component-related-content-color-subtitle: var(--component-content-grid-color-subtitle);
  --component-related-content-color-title: var(--component-content-grid-color-title);
  --component-search-field-active-bg: var(--general-color-background-white);
  --component-search-field-active-border: var(--general-color-border-brand-2);
  --component-search-field-active-icon: var(--general-color-fill-brand-2);
  --component-search-field-active-search-text: var(--general-color-text-darkest);
  --component-search-field-default-bg: var(--general-color-background-white);
  --component-search-field-default-border: var(--general-color-border-brand-1);
  --component-search-field-default-icon: var(--general-color-fill-brand-1);
  --component-search-field-default-search-text: var(--general-color-text-darkest);
  --component-search-field-dropdown-active-radius: 56px;
  --component-search-field-dropdown-bg-default: var(--component-search-field-default-bg);
  --component-search-field-dropdown-bg-hover: var(--theme-secondary-bg-bg);
  --component-search-field-dropdown-border: var(--component-search-field-active-border);
  --component-search-field-dropdown-border-focus: 2px;
  --component-search-field-dropdown-focus-border: var(--theme-primary-surface-border-focus);
  --component-search-field-dropdown-focus-radius: 12px;
  --component-search-field-hover-bg: var(--general-color-background-white);
  --component-search-field-hover-border: var(--general-color-border-brand-2);
  --component-search-field-hover-icon: var(--general-color-fill-brand-2);
  --component-search-field-hover-search-text: var(--general-color-text-darkest);
  --component-site-footer-bottom-bar-bg: var(--general-color-background-darkest);
  --component-site-footer-bottom-bar-cta-2-color: inverse;
  --component-site-footer-bottom-bar-icons: var(--general-color-fill-white);
  --component-site-footer-bottom-bar-link: var(--general-color-text-white);
  --component-site-footer-bottom-bar-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-bottom-bar-padding-y: var(--padding-small);
  --component-site-footer-footer-links-bg: var(--general-color-background-brand-1);
  --component-site-footer-footer-links-border: var(--general-color-border-darkest);
  --component-site-footer-footer-links-column-label: var(--general-color-text-white);
  --component-site-footer-footer-links-cta-1-color: brand;
  --component-site-footer-footer-links-footer-logo: var(--theme-brand-name);
  --component-site-footer-footer-links-gap-icon: var(--spacing-spacing-4);
  --component-site-footer-footer-links-icons: var(--general-color-fill-white);
  --component-site-footer-footer-links-link: var(--general-color-text-white);
  --component-site-footer-footer-links-link-underline: var(--general-color-border-white);
  --component-site-footer-footer-links-logo-height-large: 40px;
  --component-site-footer-footer-links-logo-height-small: 40px;
  --component-site-footer-footer-links-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-footer-links-padding-y: var(--padding-medium);
  --component-site-footer-footer-links-text: var(--general-color-text-white);
  --component-site-footer-gap-links: var(--space-between-medium);
  --component-site-footer-space-between: var(--space-between-xsmall);
  --component-site-header-color-main-bar-desktop-bg: var(--general-color-background-white);
  --component-site-header-color-main-bar-desktop-bottom-border: var(--general-color-border-darkest);
  --component-site-header-color-main-bar-desktop-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-desktop-link-link-enabled);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-desktop-link-link-enabled: var(--general-color-text-darkest);
  --component-site-header-color-main-bar-desktop-link-link-hover: var(--general-color-text-brand-1);
  --component-site-header-color-main-bar-desktop-link-link-underline: var(--general-color-border-brand-1);
  --component-site-header-color-main-bar-desktop-logo: var(--general-color-fill-brand-1);
  --component-site-header-color-main-bar-mobile-bg: var(--general-color-background-white);
  --component-site-header-color-main-bar-mobile-bottom-border: var(--general-color-border-mid);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-desktop-link-link-enabled);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-mobile-link-link-enabled: var(--general-color-text-darkest);
  --component-site-header-color-main-bar-mobile-link-link-hover: var(--general-color-text-brand-1);
  --component-site-header-color-main-bar-mobile-link-link-underline: var(--general-color-border-brand-1);
  --component-site-header-color-mega-menu-menu-bg: var(--general-color-background-white);
  --component-site-header-color-mega-menu-menu-bottom-border: var(--general-color-border-darkest);
  --component-site-header-color-mega-menu-menu-item-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-hover-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-left-border-items: var(--general-color-border-brand-1);
  --component-site-header-color-mega-menu-menu-paragraph-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-side-bar-bg: var(--general-color-background-light);
  --component-site-header-color-mega-menu-menu-side-bar-title: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-active-icon: var(--general-color-fill-white);
  --component-site-header-color-mega-menu-menu-title-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-enabled-icon: var(--general-color-fill-brand-1);
  --component-site-header-color-mega-menu-menu-title-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-hover-bg: var(--component-site-header-color-mega-menu-menu-bg);
  --component-site-header-color-mega-menu-menu-title-hover-icon: var(--general-color-fill-darkest);
  --component-site-header-color-mega-menu-menu-title-hover-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-pressed-icon: var(--general-color-fill-darkest);
  --component-site-header-color-mega-menu-menu-title-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-enabled-bg: var(--general-color-fill-white);
  --component-site-header-color-search-tag-enabled-border: var(--general-color-border-darkest);
  --component-site-header-color-search-tag-enabled-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-search-tag-enabled-link: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-hover-bg: var(--general-color-fill-light);
  --component-site-header-color-search-tag-hover-border: var(--general-color-border-darkest);
  --component-site-header-color-search-tag-hover-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-search-tag-hover-link: var(--general-color-text-darkest);
  --component-site-header-color-secondary-bar-bg: var(--general-color-background-white);
  --component-site-header-color-secondary-bar-on-bar-enabled-bg: #ffffff00;
  --component-site-header-color-secondary-bar-on-bar-enabled-link: var(--general-color-text-darkest);
  --component-site-header-color-secondary-bar-on-bar-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-bar-enabled-link);
  --component-site-header-color-secondary-bar-on-bar-hover-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-hover-link-icons: var(--component-site-header-color-secondary-bar-on-bar-hover-link);
  --component-site-header-color-secondary-bar-on-bar-pressed-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-bar-pressed-link);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link: var(--component-site-header-color-mega-menu-menu-item-enabled-text);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-enabled-link);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link: var(--component-site-header-color-mega-menu-menu-item-hover-text);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-hover-link);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link: var(--component-site-header-color-mega-menu-menu-item-pressed-text);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-pressed-link);
  --component-site-header-color-utility-bar-bg: var(--general-color-background-white);
  --component-site-header-color-utility-bar-bottom-border: var(--general-color-border-white);
  --component-site-header-color-utility-bar-button-color-1: brand;
  --component-site-header-color-utility-bar-button-color-2: inverse;
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-enabled: var(--general-color-text-darkest);
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-hover: var(--general-color-text-brand-1);
  --component-site-header-color-utility-bar-desktop-link-link-enabled: var(--general-color-text-darkest);
  --component-site-header-color-utility-bar-desktop-link-link-hover: var(--general-color-text-brand-1);
  --component-site-header-color-utility-bar-desktop-link-link-underline: var(--general-color-text-brand-1);
  --component-site-header-color-utility-bar-favorites-button-bg: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-bg-hover: var(--general-color-fill-darkest);
  --component-site-header-color-utility-bar-favorites-button-bg-pressed: var(--general-color-fill-darkest);
  --component-site-header-color-utility-bar-favorites-button-border: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-border-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-focus: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-heart-fill: var(--color-brand-general-mills-generalMills-red);
  --component-site-header-color-utility-bar-favorites-button-heart-fill-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-text: var(--general-color-text-darkest);
  --component-site-header-color-utility-bar-favorites-button-text-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-icon: var(--general-color-fill-darkest);
  --component-site-header-color-utility-bar-logo: var(--general-color-fill-brand-1);
  --component-site-header-main-bar-bottom-border: var(--spacing-spacing-4);
  --component-site-header-main-bar-gap-links: var(--space-between-medium);
  --component-site-header-main-bar-link-bottom-underline-border: 2px;
  --component-site-header-main-bar-logo-height-large: 54px;
  --component-site-header-main-bar-logo-height-small: 40px;
  --component-site-header-main-bar-logo-margin-right: var(--margin-small);
  --component-site-header-main-bar-logo-width-large: 200px;
  --component-site-header-main-bar-logo-width-small: 150px;
  --component-site-header-main-bar-main-bar-inset: var(--padding-none);
  --component-site-header-main-bar-radius: var(--general-radius-none);
  --component-site-header-mega-menu-menu-item-min-width-: 120px;
  --component-site-header-mega-menu-menu-item-radius: var(--radius-radius-0);
  --component-site-header-padding-x: var(--padding-xsmall);
  --component-site-header-padding-y: var(--padding-xxsmall);
  --component-site-header-site-header-simple-search-bar-max-width-desktop: 400px;
  --component-site-header-utility-bar-margin-bottom: var(--spacing-spacing-0);
  --component-skip-to-content-theme-border-size: var(--spacing-spacing-2);
  --component-skip-to-content-theme-primary-bg: var(--general-color-fill-brand-1);
  --component-skip-to-content-theme-primary-border: var(--general-color-border-white);
  --component-skip-to-content-theme-primary-link-underline: var(--component-skip-to-content-theme-primary-text);
  --component-skip-to-content-theme-primary-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-skip-to-content-theme-secondary-bg: var(--theme-secondary-bg-bg);
  --component-skip-to-content-theme-secondary-border: var(--component-skip-to-content-theme-primary-bg);
  --component-skip-to-content-theme-secondary-link-underline: var(--theme-secondary-bg-text-link-underline);
  --component-skip-to-content-theme-secondary-text: var(--theme-secondary-bg-text-link-underline);
  --component-social-bar-color-bg: var(--general-color-background-white);
  --component-social-bar-color-focus: var(--general-color-background-white);
  --component-social-bar-margin-x: var(--spacing-general-margin-x);
  --component-social-bar-margin-y: var(--spacing-general-margin-y);
  --component-static-icon-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-color-on-surface-image-border: var(--color-grayscale-black);
  --component-static-icon-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-static-icon-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-static-icon-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-static-icon-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-static-icon-base-column-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-focus: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-hover: var(--spacing-spacing-4);
  --component-static-icon-base-column-label-margin: var(--spacing-spacing-0);
  --component-static-icon-base-column-min-height: 280px;
  --component-static-icon-base-column-padding-x: var(--padding-none);
  --component-static-icon-base-column-padding-y: var(--padding-none);
  --component-static-icon-base-column-width-column-width-large: 550px;
  --component-static-icon-base-column-width-column-width-medium: 480px;
  --component-static-icon-base-column-width-column-width-small: 320px;
  --component-static-icon-base-copy-padding-x: var(--padding-xsmall);
  --component-static-icon-base-copy-padding-y: var(--padding-xsmall);
  --component-static-icon-base-icon-icon-height-large: 300px;
  --component-static-icon-base-icon-icon-height-medium: 200px;
  --component-static-icon-base-icon-icon-height-small: 120px;
  --component-static-icon-base-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-image-border: var(--color-grayscale-black);
  --component-static-icon-base-image-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-image-icon-image-ratio: "1:1";
  --component-static-icon-base-image-image-ratio: "3:2";
  --component-static-icon-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-static-icon-base-image-padding-x: var(--padding-none);
  --component-static-icon-base-image-radius: var(--general-radius-image);
  --component-table-color-table-row-bg-alt: var(--general-color-background-light);
  --component-table-color-table-row-bg-header: var(--color-primary-color-2-500);
  --component-tabs-color-tab-border-active-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-focus-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-hover-border: var(--theme-brand-action-hover);
  --component-tabs-color-tab-border-inactive-border: var(--general-color-border-mid);
  --component-tabs-color-tab-border-pressed-border: var(--theme-brand-action-hover);
  --component-tag-interactive-border: var(--spacing-spacing-2);
  --component-tag-interactive-color-brand-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-cta-link-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-cta-link-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-tag-interactive-color-brand-cta-link-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-cta-link-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-tag-interactive-color-brand-cta-link-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-tag-interactive-color-brand-cta-link-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-tag-interactive-color-brand-cta-link-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-tag-interactive-color-brand-cta-link-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-interactive-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-interactive-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-tag-interactive-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-tag-interactive-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-fill-hover-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-tag-interactive-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-tag-interactive-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-tag-interactive-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-kitchen-tested-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-kitchen-tested-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-kitchen-tested-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-kitchen-tested-hover-border: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-kitchen-tested-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-outline-hover-border: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-inverse-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-cta-link-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-tag-interactive-color-inverse-cta-link-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-cta-link-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-tag-interactive-color-inverse-cta-link-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-tag-interactive-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-tag-interactive-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-brand-action-hover);
  --component-tag-interactive-color-inverse-fill-hover-border: var(--component-cta-color-inverse-fill-hover-bg);
  --component-tag-interactive-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-tag-interactive-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-tag-interactive-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-tag-interactive-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-inverse-outline-enabled-border: var(--interactiveTheme-button-brand-action-alternate);
  --component-tag-interactive-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-tag-interactive-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-tag-interactive-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-tag-interactive-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-inverse-outline-hover-border: var(--component-cta-color-inverse-outline-hover-bg);
  --component-tag-interactive-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-color-inverse-outline-hover-text: var(--theme-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-tag-interactive-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-tag-interactive-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-tag-interactive-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-radius-bottom-left: var(--general-radius-tag);
  --component-tag-interactive-radius-bottom-right: var(--general-radius-tag);
  --component-tag-interactive-radius-top-left: var(--general-radius-tag);
  --component-tag-interactive-radius-top-right: var(--general-radius-tag);
  --component-tag-static-border-width: 2px;
  --component-tag-static-color-fill-A-bg: var(--general-color-fill-brand-1);
  --component-tag-static-color-fill-A-border: var(--component-tag-static-color-fill-A-bg);
  --component-tag-static-color-fill-A-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-A-text: var(--general-color-text-white);
  --component-tag-static-color-fill-B-bg: var(--general-color-fill-brand-2);
  --component-tag-static-color-fill-B-border: var(--component-tag-static-color-fill-B-bg);
  --component-tag-static-color-fill-B-icon: var(--general-color-fill-brand-1);
  --component-tag-static-color-fill-B-text: var(--general-color-text-brand-1);
  --component-tag-static-color-fill-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-static-color-fill-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-static-color-fill-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-color-outline-A-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-A-border: var(--general-color-border-brand-1);
  --component-tag-static-color-outline-A-icon: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-A-text: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-B-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-B-border: var(--general-color-border-dark);
  --component-tag-static-color-outline-B-icon: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-B-text: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-bg: #682dff00;
  --component-tag-static-color-outline-border: var(--theme-brand-action);
  --component-tag-static-color-outline-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-outline-text: var(--interactiveTheme-button-brand-action);
  --component-tag-static-color-text-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-text-text: var(--interactiveTheme-button-brand-action);
  --component-tag-static-inset: var(--padding-none);
  --component-tag-static-radius-bottom-left: var(--general-radius-tag);
  --component-tag-static-radius-bottom-right: var(--general-radius-tag);
  --component-tag-static-radius-top-left: var(--general-radius-tag);
  --component-tag-static-radius-top-right: var(--general-radius-tag);
  --component-vertical-video-asset-default-height: 120px;
  --component-vertical-video-asset-default-width: 120px;
  --component-vertical-video-asset-hover-height: 112px;
  --component-vertical-video-asset-hover-width: 112px;
  --component-vertical-video-border-width: 0px;
  --component-vertical-video-color-bg: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-border-focus: var(--component-category-color-category-enabled);
  --component-vertical-video-color-category-enabled: var(--component-content-grid-color-body);
  --component-vertical-video-color-category-hover: var(--component-content-grid-color-body);
  --component-vertical-video-color-fill: var(--componentTheme-content-grid-fill);
  --component-vertical-video-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-surface: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-title: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-gutter: var(--layout-base-gutter);
  --component-vertical-video-padding-x: var(--layout-base-margin-y);
  --component-vertical-video-padding-y: var(--layout-base-margin-y);
  --component-video-margin-x: var(--spacing-general-margin-x);
  --component-video-margin-y: var(--spacing-general-margin-y);
  --component-video-standalone-video-max-width-desktop: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-mobile: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-tablet: var(--typography-copy-max-width);
  --general-color-background-brand-1: var(--color-primary-color-1-500);
  --general-color-background-brand-2: var(--color-primary-color-2-500);
  --general-color-background-brand-3: var(--color-secondary-color-3-500);
  --general-color-background-brand-4: var(--color-secondary-color-4-500);
  --general-color-background-dark: var(--color-primary-color-1-500);
  --general-color-background-darkest: var(--color-primary-color-1-900);
  --general-color-background-light: var(--color-secondary-color-4-100);
  --general-color-background-white: var(--color-grayscale-white);
  --general-color-border-brand-1: var(--color-primary-color-1-500);
  --general-color-border-brand-2: var(--color-primary-color-2-500);
  --general-color-border-brand-3: var(--color-secondary-color-3-500);
  --general-color-border-dark: var(--color-grayscale-700);
  --general-color-border-darkest: var(--color-grayscale-black);
  --general-color-border-light: var(--color-grayscale-300);
  --general-color-border-mid: var(--color-grayscale-400);
  --general-color-border-white: var(--color-grayscale-white);
  --general-color-fill-brand-1: var(--color-primary-color-1-500);
  --general-color-fill-brand-2: var(--color-primary-color-2-500);
  --general-color-fill-brand-3: var(--color-secondary-color-3-500);
  --general-color-fill-dark: var(--color-grayscale-700);
  --general-color-fill-darkest: var(--color-grayscale-900);
  --general-color-fill-light: var(--color-grayscale-100);
  --general-color-fill-mid: var(--color-grayscale-400);
  --general-color-fill-white: var(--color-grayscale-white);
  --general-color-surface-brand-1: var(--color-primary-color-1-500);
  --general-color-surface-brand-2: var(--color-primary-color-2-500);
  --general-color-surface-brand-3: var(--color-secondary-color-3-500);
  --general-color-surface-dark: var(--color-primary-color-1-500);
  --general-color-surface-darkest: var(--color-primary-color-1-900);
  --general-color-surface-light: var(--color-secondary-color-4-100);
  --general-color-surface-white: var(--color-grayscale-white);
  --general-color-text-brand-1: var(--color-primary-color-1-500);
  --general-color-text-brand-2: var(--color-primary-color-2-500);
  --general-color-text-brand-3: var(--color-secondary-color-3-500);
  --general-color-text-dark: var(--color-grayscale-800);
  --general-color-text-darkest: var(--color-grayscale-black);
  --general-color-text-light: var(--color-primary-color-1-100);
  --general-color-text-mid: var(--color-grayscale-500);
  --general-color-text-white: var(--color-grayscale-white);
  --general-drop-shadow-blur: 0px;
  --general-drop-shadow-color: #000000cc;
  --general-drop-shadow-sub-menu-blur: 12px;
  --general-drop-shadow-sub-menu-color: #00000014;
  --general-drop-shadow-sub-menu-y-value: 2px;
  --general-radius-accordion: var(--radius-radius-8);
  --general-radius-base: var(--radius-radius-8);
  --general-radius-card: var(--general-radius-base);
  --general-radius-card-focus: var(--general-radius-base);
  --general-radius-container: var(--general-radius-base);
  --general-radius-container-l2: var(--radius-radius-0);
  --general-radius-dialog: var(--radius-radius-0);
  --general-radius-focus: var(--radius-radius-0);
  --general-radius-image: var(--general-radius-base);
  --general-radius-label: var(--radius-radius-0);
  --general-radius-modal: var(--radius-radius-0);
  --general-radius-none: var(--radius-radius-0);
  --general-radius-tag: var(--radius-radius-4);
  --spacing-columns-desktop-full-max-width: var(--global-columns-base-desktop-full-max-width);
  --spacing-columns-desktop-full-min-width: var(--global-columns-base-desktop-full-min-width);
  --spacing-columns-desktop-half-max-width: var(--global-columns-base-desktop-half-max-width);
  --spacing-columns-desktop-half-min-width: var(--global-columns-base-desktop-half-min-width);
  --spacing-columns-desktop-one-fourth-max-width: var(--global-columns-base-desktop-oneFourth-max-width);
  --spacing-columns-desktop-one-fourth-min-width: var(--global-columns-base-desktop-oneFourth-min-width);
  --spacing-columns-desktop-one-third-max-width: var(--global-columns-base-desktop-oneThird-max-width);
  --spacing-columns-desktop-one-third-min-width: var(--global-columns-base-desktop-oneThird-min-width);
  --spacing-columns-desktop-three-fourth-max-width: var(--global-columns-base-desktop-three-fourth-max-width);
  --spacing-columns-desktop-three-fourth-min-width: var(--global-columns-base-desktop-three-fourth-min-width);
  --spacing-columns-mobile-full-max-width: var(--global-columns-base-mobile-full-max-width);
  --spacing-columns-mobile-full-min-width: var(--global-columns-base-mobile-full-min-width);
  --spacing-columns-mobile-half-max-width: var(--global-columns-base-mobile-half-max-width);
  --spacing-columns-mobile-half-min-width: var(--global-columns-base-mobile-half-min-width);
  --spacing-columns-mobile-one-fourth-max-width: var(--global-columns-base-mobile-oneFourth-max-width);
  --spacing-columns-mobile-one-third-max-width: var(--global-columns-base-mobile-oneThird-max-width);
  --spacing-columns-mobile-one-third-min-width: var(--global-columns-base-mobile-oneThird-min-width);
  --spacing-columns-mobile-oneFourth-min-width: var(--global-columns-base-mobile-oneFourth-min-width);
  --spacing-columns-mobile-three-fourth-max-width: var(--global-columns-base-mobile-three-fourth-max-width);
  --spacing-columns-mobile-three-fourth-min-width: var(--global-columns-base-mobile-three-fourth-min-width);
  --spacing-columns-tablet-full-max-width: var(--global-columns-base-tablet-full-max-width);
  --spacing-columns-tablet-full-min-width: var(--global-columns-base-tablet-full-min-width);
  --spacing-columns-tablet-half-max-width: var(--global-columns-base-tablet-half-max-width);
  --spacing-columns-tablet-half-min-width: var(--global-columns-base-tablet-half-min-width);
  --spacing-columns-tablet-one-fourth-max-width: var(--global-columns-base-tablet-oneFourth-max-width);
  --spacing-columns-tablet-one-fourth-min-width: var(--global-columns-base-tablet-oneFourth-min-width);
  --spacing-columns-tablet-one-third-max-width: var(--global-columns-base-tablet-oneThird-max-width);
  --spacing-columns-tablet-one-third-min-width: var(--global-columns-base-tablet-oneThird-min-width);
  --spacing-columns-tablet-three-fourth-max-width: var(--global-columns-base-tablet-three-fourth-max-width);
  --spacing-columns-tablet-three-fourth-min-width: var(--global-columns-base-tablet-three-fourth-min-width);
  --spacing-general-buttons-space-between: var(--space-between-small);
  --spacing-general-container-padding-x: var(--layout-full-margin-y);
  --spacing-general-container-padding-y: var(--layout-full-margin-y);
  --spacing-general-copy-margin-bottom: var(--margin-none);
  --spacing-general-cta-margin-top: var(--margin-medium);
  --spacing-general-eyebrow-margin-bottom: var(--margin-xsmall);
  --spacing-general-favicon-dimensions: var(--spacing-spacing-32);
  --spacing-general-gutter: var(--layout-base-gutter);
  --spacing-general-icon-margin-bottom: var(--margin-xsmall);
  --spacing-general-image-padding: var(--padding-none);
  --spacing-general-margin-related-y: var(--spacing-spacing-16);
  --spacing-general-margin-x: var(--layout-base-margin-x);
  --spacing-general-margin-y: var(--layout-base-margin-y);
  --spacing-general-subtitle-margin-top: var(--margin-xsmall);
  --spacing-general-title-margin-bottom: var(--margin-xsmall);
  --spacing-general-top-title-margin-bottom: var(--margin-small);
  --theme-aux-1-bg-bg: var(--general-color-background-brand-1);
  --theme-aux-1-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-1-bg-cta-1-color: inverse;
  --theme-aux-1-bg-cta-2-color: inverse;
  --theme-aux-1-bg-icon: var(--general-color-fill-white);
  --theme-aux-1-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-bg-text-primary: var(--general-color-fill-brand-2);
  --theme-aux-1-bg-text-secondary: var(--general-color-text-white);
  --theme-aux-1-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-1-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-1-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-1-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-1-interactive-button-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-aux-1-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-1-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-1-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-aux-1-interactive-surface-hover: var(--general-color-background-light);
  --theme-aux-1-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-1-surface-border: var(--general-color-border-darkest);
  --theme-aux-1-surface-border-focus: var(--general-color-border-brand-1);
  --theme-aux-1-surface-border-hover: var(--general-color-border-darkest);
  --theme-aux-1-surface-cta-1-color: inverse;
  --theme-aux-1-surface-cta-2-color: inverse;
  --theme-aux-1-surface-icon: var(--general-color-fill-brand-2);
  --theme-aux-1-surface-match-bg-border: var(--general-color-border-darkest);
  --theme-aux-1-surface-match-bg-cta-1-color: inverse;
  --theme-aux-1-surface-match-bg-cta-2-color: inverse;
  --theme-aux-1-surface-match-bg-icon: var(--general-color-fill-brand-2);
  --theme-aux-1-surface-match-bg-surface: var(--theme-aux-1-bg-bg);
  --theme-aux-1-surface-match-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-1-surface-match-bg-text-primary: var(--general-color-text-brand-2);
  --theme-aux-1-surface-match-bg-text-secondary: var(--general-color-text-white);
  --theme-aux-1-surface-surface: var(--general-color-background-white);
  --theme-aux-1-surface-text-hover: var(--theme-brand-action);
  --theme-aux-1-surface-text-link: var(--general-color-text-white);
  --theme-aux-1-surface-text-link-underline: var(--general-color-fill-white);
  --theme-aux-1-surface-text-primary: var(--general-color-text-brand-1);
  --theme-aux-1-surface-text-secondary: var(--general-color-text-darkest);
  --theme-aux-2-bg-bg: var(--color-primary-color-2-500);
  --theme-aux-2-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-2-bg-border: var(--general-color-border-darkest);
  --theme-aux-2-bg-cta-1-color: brand;
  --theme-aux-2-bg-cta-2-color: brand;
  --theme-aux-2-bg-icon: var(--general-color-fill-brand-1);
  --theme-aux-2-bg-text-hover: var(--theme-brand-action);
  --theme-aux-2-bg-text-link: var(--theme-brand-action);
  --theme-aux-2-bg-text-link-underline: var(--theme-link-underline);
  --theme-aux-2-bg-text-primary: var(--general-color-text-brand-1);
  --theme-aux-2-bg-text-secondary: var(--general-color-text-darkest);
  --theme-aux-2-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-2-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-2-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-2-interactive-button-link-underline: var(--theme-link-underline);
  --theme-aux-2-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-aux-2-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-aux-2-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-2-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-2-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-aux-2-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-2-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-2-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-aux-2-interactive-surface-hover: var(--general-color-background-light);
  --theme-aux-2-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-2-surface-border: var(--general-color-border-darkest);
  --theme-aux-2-surface-border-focus: var(--general-color-border-darkest);
  --theme-aux-2-surface-border-hover: var(--general-color-border-darkest);
  --theme-aux-2-surface-cta-1-color: brand;
  --theme-aux-2-surface-cta-2-color: brand;
  --theme-aux-2-surface-icon: var(--general-color-fill-brand-2);
  --theme-aux-2-surface-match-bg-border: var(--general-color-border-darkest);
  --theme-aux-2-surface-match-bg-cta-1-color: brand;
  --theme-aux-2-surface-match-bg-cta-2-color: brand;
  --theme-aux-2-surface-match-bg-fill: var(--general-color-fill-brand-1);
  --theme-aux-2-surface-match-bg-surface: var(--theme-aux-2-bg-bg);
  --theme-aux-2-surface-match-bg-text-hover: var(--theme-brand-action);
  --theme-aux-2-surface-match-bg-text-primary: var(--general-color-text-brand-1);
  --theme-aux-2-surface-match-bg-text-secondary: var(--general-color-text-dark);
  --theme-aux-2-surface-surface: var(--general-color-background-white);
  --theme-aux-2-surface-text-hover: var(--theme-brand-action);
  --theme-aux-2-surface-text-link: var(--theme-brand-action);
  --theme-aux-2-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-2-surface-text-primary: var(--general-color-text-brand-1);
  --theme-aux-2-surface-text-secondary: var(--general-color-text-dark);
  --theme-brand-action: var(--general-color-fill-brand-1);
  --theme-brand-action-alternate: var(--color-primary-color-1-100);
  --theme-brand-action-alternate-inverse: var(--color-primary-color-1-900);
  --theme-brand-action-hover: var(--color-primary-color-1-900);
  --theme-brand-action-hover-inverse: var(--color-primary-color-1-100);
  --theme-brand-action-inverse: var(--general-color-fill-white);
  --theme-link-underline: var(--theme-brand-action);
  --theme-link-underline-inverse: var(--theme-brand-action-inverse);
  --theme-primary-bg-bg: var(--general-color-background-white);
  --theme-primary-bg-bg-decor-accent: var(--general-color-background-brand-2);
  --theme-primary-bg-border: var(--general-color-border-light);
  --theme-primary-bg-cta-1-color: brand;
  --theme-primary-bg-cta-2-color: brand;
  --theme-primary-bg-icon: var(--general-color-fill-brand-1);
  --theme-primary-bg-text-hover: var(--theme-brand-action-hover);
  --theme-primary-bg-text-link: var(--theme-brand-action);
  --theme-primary-bg-text-link-underline: var(--theme-link-underline);
  --theme-primary-bg-text-primary: var(--general-color-text-brand-1);
  --theme-primary-bg-text-secondary: var(--general-color-text-dark);
  --theme-primary-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-primary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-primary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-primary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-primary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-primary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-primary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-primary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-primary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-primary-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-primary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-primary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-surface-focus: var(--theme-primary-surface-surface);
  --theme-primary-interactive-surface-hover: var(--general-color-background-light);
  --theme-primary-interactive-surface-pressed: var(--theme-primary-interactive-surface-hover);
  --theme-primary-surface-border: var(--general-color-border-darkest);
  --theme-primary-surface-border-focus: var(--general-color-border-brand-1);
  --theme-primary-surface-border-hover: var(--general-color-border-light);
  --theme-primary-surface-cta-1-color: brand;
  --theme-primary-surface-cta-2-color: brand;
  --theme-primary-surface-icon: var(--general-color-fill-brand-1);
  --theme-primary-surface-match-bg-border: var(--general-color-border-darkest);
  --theme-primary-surface-match-bg-cta-1-color: brand;
  --theme-primary-surface-match-bg-cta-2-color: brand;
  --theme-primary-surface-match-bg-fill: var(--general-color-fill-darkest);
  --theme-primary-surface-match-bg-surface: var(--theme-primary-bg-bg);
  --theme-primary-surface-match-bg-text-hover: var(--theme-brand-action);
  --theme-primary-surface-match-bg-text-primary: var(--general-color-text-brand-1);
  --theme-primary-surface-match-bg-text-secondary: var(--general-color-text-dark);
  --theme-primary-surface-surface: var(--general-color-surface-white);
  --theme-primary-surface-text-hover: var(--theme-brand-action);
  --theme-primary-surface-text-link: var(--theme-brand-action);
  --theme-primary-surface-text-link-underline: var(--theme-link-underline);
  --theme-primary-surface-text-primary: var(--general-color-text-brand-1);
  --theme-primary-surface-text-secondary: var(--general-color-text-dark);
  --theme-secondary-bg-bg: var(--general-color-background-light);
  --theme-secondary-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-secondary-bg-border: var(--general-color-border-white);
  --theme-secondary-bg-cta-1-color: brand;
  --theme-secondary-bg-cta-2-color: brand;
  --theme-secondary-bg-icon: var(--general-color-fill-brand-1);
  --theme-secondary-bg-text-hover: var(--theme-brand-action-hover);
  --theme-secondary-bg-text-link: var(--theme-brand-action);
  --theme-secondary-bg-text-link-underline: var(--theme-link-underline);
  --theme-secondary-bg-text-primary: var(--general-color-text-brand-1);
  --theme-secondary-bg-text-secondary: var(--general-color-text-darkest);
  --theme-secondary-interactive-action-bar-button-border: var(--component-cta-color-brand-fill-enabled-border);
  --theme-secondary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-secondary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-secondary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-secondary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-secondary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-secondary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-secondary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-secondary-interactive-surface-hover: var(--general-color-background-white);
  --theme-secondary-interactive-surface-pressed: var(--theme-secondary-interactive-surface-hover);
  --theme-secondary-surface-border: var(--general-color-border-darkest);
  --theme-secondary-surface-border-focus: var(--general-color-border-brand-1);
  --theme-secondary-surface-border-hover: var(--general-color-border-darkest);
  --theme-secondary-surface-cta-1-color: brand;
  --theme-secondary-surface-cta-2-color: brand;
  --theme-secondary-surface-icon: var(--general-color-fill-brand-1);
  --theme-secondary-surface-match-bg-border: var(--general-color-border-darkest);
  --theme-secondary-surface-match-bg-cta-1-color: brand;
  --theme-secondary-surface-match-bg-cta-2-color: brand;
  --theme-secondary-surface-match-bg-fill: var(--general-color-fill-brand-1);
  --theme-secondary-surface-match-bg-surface: var(--theme-secondary-bg-bg);
  --theme-secondary-surface-match-bg-text-hover: var(--theme-brand-action);
  --theme-secondary-surface-match-bg-text-primary: var(--general-color-text-brand-1);
  --theme-secondary-surface-match-bg-text-secondary: var(--general-color-text-dark);
  --theme-secondary-surface-surface: var(--general-color-surface-white);
  --theme-secondary-surface-text-hover: var(--theme-brand-action);
  --theme-secondary-surface-text-link: var(--theme-brand-action);
  --theme-secondary-surface-text-link-underline: var(--theme-link-underline);
  --theme-secondary-surface-text-primary: var(--general-color-text-brand-1);
  --theme-secondary-surface-text-secondary: var(--general-color-text-darkest);
  --typography-font-family-accent-header: var(--typography-font-family-yellowtail);
  --typography-font-family-body: var(--typography-font-family-noto-sans);
  --typography-font-family-header: var(--typography-font-family-oswald);
  --typography-font-size-desktop-accent-header-display: var(--typography-font-size-font-size-80);
  --typography-font-size-desktop-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-accent-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-accent-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-accent-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-desktop-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-desktop-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-desktop-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-display: var(--typography-font-size-font-size-72);
  --typography-font-size-mobile-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-accent-header-large: var(--typography-font-size-font-size-40);
  --typography-font-size-mobile-accent-header-medium: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-accent-header-small: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-accent-header-xlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-mobile-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-accent-header-xxlarge: var(--typography-font-size-font-size-56);
  --typography-font-size-mobile-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-mobile-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-mobile-header-display: var(--typography-font-size-font-size-48);
  --typography-font-size-mobile-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-mobile-header-xlarge: var(--typography-font-size-font-size-36);
  --typography-font-size-mobile-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-mobile-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-accent-header-display: var(--typography-font-size-font-size-104);
  --typography-font-size-tablet-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-accent-header-large: var(--typography-font-size-font-size-48);
  --typography-font-size-tablet-accent-header-medium: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-accent-header-small: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-accent-header-xlarge: var(--typography-font-size-font-size-56);
  --typography-font-size-tablet-accent-header-xsmall: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-accent-header-xxlarge: var(--typography-font-size-font-size-64);
  --typography-font-size-tablet-accent-header-xxsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-tablet-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-tablet-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-tablet-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-header-medium: var(--typography-font-size-font-size-28);
  --typography-font-size-tablet-header-small: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-header-xsmall: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-tablet-header-xxsmall: var(--typography-font-size-font-size-18);
  --typography-font-weight-body: 400;
  --typography-font-weight-body-bold: 700;
  --typography-font-weight-button: 700;
  --typography-font-weight-display: 700;
  --typography-font-weight-large: 700;
  --typography-font-weight-medium: 700;
  --typography-font-weight-small: 700;
  --typography-font-weight-xlarge: 700;
  --typography-font-weight-xsmall: 700;
  --typography-font-weight-xxlarge: 700;
  --typography-font-weight-xxsmall: 700;
}

.BrandsOEP {
  --color-grayscale-100: #f2f2f7;
  --color-grayscale-200: var(--color-grayscale-coolGray-200);
  --color-grayscale-300: var(--color-grayscale-coolGray-300);
  --color-grayscale-400: var(--color-grayscale-coolGray-400);
  --color-grayscale-500: var(--color-grayscale-coolGray-500);
  --color-grayscale-600: var(--color-grayscale-coolGray-600);
  --color-grayscale-700: var(--color-grayscale-coolGray-700);
  --color-grayscale-800: var(--color-grayscale-coolGray-800);
  --color-grayscale-900: #0d0d0d;
  --color-grayscale-black: #000000;
  --color-primary-color-1-100: #fffff9;
  --color-primary-color-1-300: #fffdbb;
  --color-primary-color-1-500: #ffdd00;
  --color-primary-color-1-700: #c3af0c;
  --color-primary-color-1-900: #8c8212;
  --color-primary-color-1-accessible: #dbbf05;
  --color-primary-color-2-100: #fcc0c9;
  --color-primary-color-2-300: #fa8398;
  --color-primary-color-2-500: #c10230;
  --color-primary-color-2-700: #8b092b;
  --color-primary-color-2-900: #590b21;
  --color-primary-color-2-accessible: var(--color-primary-color-2-500);
  --color-secondary-color-3-100: #dcfffd;
  --color-secondary-color-3-500: #0a807c;
  --color-secondary-color-3-900: #064d4a;
  --color-secondary-color-4-100: #ffe7de;
  --color-secondary-color-4-500: #ca4f1f;
  --color-secondary-color-4-900: #63270f;
  --color-secondary-color-5-100: #f4e9e5;
  --color-secondary-color-5-500: #5c3327;
  --color-secondary-color-5-900: #291711;
  --color-secondary-color-6-100: #e3fffe;
  --color-secondary-color-6-500: #10cfc9;
  --color-secondary-color-6-900: #086966;
  --color-secondary-color-7-100: #f0ffde;
  --color-secondary-color-7-500: #70ca00;
  --color-secondary-color-7-900: #376300;
  --color-tertiary-color-swatch-500: var(--color-brand-general-mills-generalMills-red);
  --component-accordion-color-default-body: var(--general-color-text-darkest);
  --component-accordion-color-default-border: var(--general-color-border-light);
  --component-accordion-color-default-icons: var(--theme-brand-action);
  --component-accordion-color-default-surface: var(--general-color-surface-white);
  --component-accordion-color-default-title: var(--general-color-text-dark);
  --component-accordion-color-hover-body: var(--general-color-text-darkest);
  --component-accordion-color-hover-border: var(--theme-brand-action);
  --component-accordion-color-hover-icons: var(--theme-brand-action-hover);
  --component-accordion-color-hover-surface: var(--general-color-surface-light);
  --component-accordion-color-hover-title: var(--general-color-text-brand-1);
  --component-accordion-item-border-bottom: 0px;
  --component-accordion-item-border-left: 0px;
  --component-accordion-item-border-right: 0px;
  --component-accordion-item-border-top: 1px;
  --component-accordion-padding-x: var(--padding-small);
  --component-accordion-padding-y: var(--padding-small);
  --component-action-bar-border: var(--spacing-spacing-0);
  --component-action-bar-color-border: var(--general-color-border-white);
  --component-action-bar-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-enabled-border: var(--general-color-text-brand-1);
  --component-action-bar-color-button-enabled-icon: var(--general-color-fill-brand-2);
  --component-action-bar-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-focus-focus-border: var(--theme-brand-action);
  --component-action-bar-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-action-bar-color-button-hover-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-pressed-icon: var(--theme-brand-action-hover);
  --component-action-bar-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-action-bar-color-surface: var(--general-color-surface-white);
  --component-action-bar-color-toggle-active-bg: var(--general-color-fill-brand-2);
  --component-action-bar-color-toggle-active-switch-circle: var(--general-color-fill-white);
  --component-action-bar-color-toggle-inactive-bg: var(--general-color-fill-mid);
  --component-action-bar-color-toggle-inactive-switch-circle: var(--general-color-fill-white);
  --component-action-bar-gap-horizontal: var(--spacing-spacing-16);
  --component-action-bar-gap-vertical: var(--spacing-spacing-12);
  --component-action-bar-radius: var(--radius-radius-12);
  --component-action-bar-share-menu-bg-default: var(--general-color-background-white);
  --component-action-bar-share-menu-bg-hover: var(--color-grayscale-100);
  --component-action-bar-share-menu-blur: 12px;
  --component-action-bar-share-menu-color: #00000014;
  --component-action-bar-share-menu-focus-border: var(--theme-brand-action);
  --component-action-bar-share-menu-max-width: 350px;
  --component-action-bar-share-menu-min-height: 48px;
  --component-action-bar-share-menu-min-width: 200px;
  --component-action-bar-share-menu-text: var(--general-color-text-darkest);
  --component-action-bar-share-menu-y-value: 2px;
  --component-action-bar-width-desktop: 88px;
  --component-action-bar-width-mobile: 56px;
  --component-action-bar-width-tablet: 64px;
  --component-alert-banner-bg: var(--general-color-background-brand-3);
  --component-alert-banner-body: var(--general-color-text-white);
  --component-alert-banner-button-color-1: inverse;
  --component-alert-banner-button-color-2: inverse;
  --component-alert-banner-close: var(--general-color-fill-white);
  --component-alert-banner-icon: var(--general-color-fill-white);
  --component-alert-banner-title: var(--general-color-text-white);
  --component-breadcrumb-color-bg: var(--theme-primary-bg-bg);
  --component-breadcrumb-color-item-enabled-icon: var(--general-color-fill-mid);
  --component-breadcrumb-color-item-enabled-text: var(--color-grayscale-500);
  --component-breadcrumb-color-item-focus-icon: var(--component-breadcrumb-color-item-hover-icon);
  --component-breadcrumb-color-item-focus-text: var(--component-breadcrumb-color-item-hover-text);
  --component-breadcrumb-color-item-hover-icon: var(--theme-brand-action);
  --component-breadcrumb-color-item-hover-text: var(--theme-brand-action);
  --component-breadcrumb-color-item-pressed-icon: var(--theme-brand-action);
  --component-breadcrumb-color-item-pressed-text: var(--theme-brand-action);
  --component-breadcrumb-color-tip-active-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-bg: var(--color-grayscale-black);
  --component-breadcrumb-color-tip-enabled-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-hover-link: var(--general-color-text-white);
  --component-button-tag-color-disabled-bg: #08459833;
  --component-button-tag-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-button-tag-color-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-focus-bg: var(--component-button-tag-color-enabled-bg);
  --component-button-tag-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-button-tag-color-focus-text: var(--component-button-tag-color-enabled-text);
  --component-button-tag-color-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-border: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-button-tag-color-link-underline: var(--general-color-fill-brand-1);
  --component-button-tag-color-pressed-bg: var(--component-button-tag-color-hover-bg);
  --component-button-tag-color-pressed-border: var(--component-button-tag-color-hover-border);
  --component-button-tag-color-pressed-text: var(--component-button-tag-color-hover-text);
  --component-button-tag-radius: var(--radius-radius-rounded);
  --component-button-tag-size-base-border: var(--spacing-spacing-2);
  --component-button-tag-size-base-padding-left: var(--spacing-spacing-16);
  --component-button-tag-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-button-tag-size-base-padding-y: var(--spacing-spacing-8);
  --component-button-tag-size-base-space-between: var(--spacing-spacing-8);
  --component-button-tag-size-small-border: var(--spacing-spacing-4);
  --component-button-tag-size-small-gap: var(--spacing-spacing-8);
  --component-button-tag-size-small-padding-left: var(--spacing-spacing-12);
  --component-button-tag-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-button-tag-size-small-padding-y: var(--spacing-spacing-8);
  --component-card-article-card-border-width: var(--spacing-spacing-4);
  --component-card-article-card-radius: var(--general-radius-card);
  --component-card-article-image-borderWidth: var(--spacing-spacing-4);
  --component-card-article-image-image-ratio: "3:2";
  --component-card-article-image-radius: var(--general-radius-image);
  --component-card-general-card-border-width: var(--spacing-spacing-4);
  --component-card-general-card-radius: var(--general-radius-card);
  --component-card-general-color-body: var(--component-cards-base-color-on-surface-body);
  --component-card-general-color-border: var(--component-cards-base-color-on-surface-border);
  --component-card-general-color-cta-1-color: var(--component-cards-base-color-on-surface-cta-1-color);
  --component-card-general-color-image-border: var(--color-grayscale-black);
  --component-card-general-color-subtitle: var(--component-cards-base-color-on-surface-subtitle);
  --component-card-general-color-surface: var(--component-cards-base-color-on-surface-surface);
  --component-card-general-color-title: var(--component-cards-base-color-on-surface-title);
  --component-card-product-card-border-width: var(--spacing-spacing-4);
  --component-card-product-color-image-bg: var(--general-color-background-brand-1);
  --component-card-product-image-borderWidth: var(--spacing-spacing-4);
  --component-card-product-image-image-ratio: "1:1";
  --component-card-recipe-card-border-width: var(--spacing-spacing-4);
  --component-card-recipe-card-minHeight: 280px;
  --component-card-recipe-card-padding-x: var(--padding-none);
  --component-card-recipe-card-padding-y: var(--padding-none);
  --component-card-recipe-card-radius: var(--general-radius-card);
  --component-card-recipe-color-ratings: var(--interactiveTheme-ratings-active);
  --component-card-recipe-image-borderWidth: var(--spacing-spacing-4);
  --component-card-recipe-image-image-ratio: "3:2";
  --component-card-recipe-image-padding-top: var(--component-card-recipe-image-padding-x);
  --component-card-recipe-image-padding-x: var(--padding-none);
  --component-card-recipe-image-radius: var(--general-radius-image);
  --component-cards-base-card-border-width: var(--spacing-spacing-2);
  --component-cards-base-card-border-width-focus: var(--spacing-spacing-4);
  --component-cards-base-card-border-width-hover: var(--spacing-spacing-2);
  --component-cards-base-card-label-margin: var(--spacing-spacing-12);
  --component-cards-base-card-min-height: 262px;
  --component-cards-base-card-padding-x: var(--padding-xxsmall);
  --component-cards-base-card-padding-y: var(--padding-xxsmall);
  --component-cards-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-border: var(--component-cards-base-color-on-surface-surface);
  --component-cards-base-color-on-surface-border-focus: var(--general-color-border-brand-2);
  --component-cards-base-color-on-surface-border-hover: var(--componentTheme-cards-on-surface-border-hover);
  --component-cards-base-color-on-surface-cta-1-color: var(--componentTheme-cards-on-surface-cta-1-color);
  --component-cards-base-color-on-surface-cta-2-color: var(--componentTheme-cards-on-surface-cta-2-color);
  --component-cards-base-color-on-surface-image-bg: var(--general-color-background-light);
  --component-cards-base-color-on-surface-image-border: var(--color-grayscale-white);
  --component-cards-base-color-on-surface-ratings-active: var(--general-color-fill-brand-2);
  --component-cards-base-color-on-surface-ratings-inactive: var(--general-color-fill-mid);
  --component-cards-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-cards-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-cards-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-cards-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-cards-base-copy-padding-x: var(--padding-xsmall);
  --component-cards-base-copy-padding-y: var(--padding-xsmall);
  --component-cards-base-image-bg: var(--general-color-background-light);
  --component-cards-base-image-border: var(--color-grayscale-white);
  --component-cards-base-image-border-width: var(--spacing-spacing-0);
  --component-cards-base-image-category-image-ratio: "1:1";
  --component-cards-base-image-image-ratio: "16:9";
  --component-cards-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-cards-base-image-padding-x: var(--padding-none);
  --component-cards-base-image-radius: var(--general-radius-none);
  --component-cards-card-max-width-mobile: 480px;
  --component-carousel-border-width: 1px;
  --component-carousel-controls-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-brand-icon: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-controls-inverse-icon: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-brand-fill: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-inverse-fill: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-color: var(--component-content-grid-color-button-color-1);
  --component-category-asset-default-height: 120px;
  --component-category-asset-default-width: 120px;
  --component-category-asset-hover-height: 112px;
  --component-category-asset-hover-width: 112px;
  --component-category-color-bg: var(--componentTheme-content-grid-bg);
  --component-category-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-border-focus: var(--component-category-color-category-enabled);
  --component-category-color-category-enabled: var(--component-content-grid-color-body);
  --component-category-color-category-hover: var(--component-content-grid-color-body);
  --component-category-color-fill: var(--componentTheme-content-grid-fill);
  --component-category-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-surface: var(--componentTheme-content-grid-bg);
  --component-category-color-title: var(--componentTheme-content-grid-text-primary);
  --component-category-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-category-gutter: var(--spacing-general-gutter);
  --component-category-padding-x: var(--spacing-general-margin-x);
  --component-category-padding-y: var(--spacing-general-margin-y);
  --component-checkbox-radio-color-brand-fill-disabled-opacity: 0.5;
  --component-checkbox-radio-color-brand-fill-disabled-text: var(--general-color-text-mid);
  --component-checkbox-radio-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-checkbox-radio-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-checkbox-radio-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-enabled-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-error-bg: var(--color-system-error-100);
  --component-checkbox-radio-color-brand-fill-error-border: var(--color-system-error-500);
  --component-checkbox-radio-color-brand-fill-error-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-enabled-bg);
  --component-checkbox-radio-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-focus-border);
  --component-checkbox-radio-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-focus-icon);
  --component-checkbox-radio-color-brand-fill-focus-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-selected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-selected-border: var(--component-checkbox-radio-color-brand-fill-hover-selected-bg);
  --component-checkbox-radio-color-brand-fill-hover-selected-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-hover-selected-text: var(--general-color-text-darkest);
  --component-checkbox-radio-color-brand-fill-hover-unselected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-unselected-border: var(--component-checkbox-radio-color-brand-fill-hover-selected-bg);
  --component-checkbox-radio-color-brand-fill-hover-unselected-icon: var(--theme-primary-interactive-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-unselected-text: var(--general-color-text-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-bg: var(--general-color-background-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-icon: var(--general-color-fill-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-text: var(--general-color-text-dark);
  --component-content-grid-color-bg: var(--componentTheme-content-grid-bg);
  --component-content-grid-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-content-grid-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-content-grid-color-title: var(--componentTheme-content-grid-text-primary);
  --component-content-grid-margin-x: var(--spacing-general-margin-x);
  --component-content-grid-margin-x-2: var(--spacing-general-margin-x);
  --component-content-grid-margin-y: var(--spacing-general-margin-y);
  --component-content-grid-margin-y-2: var(--spacing-general-margin-y);
  --component-content-grid-pdp-color-bg: var(--general-color-background-white);
  --component-content-grid-pdp-color-body: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-pdp-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-pdp-color-subtitle: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-title: var(--general-color-text-dark);
  --component-cta-color-brand-fill-disabled-opacity: 0.5;
  --component-cta-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-cta-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-cta-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-cta-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-cta-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-cta-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-ghost-disabled-opacity: 0.5;
  --component-cta-color-brand-ghost-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-enabled-text: var(--interactiveTheme-button-ghost-link);
  --component-cta-color-brand-ghost-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-cta-color-brand-ghost-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-ghost-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-cta-color-brand-ghost-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-cta-color-brand-ghost-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-cta-color-brand-ghost-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-cta-color-brand-ghost-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-outline-disabled-opacity: 0.5;
  --component-cta-color-brand-outline-enabled-bg: #ffffff00;
  --component-cta-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-cta-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-cta-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-cta-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-cta-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-cta-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-cta-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-inverse-fill-disabled-opacity: 0.5;
  --component-cta-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-enabled-text: var(--theme-primary-interactive-button-brand-action);
  --component-cta-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-cta-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-cta-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-brand-action-hover);
  --component-cta-color-inverse-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-cta-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-cta-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-cta-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-ghost-disabled-opacity: 0.5;
  --component-cta-color-inverse-ghost-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-cta-color-inverse-ghost-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-ghost-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-cta-color-inverse-ghost-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-outline-disabled-opacity: 0.5;
  --component-cta-color-inverse-outline-enabled-bg: #ffffff00;
  --component-cta-color-inverse-outline-enabled-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-cta-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-cta-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-cta-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-inverse-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-color-inverse-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-cta-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-cta-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-cta-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-focus-radius: var(--radius-radius-rounded);
  --component-cta-radius: var(--radius-radius-rounded);
  --component-cta-size-base-border: var(--spacing-spacing-2);
  --component-cta-size-base-border-2: var(--spacing-spacing-2);
  --component-cta-size-base-padding-left: var(--spacing-spacing-12);
  --component-cta-size-base-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-base-padding-y: var(--spacing-spacing-12);
  --component-cta-size-base-space-between: var(--spacing-spacing-4);
  --component-cta-size-small-border: var(--spacing-spacing-4);
  --component-cta-size-small-gap: var(--spacing-spacing-8);
  --component-cta-size-small-padding-left: var(--spacing-spacing-16);
  --component-cta-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-small-padding-y: var(--spacing-spacing-8);
  --component-dialog-box-shadow-blur: 24px;
  --component-dialog-color-body: var(--theme-primary-surface-match-bg-text-secondary);
  --component-dialog-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-dialog-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-dialog-color-smokescreen: #000000cc;
  --component-dialog-color-surface: var(--general-color-surface-white);
  --component-dialog-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-dialog-content-padding-x: var(--padding-medium);
  --component-dialog-content-padding-y: var(--padding-medium);
  --component-error-state-page-color-bg: var(--component-content-grid-color-bg);
  --component-error-state-page-color-body: var(--componentTheme-surface-text-secondary);
  --component-error-state-page-color-cta-1-color: var(--componentTheme-surface-cta-1-color);
  --component-error-state-page-color-icon: var(--componentTheme-surface-icon);
  --component-error-state-page-color-image-bg: var(--general-color-background-dark);
  --component-error-state-page-color-surface: var(--componentTheme-surface-surface);
  --component-error-state-page-color-title: var(--general-color-text-brand-1);
  --component-error-state-page-content-padding-x: var(--layout-full-margin-x);
  --component-error-state-page-content-padding-y: var(--layout-full-margin-y);
  --component-error-state-page-content-radius: var(--general-radius-container);
  --component-error-state-page-copy-padding-x: var(--padding-medium);
  --component-error-state-page-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-error-state-page-copy-radius: var(--general-radius-container);
  --component-error-state-page-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-error-state-page-gutter: var(--layout-full-gutter);
  --component-error-state-page-image-imageLeft-radius-bottomLeft: var(--general-radius-base);
  --component-error-state-page-image-imageLeft-radius-bottomRight: var(--general-radius-base);
  --component-error-state-page-image-imageLeft-radius-top-left: var(--general-radius-base);
  --component-error-state-page-image-imageLeft-radius-top-right: var(--general-radius-base);
  --component-error-state-page-image-imageRight-radius-bottom-left: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-imageRight-radius-bottom-right: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-imageRight-radius-top-left: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-imageRight-radius-top-right: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-max-height-desktop: 1024px;
  --component-error-state-page-image-max-height-mobile: 360px;
  --component-error-state-page-image-max-height-tablet: 1024px;
  --component-error-state-page-image-min-height-desktop: 370px;
  --component-error-state-page-image-min-height-mobile: 180px;
  --component-error-state-page-image-min-height-tablet: 392px;
  --component-error-state-page-image-padding-x: var(--padding-small);
  --component-error-state-page-image-padding-y: var(--component-newsletter-sign-up-image-padding-x);
  --component-error-state-page-image-radius: var(--general-radius-image);
  --component-error-state-page-margin-x: var(--spacing-general-margin-x);
  --component-error-state-page-margin-y: var(--spacing-general-margin-y);
  --component-facets-color-default-border: var(--component-facets-color-default-surface);
  --component-facets-color-default-icons: var(--general-color-fill-brand-2);
  --component-facets-color-default-surface: var(--theme-primary-surface-match-bg-surface);
  --component-facets-color-default-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-facets-color-focus-border: var(--general-color-border-brand-1);
  --component-facets-color-focus-icons: var(--general-color-background-brand-1);
  --component-facets-color-focus-surface: var(--general-color-surface-light);
  --component-facets-color-focus-title: var(--general-color-text-darkest);
  --component-facets-color-hover-border: var(--general-color-border-brand-1);
  --component-facets-color-hover-icons: var(--general-color-background-brand-1);
  --component-facets-color-hover-surface: var(--general-color-surface-light);
  --component-facets-color-hover-title: var(--general-color-text-darkest);
  --component-facets-counter-surface: #ffffff;
  --component-facets-counter-text: #ffffff;
  --component-facets-max-width: 302px;
  --component-facets-padding-x: var(--padding-xxsmall);
  --component-facets-padding-y: var(--padding-xxsmall);
  --component-facets-radius: var(--radius-radius-2);
  --component-favorites-border: var(--spacing-spacing-0);
  --component-favorites-color-border: var(--general-color-border-white);
  --component-favorites-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-focus-focus-border: var(--theme-brand-action);
  --component-favorites-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-favorites-color-button-hover-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-favorites-color-surface: var(--general-color-surface-white);
  --component-favorites-lists-menu-bg-default: var(--general-color-background-white);
  --component-favorites-lists-menu-bg-hover: var(--general-color-background-white);
  --component-favorites-lists-menu-focus-border: var(--general-color-text-darkest);
  --component-favorites-lists-menu-max-width: 350px;
  --component-favorites-lists-menu-min-height: 48px;
  --component-favorites-lists-menu-min-width: 200px;
  --component-favorites-lists-menu-text: var(--general-color-text-darkest);
  --component-favorites-radius: var(--radius-radius-12);
  --component-feature-full-color-bg: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-body: var(--theme-primary-surface-text-secondary);
  --component-feature-full-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-feature-full-color-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --component-feature-full-color-eyebrow: var(--theme-primary-surface-text-secondary);
  --component-feature-full-color-fill: var(--theme-primary-surface-icon);
  --component-feature-full-color-image-bg: var(--general-color-fill-light);
  --component-feature-full-color-surface: var(--theme-primary-surface-surface);
  --component-feature-full-color-title: var(--theme-primary-surface-text-primary);
  --component-feature-full-copy-block-copy-block-indent: var(--padding-small);
  --component-feature-full-copy-block-padding-x: var(--padding-medium);
  --component-feature-full-copy-block-padding-y: var(--component-feature-full-copy-block-padding-x);
  --component-feature-full-copy-block-radius: var(--general-radius-container);
  --component-feature-full-copy-container-padding-x: var(--layout-base-margin-x);
  --component-feature-full-copy-container-padding-y: var(--layout-base-margin-y);
  --component-feature-full-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-feature-full-decor-decor-accent: var(--componentTheme-content-grid-bg-decor-accent);
  --component-feature-full-decor-decor-match-primary-bg: var(--theme-primary-bg-bg);
  --component-feature-full-decor-icon-height: var(--icon-large-height);
  --component-feature-full-image-padding-left: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-right: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-x: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-y: var(--spacing-general-margin-x);
  --component-feature-full-image-radius: var(--general-radius-image);
  --component-feature-split-color-bg: var(--componentTheme-feature-bg);
  --component-feature-split-color-body: var(--componentTheme-feature-match-bg-text-secondary);
  --component-feature-split-color-button-size: base;
  --component-feature-split-color-cta-1-color: var(--componentTheme-feature-match-bg-cta-1-color);
  --component-feature-split-color-cta-2-color: var(--componentTheme-feature-match-bg-cta-2-color);
  --component-feature-split-color-eyebrow: var(--componentTheme-feature-match-bg-text-secondary);
  --component-feature-split-color-fill: var(--componentTheme-feature-match-bg-fill);
  --component-feature-split-color-image-bg: var(--general-color-background-brand-1);
  --component-feature-split-color-subtitle: var(--componentTheme-feature-match-bg-text-secondary);
  --component-feature-split-color-surface: var(--componentTheme-feature-match-bg-surface);
  --component-feature-split-color-title: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-constrained-copy-desktop-max-width: 360px;
  --component-feature-split-constrained-copy-mobile-max-width: 767px;
  --component-feature-split-constrained-copy-padding-x: var(--padding-xlarge);
  --component-feature-split-constrained-copy-padding-y: var(--component-feature-split-constrained-copy-padding-x);
  --component-feature-split-constrained-copy-tablet-max-width: 816px;
  --component-feature-split-constrained-image-desktop-min-width: 560px;
  --component-feature-split-constrained-image-mobile-min-width: 560px;
  --component-feature-split-constrained-image-tablet-min-width: 560px;
  --component-feature-split-constrained-margin-left: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-constrained-margin-right: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-content-padding-x: var(--layout-full-margin-x);
  --component-feature-split-content-padding-y: var(--layout-full-margin-y);
  --component-feature-split-content-radius: var(--general-radius-container);
  --component-feature-split-copy-padding-x: var(--padding-small);
  --component-feature-split-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-feature-split-copy-radius: var(--general-radius-container);
  --component-feature-split-decor-bg-accent: var(--general-color-text-brand-3);
  --component-feature-split-decor-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-feature-split-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-feature-split-decor-icon-height: var(--icon-large-height);
  --component-feature-split-gutter: var(--margin-none);
  --component-feature-split-image-border: var(--color-grayscale-100);
  --component-feature-split-image-border-width: var(--spacing-spacing-0);
  --component-feature-split-image-image-ratio: "3:2";
  --component-feature-split-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-padding-x: var(--padding-xsmall);
  --component-feature-split-image-padding-y: var(--padding-none);
  --component-feature-split-image-radius: var(--general-radius-none);
  --component-feature-split-margin-x: var(--width-component-feature-margin-x);
  --component-feature-split-margin-y: var(--layout-compact-margin-y);
  --component-filters-color-default-border: var(--general-color-border-darkest);
  --component-filters-color-default-label: var(--general-color-text-darkest);
  --component-filters-color-default-surface: var(--general-color-surface-white);
  --component-filters-color-focus-border: var(--general-color-border-brand-1);
  --component-filters-color-focus-label: var(--general-color-text-darkest);
  --component-filters-color-focus-surface: var(--general-color-surface-light);
  --component-filters-color-hover-border: var(--theme-brand-action);
  --component-filters-color-hover-label: var(--general-color-text-darkest);
  --component-filters-color-hover-surface: var(--general-color-surface-light);
  --component-filters-color-selected-border: var(--theme-brand-action);
  --component-filters-color-selected-icons: var(--general-color-background-white);
  --component-filters-color-selected-label: var(--general-color-text-darkest);
  --component-filters-color-selected-surface: var(--theme-brand-action);
  --component-filters-counter-surface: var(--general-color-background-darkest);
  --component-filters-counter-text: var(--general-color-text-white);
  --component-filters-padding-x: var(--padding-xxsmall);
  --component-filters-padding-y: var(--padding-xxsmall);
  --component-filters-radius: var(--radius-radius-2);
  --component-form-field-color-button-color-1: brand;
  --component-form-field-color-button-color-2: brand;
  --component-form-field-color-default-bg: var(--component-search-field-default-bg);
  --component-form-field-color-default-border: var(--color-grayscale-200);
  --component-form-field-color-descriptive-text: var(--general-color-text-darkest);
  --component-form-field-color-filled-border: var(--color-grayscale-800);
  --component-form-field-color-icon: var(--general-color-fill-darkest);
  --component-form-field-color-label: var(--general-color-text-darkest);
  --component-form-field-color-placeholder-text: var(--general-color-text-mid);
  --component-form-field-color-required-asterisk: var(--component-form-field-color-label);
  --component-form-field-color-surface: var(--general-color-surface-white);
  --component-hero-color-alternate-bg: var(--componentTheme-hero-bg);
  --component-hero-color-alternate-body: var(--componentTheme-hero-match-bg-text-secondary);
  --component-hero-color-alternate-cta-1-color: var(--componentTheme-hero-match-bg-cta-1-color);
  --component-hero-color-alternate-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-alternate-eyebrow: var(--componentTheme-hero-match-bg-text-secondary);
  --component-hero-color-alternate-fill: var(--componentTheme-hero-fill);
  --component-hero-color-alternate-surface: var(--componentTheme-hero-match-bg-surface);
  --component-hero-color-alternate-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-alternate-title: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-bg: var(--componentTheme-hero-bg);
  --component-hero-color-general-body: var(--componentTheme-hero-match-bg-text-secondary);
  --component-hero-color-general-cta-1-color: var(--componentTheme-hero-match-bg-cta-1-color);
  --component-hero-color-general-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-general-decor: var(--general-color-fill-brand-2);
  --component-hero-color-general-decor-mobile: var(--general-color-fill-brand-2);
  --component-hero-color-general-eyebrow: var(--componentTheme-hero-match-bg-text-secondary);
  --component-hero-color-general-fill: var(--componentTheme-hero-fill);
  --component-hero-color-general-surface: var(--componentTheme-hero-match-bg-surface);
  --component-hero-color-general-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-general-title: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-simple-bg: var(--general-color-background-white);
  --component-hero-color-simple-body: var(--theme-primary-bg-text-secondary);
  --component-hero-color-simple-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-color-simple-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-color-simple-decor-accent: var(--general-color-background-brand-2);
  --component-hero-color-simple-eyebrow: var(--theme-primary-bg-text-secondary);
  --component-hero-color-simple-text-link: var(--theme-primary-bg-text-link);
  --component-hero-color-simple-title: var(--theme-primary-bg-text-primary);
  --component-hero-container-desktop-min-height: 500px;
  --component-hero-container-desktop-radius: var(--general-radius-container);
  --component-hero-container-gap: var(--layout-base-gutter);
  --component-hero-container-mobile-min-height: 560px;
  --component-hero-container-mobile-radius: var(--general-radius-none);
  --component-hero-container-padding-x: var(--spacing-general-margin-x);
  --component-hero-container-padding-y: var(--spacing-general-margin-y);
  --component-hero-container-radius: var(--general-radius-container);
  --component-hero-container-tablet-min-height: 432px;
  --component-hero-container-tablet-radius: var(--general-radius-none);
  --component-hero-copy-padding-x: var(--padding-large);
  --component-hero-copy-padding-y: var(--padding-large);
  --component-hero-copy-radius: var(--general-radius-container);
  --component-hero-copy-radius-bottom-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-bottom-right: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-right: var(--component-hero-copy-radius);
  --component-hero-copyBlock-padding-x: var(--padding-small);
  --component-hero-copyBlock-padding-y: var(--padding-medium);
  --component-hero-copyBlock-radius: var(--general-radius-container);
  --component-hero-copyBlock-radius-bottom-left: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-bottom-right: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-top-left: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-top-right: var(--component-hero-container-radius);
  --component-hero-decor-brand: var(--theme-brand-name);
  --component-hero-desktop-max-width: var(--screen-dimensions-max-width);
  --component-hero-image-a11y-image-background-blur: 10px;
  --component-hero-image-a11y-image-overlay-opacity: 0.9;
  --component-hero-image-desktop-radius: var(--radius-radius-0);
  --component-hero-image-mobile-radius: var(--general-radius-none);
  --component-hero-image-padding-top: var(--component-hero-image-padding-y);
  --component-hero-image-padding-x: var(--padding-none);
  --component-hero-image-padding-y: var(--padding-none);
  --component-hero-image-splitHero-radius: var(--radius-radius-0);
  --component-hero-mobile-max-width: 1000px;
  --component-hero-tablet-max-width: 1000px;
  --component-hero-typography-title: var(--typography-font-size-header-display);
  --component-hero-article-color-bg: var(--theme-primary-bg-bg);
  --component-hero-article-color-bg-accent: var(--general-color-text-brand-3);
  --component-hero-article-color-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-hero-article-color-body: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-color-category: var(--theme-primary-surface-match-bg-text-secondary);
  --component-hero-article-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-hero-article-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-hero-article-color-date: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-color-details: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-color-icon: var(--theme-primary-surface-match-bg-fill);
  --component-hero-article-color-image-bg: var(--general-color-background-dark);
  --component-hero-article-color-surface: var(--theme-primary-surface-match-bg-surface);
  --component-hero-article-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-content-padding-x: var(--layout-full-margin-x);
  --component-hero-article-content-padding-y: var(--layout-full-margin-y);
  --component-hero-article-content-radius: var(--general-radius-none);
  --component-hero-article-copy-category-margin-bottom: var(--spacing-general-eyebrow-margin-bottom);
  --component-hero-article-copy-padding-x: var(--spacing-general-margin-x);
  --component-hero-article-copy-padding-y: var(--padding-small);
  --component-hero-article-copy-radius: var(--general-radius-container);
  --component-hero-article-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-article-gutter: var(--spacing-general-gutter);
  --component-hero-article-image-image-ratio: "16:9";
  --component-hero-article-image-imageLeft-radius-bottom-left: var(--general-radius-none);
  --component-hero-article-image-imageLeft-radius-bottom-right: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-article-image-imageLeft-radius-top-left: var(--general-radius-none);
  --component-hero-article-image-imageLeft-radius-top-right: var(--general-radius-none);
  --component-hero-article-image-imageRight-radius-bottom-left: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-article-image-imageRight-radius-bottom-right: var(--general-radius-none);
  --component-hero-article-image-imageRight-radius-top-left: var(--general-radius-none);
  --component-hero-article-image-imageRight-radius-top-right: var(--general-radius-none);
  --component-hero-article-image-max-height-desktop: 1024px;
  --component-hero-article-image-max-height-mobile: 360px;
  --component-hero-article-image-max-height-tablet: 1024px;
  --component-hero-article-image-min-height-desktop: 370px;
  --component-hero-article-image-min-height-mobile: 180px;
  --component-hero-article-image-min-height-tablet: 392px;
  --component-hero-article-image-padding-x: var(--padding-none);
  --component-hero-article-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-hero-article-image-radius: var(--general-radius-image);
  --component-hero-article-margin-x: var(--padding-none);
  --component-hero-article-padding-y: var(--component-hero-article-margin-x);
  --component-hero-product-brand-decor: var(--component-site-header-main-bar-brand-logo);
  --component-hero-product-color-badge-color: brand;
  --component-hero-product-color-bg: var(--theme-primary-bg-bg);
  --component-hero-product-color-body: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-product-color-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-product-color-decor: var(--component-pdp-product-content-color-bg);
  --component-hero-product-color-eyebrow: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-icon: var(--theme-primary-bg-icon);
  --component-hero-product-color-image-bg: var(--general-color-background-dark);
  --component-hero-product-color-image-border: var(--general-color-border-light);
  --component-hero-product-color-image-surface: var(--general-color-surface-white);
  --component-hero-product-color-link: var(--theme-primary-bg-text-link-underline);
  --component-hero-product-color-ratings: var(--theme-aux-1-interactive-ratings-active);
  --component-hero-product-color-ratings-inactive: var(--theme-primary-interactive-ratings-inactive);
  --component-hero-product-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-thumbnail-selected-border: var(--theme-brand-action);
  --component-hero-product-color-title: var(--theme-primary-bg-text-primary);
  --component-hero-product-content-padding-x: var(--layout-full-margin-x);
  --component-hero-product-content-padding-y: var(--layout-full-margin-y);
  --component-hero-product-content-radius: var(--general-radius-none);
  --component-hero-product-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-product-copy-padding-y: var(--component-hero-recipe-copy-padding-x);
  --component-hero-product-copy-radius: var(--general-radius-container);
  --component-hero-product-gutter: var(--layout-full-gutter);
  --component-hero-product-image-imageLeft-radius-bottom-left: var(--general-radius-none);
  --component-hero-product-image-imageLeft-radius-bottom-right: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-product-image-imageLeft-radius-top-left: var(--general-radius-none);
  --component-hero-product-image-imageLeft-radius-top-right: var(--general-radius-none);
  --component-hero-product-image-imageRight-radius-bottom-left: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-product-image-imageRight-radius-bottom-right: var(--general-radius-none);
  --component-hero-product-image-imageRight-radius-top-left: var(--general-radius-none);
  --component-hero-product-image-imageRight-radius-top-right: var(--general-radius-none);
  --component-hero-product-image-max-height-desktop: 640px;
  --component-hero-product-image-max-height-mobile: 320px;
  --component-hero-product-image-max-height-tablet: 1024px;
  --component-hero-product-image-padding-x: var(--padding-none);
  --component-hero-product-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-product-image-radius: var(--general-radius-image);
  --component-hero-product-margin-x: var(--padding-none);
  --component-hero-product-margin-y: var(--margin-none);
  --component-hero-recipe-color-badge-color: brand;
  --component-hero-recipe-color-bg: var(--general-color-background-white);
  --component-hero-recipe-color-body: var(--general-color-text-brand-1);
  --component-hero-recipe-color-cta-1-color: var(--theme-aux-1-surface-cta-1-color);
  --component-hero-recipe-color-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-recipe-color-eyebrow: var(--general-color-text-brand-1);
  --component-hero-recipe-color-icon: var(--general-color-fill-brand-1);
  --component-hero-recipe-color-image-bg: var(--general-color-background-light);
  --component-hero-recipe-color-link: var(--theme-aux-1-bg-text-link);
  --component-hero-recipe-color-ratings: var(--general-color-fill-brand-2);
  --component-hero-recipe-color-ratings-inactive: var(--theme-secondary-interactive-ratings-inactive);
  --component-hero-recipe-color-subtitle: var(--general-color-text-brand-1);
  --component-hero-recipe-color-title: var(--general-color-text-brand-1);
  --component-hero-recipe-content-padding-x: var(--layout-full-margin-x);
  --component-hero-recipe-content-padding-y: var(--layout-full-margin-y);
  --component-hero-recipe-content-radius: var(--general-radius-none);
  --component-hero-recipe-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-recipe-copy-padding-y: var(--component-hero-recipe-copy-padding-x);
  --component-hero-recipe-copy-radius: var(--general-radius-container);
  --component-hero-recipe-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-recipe-gutter: var(--spacing-general-gutter);
  --component-hero-recipe-image-imageLeft-radius-bottom-left: var(--general-radius-none);
  --component-hero-recipe-image-imageLeft-radius-bottom-right: var(--general-radius-none);
  --component-hero-recipe-image-imageLeft-radius-top-left: var(--general-radius-none);
  --component-hero-recipe-image-imageLeft-radius-top-right: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-bottom-left: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-bottom-right: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-top-left: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-top-right: var(--general-radius-none);
  --component-hero-recipe-image-max-height-desktop: 640px;
  --component-hero-recipe-image-max-height-mobile: 320px;
  --component-hero-recipe-image-max-height-tablet: 1024px;
  --component-hero-recipe-image-padding-x: var(--padding-none);
  --component-hero-recipe-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-recipe-image-radius: var(--general-radius-image);
  --component-hero-recipe-margin-x: var(--padding-none);
  --component-hero-recipe-padding-y: var(--component-hero-recipe-margin-x);
  --component-icon-content-large-desktop-height: 120px;
  --component-icon-content-large-desktop-width: 120px;
  --component-icon-content-large-mobile-height: 120px;
  --component-icon-content-large-mobile-width: 120px;
  --component-icon-content-large-tablet-height: 120px;
  --component-icon-content-large-tablet-width: 120px;
  --component-icon-content-small-desktop-height: 80px;
  --component-icon-content-small-desktop-width: 80px;
  --component-icon-content-small-mobile-height: 40px;
  --component-icon-content-small-mobile-width: 40px;
  --component-icon-content-small-tablet-height: 64px;
  --component-icon-content-small-tablet-width: 64px;
  --component-image-color-button-color-below-image: brand;
  --component-image-color-button-color-on-image: inverse;
  --component-image-standalone-image-max-width-desktop: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-mobile: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-tablet: var(--typography-copy-max-width);
  --component-listing-grid-color-bg: var(--theme-primary-bg-bg);
  --component-listing-grid-color-body: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-button-color-1: var(--theme-primary-bg-cta-1-color);
  --component-listing-grid-color-button-color-2: var(--theme-primary-bg-cta-2-color);
  --component-listing-grid-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-title: var(--theme-primary-bg-text-primary);
  --component-listing-grid-margin-x: var(--spacing-general-margin-x);
  --component-listing-grid-margin-y: var(--spacing-general-margin-y);
  --component-location-selector-color-default-body: var(--component-accordion-color-default-body);
  --component-location-selector-color-default-border: var(--component-accordion-color-default-border);
  --component-location-selector-color-default-icons: var(--component-accordion-color-default-icons);
  --component-location-selector-color-default-surface: var(--component-accordion-color-default-surface);
  --component-location-selector-color-default-title: var(--component-accordion-color-default-title);
  --component-location-selector-color-hover-body: var(--component-accordion-color-hover-body);
  --component-location-selector-color-hover-border: var(--component-accordion-color-hover-border);
  --component-location-selector-color-hover-icons: var(--component-accordion-color-hover-icons);
  --component-location-selector-color-hover-surface: var(--component-accordion-color-hover-surface);
  --component-location-selector-color-hover-title: var(--component-accordion-color-hover-title);
  --component-location-selector-item-border-bottom: 0px;
  --component-location-selector-item-border-left: 0px;
  --component-location-selector-item-border-right: 0px;
  --component-location-selector-item-border-top: 1px;
  --component-location-selector-padding-x: var(--component-accordion-padding-x);
  --component-location-selector-padding-y: var(--component-accordion-padding-y);
  --component-modal-color-body: var(--theme-primary-surface-match-bg-text-secondary);
  --component-modal-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-modal-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-modal-color-smokescreen: var(--component-dialog-color-smokescreen);
  --component-modal-color-surface: var(--general-color-surface-white);
  --component-modal-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-modal-content-padding-x: var(--padding-small);
  --component-modal-content-padding-y: var(--padding-small);
  --component-my-account-color-bg: var(--general-color-background-light);
  --component-my-account-color-bg-cta-color: var(--theme-primary-bg-cta-1-color);
  --component-my-account-color-body: var(--theme-primary-bg-text-secondary);
  --component-my-account-color-border: var(--component-my-account-color-surface);
  --component-my-account-color-header: var(--theme-primary-bg-text-primary);
  --component-my-account-color-line-break: var(--general-color-border-light);
  --component-my-account-color-sidebar-surface: var(--general-color-surface-brand-2);
  --component-my-account-color-sidebar-text: var(--general-color-text-white);
  --component-my-account-color-surface: var(--theme-primary-surface-match-bg-surface);
  --component-my-account-color-surface-cta-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-my-account-color-surface-highlight: var(--color-grayscale-100);
  --component-my-account-color-title: var(--theme-primary-bg-text-primary);
  --component-my-account-content-padding-x: var(--padding-medium);
  --component-my-account-content-padding-y: var(--padding-medium);
  --component-my-account-padding-x: var(--layout-compact-margin-x);
  --component-my-account-padding-y: var(--layout-compact-margin-y);
  --component-nav-dropdown-menu-border: var(--spacing-spacing-0);
  --component-nav-dropdown-menu-color-border: var(--general-color-border-white);
  --component-nav-dropdown-menu-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-focus-focus-border: var(--theme-brand-action);
  --component-nav-dropdown-menu-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-nav-dropdown-menu-color-button-hover-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-surface: var(--general-color-surface-white);
  --component-nav-dropdown-menu-lists-menu-bg-default: var(--general-color-background-white);
  --component-nav-dropdown-menu-lists-menu-bg-hover: var(--color-grayscale-100);
  --component-nav-dropdown-menu-lists-menu-focus-border: var(--general-color-text-darkest);
  --component-nav-dropdown-menu-lists-menu-max-width: 350px;
  --component-nav-dropdown-menu-lists-menu-min-height: 48px;
  --component-nav-dropdown-menu-lists-menu-min-width: 200px;
  --component-nav-dropdown-menu-lists-menu-text: var(--general-color-text-darkest);
  --component-nav-dropdown-menu-radius: var(--radius-radius-12);
  --component-newsletter-sign-up-color-bg: var(--component-content-grid-color-bg);
  --component-newsletter-sign-up-color-body: var(--componentTheme-surface-text-secondary);
  --component-newsletter-sign-up-color-cta-1-color: var(--componentTheme-surface-cta-1-color);
  --component-newsletter-sign-up-color-icon: var(--componentTheme-surface-icon);
  --component-newsletter-sign-up-color-image-bg: var(--general-color-background-dark);
  --component-newsletter-sign-up-color-surface: var(--componentTheme-surface-surface);
  --component-newsletter-sign-up-color-title: var(--componentTheme-surface-text-primary);
  --component-newsletter-sign-up-content-padding-x: var(--layout-full-margin-x);
  --component-newsletter-sign-up-content-padding-y: var(--layout-full-margin-y);
  --component-newsletter-sign-up-content-radius: var(--general-radius-container);
  --component-newsletter-sign-up-copy-padding-x: var(--padding-medium);
  --component-newsletter-sign-up-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-newsletter-sign-up-copy-radius: var(--general-radius-container);
  --component-newsletter-sign-up-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-newsletter-sign-up-gutter: var(--layout-full-gutter);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-left: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-right: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageLeft-radius-top-left: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageLeft-radius-top-right: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-left: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-right: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-left: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-right: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-max-height-desktop: 1024px;
  --component-newsletter-sign-up-image-max-height-mobile: 360px;
  --component-newsletter-sign-up-image-max-height-tablet: 1024px;
  --component-newsletter-sign-up-image-min-height-desktop: 370px;
  --component-newsletter-sign-up-image-min-height-mobile: 180px;
  --component-newsletter-sign-up-image-min-height-tablet: 392px;
  --component-newsletter-sign-up-image-padding-x: var(--padding-small);
  --component-newsletter-sign-up-image-padding-y: var(--component-newsletter-sign-up-image-padding-x);
  --component-newsletter-sign-up-image-radius: var(--general-radius-image);
  --component-newsletter-sign-up-margin-x: var(--spacing-general-margin-x);
  --component-newsletter-sign-up-margin-y: var(--spacing-general-margin-y);
  --component-pagination-color-disabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-disabled-icon: var(--interactiveTheme-ratings-inactive);
  --component-pagination-color-disabled-text: var(--interactiveTheme-ratings-inactive);
  --component-pagination-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-focus-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-pagination-color-focus-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-hover-bg: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-pagination-color-hover-text: var(--interactiveTheme-button-brand-action-alternate);
  --component-pagination-color-link-underline: var(--general-color-fill-brand-1);
  --component-pagination-color-pressed-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-pressed-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-selected-bg: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-selected-border: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-selected-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-pagination-radius: var(--radius-radius-rounded);
  --component-pagination-size-base-border: var(--spacing-spacing-2);
  --component-pagination-size-base-padding-left: var(--spacing-spacing-16);
  --component-pagination-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-pagination-size-base-padding-y: var(--spacing-spacing-8);
  --component-pagination-size-base-space-between: var(--spacing-spacing-8);
  --component-pagination-size-small-border: var(--spacing-spacing-4);
  --component-pagination-size-small-gap: var(--spacing-spacing-8);
  --component-pagination-size-small-padding-left: var(--spacing-spacing-12);
  --component-pagination-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-pagination-size-small-padding-y: var(--spacing-spacing-8);
  --component-pdp-product-content-color-bg: var(--theme-aux-1-bg-bg);
  --component-pdp-product-content-color-body: var(--theme-secondary-bg-text-secondary);
  --component-pdp-product-content-color-icon: var(--general-color-fill-brand-2);
  --component-pdp-product-content-color-image-bg: var(--general-color-background-dark);
  --component-pdp-product-content-color-surface: var(--general-color-surface-white);
  --component-pdp-product-content-color-surface-border: var(--general-color-border-light);
  --component-pdp-product-content-color-title: var(--theme-secondary-bg-text-primary);
  --component-pdp-product-content-gutter: var(--spacing-general-gutter);
  --component-pdp-product-content-margin-x: var(--spacing-general-margin-x);
  --component-pdp-product-content-margin-y: var(--layout-compact-margin-y);
  --component-print-image-print-logo-invert: 0;
  --component-recipe-description-copy-max-width-desktop: 804px;
  --component-recipe-description-copy-max-width-mobile: var(--typography-copy-max-width);
  --component-recipe-description-copy-max-width-tablet: var(--typography-copy-max-width);
  --component-recipe-header-brand: var(--theme-brand-name);
  --component-recipe-header-color-bg: var(--theme-aux-1-bg-bg);
  --component-recipe-header-color-body: var(--theme-aux-1-surface-match-bg-text-secondary);
  --component-recipe-header-color-cta-1-color: var(--theme-aux-1-surface-match-bg-cta-1-color);
  --component-recipe-header-color-eyebrow: var(--theme-aux-1-surface-match-bg-text-secondary);
  --component-recipe-header-color-icon: var(--theme-aux-1-surface-match-bg-icon);
  --component-recipe-header-color-image-bg: var(--general-color-background-dark);
  --component-recipe-header-color-link: var(--theme-aux-1-interactive-button-ghost-inverse-link);
  --component-recipe-header-color-ratings: var(--theme-aux-1-interactive-ratings-inverse-active);
  --component-recipe-header-color-ratings-inactive: var(--theme-aux-1-interactive-ratings-inverse-inactive);
  --component-recipe-header-color-subtitle: var(--theme-aux-1-surface-match-bg-text-secondary);
  --component-recipe-header-color-surface: var(--theme-aux-1-bg-bg);
  --component-recipe-header-color-title: var(--general-color-surface-white);
  --component-recipe-header-content-padding-x: var(--padding-none);
  --component-recipe-header-content-padding-y: var(--padding-none);
  --component-recipe-header-content-radius: var(--general-radius-container);
  --component-recipe-header-copy-padding-x: var(--padding-none);
  --component-recipe-header-copy-padding-y: var(--padding-none);
  --component-recipe-header-padding-x: var(--spacing-general-margin-x);
  --component-recipe-header-padding-y: var(--layout-compact-margin-y);
  --component-recipe-instructions-card-max-width-mobile: 240px;
  --component-recipe-instructions-color-border: var(--component-recipe-instructions-color-surface);
  --component-recipe-instructions-color-surface: var(--general-color-background-light);
  --component-recipe-instructions-gutter: var(--space-between-xlarge);
  --component-recipe-instructions-padding-x: var(--padding-none);
  --component-recipe-instructions-padding-y: var(--component-hero-recipe-margin-x);
  --component-recipe-made-with-color-button-color: brand;
  --component-recipe-made-with-color-ratings: var(--theme-primary-interactive-ratings-inverse-active);
  --component-recipe-made-with-color-ratings-inactive: var(--theme-primary-interactive-ratings-inverse-inactive);
  --component-recipe-nutrition-card-max-width-mobile: 240px;
  --component-recipe-nutrition-color-bg: var(--general-color-background-brand-4);
  --component-recipe-nutrition-color-body: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-eyebrow: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-fill: var(--componentTheme-feature-match-bg-fill);
  --component-recipe-nutrition-color-subtitle: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-title: var(--componentTheme-feature-match-bg-text-primary);
  --component-recipe-nutrition-content-padding-x: var(--spacing-general-margin-x);
  --component-recipe-nutrition-content-padding-y: var(--layout-base-margin-y);
  --component-recipe-nutrition-content-radius: var(--general-radius-container);
  --component-recipe-nutrition-gutter: var(--space-between-xlarge);
  --component-recipe-nutrition-padding-x: var(--padding-none);
  --component-recipe-nutrition-padding-y: var(--component-hero-recipe-margin-x);
  --component-related-content-color-bg: var(--component-content-grid-color-bg);
  --component-related-content-color-body: var(--component-content-grid-color-body);
  --component-related-content-color-button-color-1: var(--component-content-grid-color-button-color-1);
  --component-related-content-color-button-color-2: var(--component-content-grid-color-button-color-2);
  --component-related-content-color-subtitle: var(--component-content-grid-color-subtitle);
  --component-related-content-color-title: var(--component-content-grid-color-title);
  --component-search-field-active-bg: var(--general-color-background-white);
  --component-search-field-active-border: var(--general-color-border-brand-2);
  --component-search-field-active-icon: var(--general-color-fill-brand-2);
  --component-search-field-active-search-text: var(--general-color-text-darkest);
  --component-search-field-default-bg: var(--general-color-background-white);
  --component-search-field-default-border: var(--general-color-border-white);
  --component-search-field-default-icon: var(--general-color-fill-brand-3);
  --component-search-field-default-search-text: var(--general-color-text-darkest);
  --component-search-field-dropdown-active-radius: 56px;
  --component-search-field-dropdown-bg-default: var(--component-search-field-default-bg);
  --component-search-field-dropdown-bg-hover: var(--theme-secondary-bg-bg);
  --component-search-field-dropdown-border: var(--theme-primary-surface-border-focus);
  --component-search-field-dropdown-border-focus: 2px;
  --component-search-field-dropdown-focus-border: var(--theme-primary-surface-border-focus);
  --component-search-field-dropdown-focus-radius: 12px;
  --component-search-field-hover-bg: var(--general-color-background-white);
  --component-search-field-hover-border: var(--general-color-border-brand-3);
  --component-search-field-hover-icon: var(--general-color-fill-brand-3);
  --component-search-field-hover-search-text: var(--general-color-text-darkest);
  --component-site-footer-bottom-bar-bg: var(--color-primary-color-2-900);
  --component-site-footer-bottom-bar-cta-2-color: inverse;
  --component-site-footer-bottom-bar-icons: var(--general-color-fill-white);
  --component-site-footer-bottom-bar-link: var(--general-color-text-white);
  --component-site-footer-bottom-bar-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-bottom-bar-padding-y: var(--padding-xsmall);
  --component-site-footer-footer-links-bg: var(--general-color-background-darkest);
  --component-site-footer-footer-links-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-footer-footer-links-column-label: var(--general-color-text-brand-2);
  --component-site-footer-footer-links-cta-1-color: Inverse;
  --component-site-footer-footer-links-footer-logo: var(--theme-brand-name);
  --component-site-footer-footer-links-gap-icon: var(--spacing-spacing-4);
  --component-site-footer-footer-links-icons: var(--general-color-fill-white);
  --component-site-footer-footer-links-link: var(--general-color-text-white);
  --component-site-footer-footer-links-link-underline: var(--general-color-border-white);
  --component-site-footer-footer-links-logo-height-large: 88px;
  --component-site-footer-footer-links-logo-height-small: 40px;
  --component-site-footer-footer-links-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-footer-links-padding-y: var(--padding-medium);
  --component-site-footer-footer-links-text: var(--general-color-text-white);
  --component-site-footer-gap-links: var(--space-between-medium);
  --component-site-footer-space-between: var(--space-between-xsmall);
  --component-site-header-color-main-bar-desktop-bg: var(--general-color-background-brand-1);
  --component-site-header-color-main-bar-desktop-bottom-border: var(--general-color-background-brand-1);
  --component-site-header-color-main-bar-desktop-icons: var(--general-color-fill-brand-2);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-desktop-link-link-enabled);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-hover: var(--general-color-text-dark);
  --component-site-header-color-main-bar-desktop-link-link-enabled: var(--general-color-text-brand-1);
  --component-site-header-color-main-bar-desktop-link-link-hover: var(--general-color-text-dark);
  --component-site-header-color-main-bar-desktop-link-link-underline: var(--general-color-border-brand-2);
  --component-site-header-color-main-bar-desktop-logo: var(--general-color-fill-brand-2);
  --component-site-header-color-main-bar-mobile-bg: var(--general-color-background-white);
  --component-site-header-color-main-bar-mobile-bottom-border: var(--color-primary-color-2-100);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-mobile-link-link-enabled);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-mobile-link-link-enabled: var(--general-color-text-darkest);
  --component-site-header-color-main-bar-mobile-link-link-hover: var(--general-color-text-brand-2);
  --component-site-header-color-main-bar-mobile-link-link-underline: var(--general-color-border-brand-2);
  --component-site-header-color-mega-menu-menu-bg: var(--general-color-background-white);
  --component-site-header-color-mega-menu-menu-bottom-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-header-color-mega-menu-menu-item-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-hover-text: var(--general-color-text-brand-1);
  --component-site-header-color-mega-menu-menu-item-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-left-border-items: var(--general-color-border-brand-3);
  --component-site-header-color-mega-menu-menu-paragraph-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-side-bar-bg: var(--general-color-background-light);
  --component-site-header-color-mega-menu-menu-side-bar-title: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-active-icon: var(--component-site-header-color-mega-menu-menu-title-active-text);
  --component-site-header-color-mega-menu-menu-title-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-enabled-icon: var(--component-site-header-color-mega-menu-menu-title-enabled-text);
  --component-site-header-color-mega-menu-menu-title-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-hover-bg: var(--component-site-header-color-mega-menu-menu-bg);
  --component-site-header-color-mega-menu-menu-title-hover-icon: var(--component-site-header-color-mega-menu-menu-title-hover-text);
  --component-site-header-color-mega-menu-menu-title-hover-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-pressed-icon: var(--component-site-header-color-mega-menu-menu-title-pressed-text);
  --component-site-header-color-mega-menu-menu-title-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-enabled-bg: var(--general-color-fill-white);
  --component-site-header-color-search-tag-enabled-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-header-color-search-tag-enabled-icons: var(--general-color-fill-brand-2);
  --component-site-header-color-search-tag-enabled-link: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-hover-bg: var(--general-color-fill-light);
  --component-site-header-color-search-tag-hover-border: var(--general-color-border-brand-1);
  --component-site-header-color-search-tag-hover-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-search-tag-hover-link: var(--general-color-text-brand-1);
  --component-site-header-color-secondary-bar-bg: var(--general-color-background-brand-2);
  --component-site-header-color-secondary-bar-on-bar-enabled-bg: #ffffff00;
  --component-site-header-color-secondary-bar-on-bar-enabled-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-bar-enabled-link);
  --component-site-header-color-secondary-bar-on-bar-hover-link: var(--general-color-text-brand-2);
  --component-site-header-color-secondary-bar-on-bar-hover-link-icons: var(--component-site-header-color-secondary-bar-on-bar-hover-link);
  --component-site-header-color-secondary-bar-on-bar-pressed-link: var(--general-color-text-brand-2);
  --component-site-header-color-secondary-bar-on-bar-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-bar-pressed-link);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link: var(--component-site-header-color-mega-menu-menu-item-enabled-text);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-enabled-link);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link: var(--component-site-header-color-mega-menu-menu-item-hover-text);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-hover-link);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link: var(--component-site-header-color-mega-menu-menu-item-pressed-text);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-pressed-link);
  --component-site-header-color-utility-bar-bg: var(--general-color-background-brand-1);
  --component-site-header-color-utility-bar-bottom-border: var(--component-site-header-color-utility-bar-bg);
  --component-site-header-color-utility-bar-button-color-1: inverse;
  --component-site-header-color-utility-bar-button-color-2: inverse;
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-enabled: var(--general-color-fill-brand-2);
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-hover: var(--general-color-fill-brand-2);
  --component-site-header-color-utility-bar-desktop-link-link-enabled: var(--general-color-fill-brand-2);
  --component-site-header-color-utility-bar-desktop-link-link-hover: var(--general-color-fill-brand-2);
  --component-site-header-color-utility-bar-desktop-link-link-underline: var(--general-color-fill-brand-2);
  --component-site-header-color-utility-bar-favorites-button-bg: var(--general-color-fill-brand-2);
  --component-site-header-color-utility-bar-favorites-button-bg-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-bg-pressed: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-border: var(--general-color-border-brand-2);
  --component-site-header-color-utility-bar-favorites-button-border-hover: var(--general-color-border-brand-2);
  --component-site-header-color-utility-bar-favorites-button-focus: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-heart-fill: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-heart-fill-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-text: var(--general-color-text-white);
  --component-site-header-color-utility-bar-favorites-button-text-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-icon: var(--general-color-fill-brand-2);
  --component-site-header-color-utility-bar-logo: var(--general-color-fill-brand-2);
  --component-site-header-main-bar-bottom-border: var(--spacing-spacing-0);
  --component-site-header-main-bar-gap-links: var(--space-between-medium);
  --component-site-header-main-bar-link-bottom-underline-border: 2px;
  --component-site-header-main-bar-logo-height-large: 84px;
  --component-site-header-main-bar-logo-height-small: 64px;
  --component-site-header-main-bar-logo-margin-right: var(--margin-xsmall);
  --component-site-header-main-bar-logo-width-large: 142px;
  --component-site-header-main-bar-logo-width-small: 108px;
  --component-site-header-main-bar-main-bar-inset: var(--padding-none);
  --component-site-header-main-bar-radius: var(--general-radius-none);
  --component-site-header-mega-menu-menu-item-min-width-: 120px;
  --component-site-header-mega-menu-menu-item-radius: var(--component-cta-radius);
  --component-site-header-padding-x: var(--padding-small);
  --component-site-header-padding-y: var(--padding-xsmall);
  --component-site-header-site-header-simple-search-bar-max-width-desktop: 400px;
  --component-site-header-utility-bar-margin-bottom: var(--spacing-spacing-0);
  --component-skip-to-content-theme-border-size: var(--spacing-spacing-2);
  --component-skip-to-content-theme-primary-bg: var(--general-color-background-brand-2);
  --component-skip-to-content-theme-primary-border: var(--general-color-border-white);
  --component-skip-to-content-theme-primary-link-underline: var(--component-skip-to-content-theme-primary-text);
  --component-skip-to-content-theme-primary-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-skip-to-content-theme-secondary-bg: var(--theme-secondary-bg-bg);
  --component-skip-to-content-theme-secondary-border: var(--component-skip-to-content-theme-primary-bg);
  --component-skip-to-content-theme-secondary-link-underline: var(--theme-secondary-bg-text-link-underline);
  --component-skip-to-content-theme-secondary-text: var(--theme-secondary-bg-text-link-underline);
  --component-social-bar-color-bg: var(--general-color-background-white);
  --component-social-bar-color-focus: var(--general-color-background-white);
  --component-social-bar-margin-x: var(--spacing-general-margin-x);
  --component-social-bar-margin-y: var(--spacing-general-margin-y);
  --component-static-icon-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-color-on-surface-image-border: var(--color-grayscale-black);
  --component-static-icon-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-static-icon-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-static-icon-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-static-icon-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-static-icon-base-column-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-focus: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-hover: var(--spacing-spacing-4);
  --component-static-icon-base-column-label-margin: var(--spacing-spacing-0);
  --component-static-icon-base-column-min-height: 280px;
  --component-static-icon-base-column-padding-x: var(--padding-none);
  --component-static-icon-base-column-padding-y: var(--padding-none);
  --component-static-icon-base-column-width-column-width-large: 550px;
  --component-static-icon-base-column-width-column-width-medium: 480px;
  --component-static-icon-base-column-width-column-width-small: 320px;
  --component-static-icon-base-copy-padding-x: var(--padding-xsmall);
  --component-static-icon-base-copy-padding-y: var(--padding-xsmall);
  --component-static-icon-base-icon-icon-height-large: 300px;
  --component-static-icon-base-icon-icon-height-medium: 200px;
  --component-static-icon-base-icon-icon-height-small: 120px;
  --component-static-icon-base-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-image-border: var(--color-grayscale-black);
  --component-static-icon-base-image-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-image-icon-image-ratio: "1:1";
  --component-static-icon-base-image-image-ratio: "3:2";
  --component-static-icon-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-static-icon-base-image-padding-x: var(--padding-none);
  --component-static-icon-base-image-radius: var(--general-radius-image);
  --component-table-color-table-row-bg-alt: var(--general-color-surface-light);
  --component-table-color-table-row-bg-header: var(--general-color-surface-light);
  --component-tabs-color-tab-border-active-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-focus-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-hover-border: var(--theme-brand-action-hover);
  --component-tabs-color-tab-border-inactive-border: var(--general-color-border-mid);
  --component-tabs-color-tab-border-pressed-border: var(--theme-brand-action-hover);
  --component-tag-interactive-border: var(--spacing-spacing-2);
  --component-tag-interactive-color-brand-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-cta-link-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-cta-link-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-tag-interactive-color-brand-cta-link-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-cta-link-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-tag-interactive-color-brand-cta-link-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-tag-interactive-color-brand-cta-link-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-tag-interactive-color-brand-cta-link-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-tag-interactive-color-brand-cta-link-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-interactive-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-tag-interactive-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-tag-interactive-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-tag-interactive-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-tag-interactive-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-tag-interactive-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-kitchen-tested-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-kitchen-tested-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-kitchen-tested-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-kitchen-tested-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-kitchen-tested-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-inverse-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-cta-link-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-tag-interactive-color-inverse-cta-link-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-cta-link-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-tag-interactive-color-inverse-cta-link-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-enabled-text: var(--theme-primary-interactive-button-brand-action);
  --component-tag-interactive-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-tag-interactive-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-tag-interactive-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-brand-action-hover);
  --component-tag-interactive-color-inverse-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-tag-interactive-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-tag-interactive-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-tag-interactive-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-inverse-outline-enabled-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-tag-interactive-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-tag-interactive-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-tag-interactive-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-inverse-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-color-inverse-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-tag-interactive-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-tag-interactive-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-tag-interactive-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-radius-bottom-left: var(--general-radius-tag);
  --component-tag-interactive-radius-bottom-right: var(--general-radius-tag);
  --component-tag-interactive-radius-top-left: var(--general-radius-tag);
  --component-tag-interactive-radius-top-right: var(--general-radius-tag);
  --component-tag-static-border-width: 1px;
  --component-tag-static-color-fill-A-bg: var(--general-color-fill-brand-1);
  --component-tag-static-color-fill-A-border: var(--component-tag-static-color-fill-A-bg);
  --component-tag-static-color-fill-A-icon: var(--component-tag-static-color-fill-text);
  --component-tag-static-color-fill-A-text: var(--general-color-text-dark);
  --component-tag-static-color-fill-B-bg: var(--general-color-fill-brand-2);
  --component-tag-static-color-fill-B-border: var(--component-tag-static-color-fill-B-bg);
  --component-tag-static-color-fill-B-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-B-text: var(--general-color-text-white);
  --component-tag-static-color-fill-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-static-color-fill-icon: var(--component-tag-static-color-fill-text);
  --component-tag-static-color-fill-text: var(--general-color-text-dark);
  --component-tag-static-color-outline-A-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-A-border: var(--general-color-border-dark);
  --component-tag-static-color-outline-A-icon: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-A-text: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-B-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-B-border: var(--general-color-border-brand-2);
  --component-tag-static-color-outline-B-icon: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-B-text: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-bg: #2e6be500;
  --component-tag-static-color-outline-border: var(--theme-brand-action);
  --component-tag-static-color-outline-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-outline-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-color-text-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-text-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-inset: var(--spacing-spacing-24);
  --component-tag-static-radius-bottom-left: var(--general-radius-tag);
  --component-tag-static-radius-bottom-right: var(--general-radius-tag);
  --component-tag-static-radius-top-left: var(--general-radius-tag);
  --component-tag-static-radius-top-right: var(--general-radius-tag);
  --component-vertical-video-asset-default-height: 120px;
  --component-vertical-video-asset-default-width: 120px;
  --component-vertical-video-asset-hover-height: 112px;
  --component-vertical-video-asset-hover-width: 112px;
  --component-vertical-video-border-width: 0px;
  --component-vertical-video-color-bg: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-border-focus: var(--component-category-color-category-enabled);
  --component-vertical-video-color-category-enabled: var(--component-content-grid-color-body);
  --component-vertical-video-color-category-hover: var(--component-content-grid-color-body);
  --component-vertical-video-color-fill: var(--componentTheme-content-grid-fill);
  --component-vertical-video-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-surface: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-title: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-gutter: var(--spacing-general-gutter);
  --component-vertical-video-padding-x: var(--spacing-general-margin-x);
  --component-vertical-video-padding-y: var(--spacing-general-margin-y);
  --component-video-margin-x: var(--spacing-general-margin-x);
  --component-video-margin-y: var(--spacing-general-margin-y);
  --component-video-standalone-video-max-width-desktop: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-mobile: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-tablet: var(--typography-copy-max-width);
  --general-color-background-brand-1: var(--color-primary-color-1-500);
  --general-color-background-brand-2: var(--color-primary-color-2-500);
  --general-color-background-brand-3: var(--color-secondary-color-3-500);
  --general-color-background-brand-4: var(--color-secondary-color-5-500);
  --general-color-background-dark: var(--color-primary-color-2-700);
  --general-color-background-darkest: var(--color-primary-color-2-700);
  --general-color-background-light: var(--color-grayscale-100);
  --general-color-background-white: var(--color-grayscale-white);
  --general-color-border-brand-1: var(--color-primary-color-1-500);
  --general-color-border-brand-2: var(--color-primary-color-2-500);
  --general-color-border-brand-3: var(--color-secondary-color-3-500);
  --general-color-border-dark: var(--color-secondary-color-5-500);
  --general-color-border-darkest: var(--color-grayscale-800);
  --general-color-border-light: var(--color-grayscale-200);
  --general-color-border-mid: var(--color-grayscale-400);
  --general-color-border-white: var(--color-grayscale-white);
  --general-color-fill-brand-1: var(--color-primary-color-1-500);
  --general-color-fill-brand-2: var(--color-primary-color-2-500);
  --general-color-fill-brand-3: var(--color-secondary-color-3-500);
  --general-color-fill-dark: var(--color-primary-color-2-700);
  --general-color-fill-darkest: var(--color-grayscale-800);
  --general-color-fill-light: var(--color-grayscale-200);
  --general-color-fill-mid: var(--color-grayscale-400);
  --general-color-fill-white: var(--color-grayscale-white);
  --general-color-surface-brand-1: var(--color-primary-color-1-500);
  --general-color-surface-brand-2: var(--color-primary-color-2-500);
  --general-color-surface-brand-3: var(--color-secondary-color-3-500);
  --general-color-surface-dark: var(--color-primary-color-2-700);
  --general-color-surface-darkest: var(--color-primary-color-2-900);
  --general-color-surface-light: var(--color-grayscale-100);
  --general-color-surface-white: var(--color-grayscale-white);
  --general-color-text-brand-1: var(--color-primary-color-2-500);
  --general-color-text-brand-2: var(--color-primary-color-1-500);
  --general-color-text-brand-3: var(--color-secondary-color-3-500);
  --general-color-text-dark: var(--color-grayscale-800);
  --general-color-text-darkest: var(--color-grayscale-900);
  --general-color-text-light: var(--color-grayscale-100);
  --general-color-text-mid: var(--color-grayscale-400);
  --general-color-text-white: var(--color-grayscale-white);
  --general-drop-shadow-blur: 30px;
  --general-drop-shadow-color: #000000;
  --general-drop-shadow-sub-menu-blur: 12px;
  --general-drop-shadow-sub-menu-color: #00000014;
  --general-drop-shadow-sub-menu-y-value: 2px;
  --general-radius-accordion: var(--general-radius-base);
  --general-radius-base: var(--radius-radius-0);
  --general-radius-card: var(--general-radius-base);
  --general-radius-card-focus: var(--general-radius-none);
  --general-radius-container: var(--general-radius-base);
  --general-radius-container-l2: var(--radius-radius-0);
  --general-radius-dialog: var(--general-radius-none);
  --general-radius-focus: 0px;
  --general-radius-image: var(--general-radius-base);
  --general-radius-label: var(--radius-radius-rounded);
  --general-radius-modal: var(--general-radius-base);
  --general-radius-none: var(--radius-radius-0);
  --general-radius-tag: var(--radius-radius-4);
  --spacing-columns-desktop-full-max-width: var(--global-columns-base-desktop-full-max-width);
  --spacing-columns-desktop-full-min-width: var(--global-columns-base-desktop-full-min-width);
  --spacing-columns-desktop-half-max-width: var(--global-columns-base-desktop-half-max-width);
  --spacing-columns-desktop-half-min-width: var(--global-columns-base-desktop-half-min-width);
  --spacing-columns-desktop-one-fourth-max-width: var(--global-columns-base-desktop-oneFourth-max-width);
  --spacing-columns-desktop-one-fourth-min-width: var(--global-columns-base-desktop-oneFourth-min-width);
  --spacing-columns-desktop-one-third-max-width: var(--global-columns-base-desktop-oneThird-max-width);
  --spacing-columns-desktop-one-third-min-width: var(--global-columns-base-desktop-oneThird-min-width);
  --spacing-columns-desktop-three-fourth-max-width: var(--global-columns-base-desktop-three-fourth-max-width);
  --spacing-columns-desktop-three-fourth-min-width: var(--global-columns-base-desktop-three-fourth-min-width);
  --spacing-columns-mobile-full-max-width: var(--global-columns-base-mobile-full-max-width);
  --spacing-columns-mobile-full-min-width: var(--global-columns-base-mobile-full-min-width);
  --spacing-columns-mobile-half-max-width: var(--global-columns-base-mobile-half-max-width);
  --spacing-columns-mobile-half-min-width: var(--global-columns-base-mobile-half-min-width);
  --spacing-columns-mobile-one-fourth-max-width: var(--global-columns-base-mobile-oneFourth-max-width);
  --spacing-columns-mobile-one-third-max-width: var(--global-columns-base-mobile-oneThird-max-width);
  --spacing-columns-mobile-one-third-min-width: var(--global-columns-base-mobile-oneThird-min-width);
  --spacing-columns-mobile-oneFourth-min-width: var(--global-columns-base-mobile-oneFourth-min-width);
  --spacing-columns-mobile-three-fourth-max-width: var(--global-columns-base-mobile-three-fourth-max-width);
  --spacing-columns-mobile-three-fourth-min-width: var(--global-columns-base-mobile-three-fourth-min-width);
  --spacing-columns-tablet-full-max-width: var(--global-columns-base-tablet-full-max-width);
  --spacing-columns-tablet-full-min-width: var(--global-columns-base-tablet-full-min-width);
  --spacing-columns-tablet-half-max-width: var(--global-columns-base-tablet-half-max-width);
  --spacing-columns-tablet-half-min-width: var(--global-columns-base-tablet-half-min-width);
  --spacing-columns-tablet-one-fourth-max-width: var(--global-columns-base-tablet-oneFourth-max-width);
  --spacing-columns-tablet-one-fourth-min-width: var(--global-columns-base-tablet-oneFourth-min-width);
  --spacing-columns-tablet-one-third-max-width: var(--global-columns-base-tablet-oneThird-max-width);
  --spacing-columns-tablet-one-third-min-width: var(--global-columns-base-tablet-oneThird-min-width);
  --spacing-columns-tablet-three-fourth-max-width: var(--global-columns-base-tablet-three-fourth-max-width);
  --spacing-columns-tablet-three-fourth-min-width: var(--global-columns-base-tablet-three-fourth-min-width);
  --spacing-general-buttons-space-between: var(--space-between-small);
  --spacing-general-container-padding-x: var(--layout-full-margin-x);
  --spacing-general-container-padding-y: var(--layout-full-margin-y);
  --spacing-general-copy-margin-bottom: var(--margin-none);
  --spacing-general-cta-margin-top: var(--margin-small);
  --spacing-general-eyebrow-margin-bottom: var(--margin-xsmall);
  --spacing-general-favicon-dimensions: var(--spacing-spacing-32);
  --spacing-general-gutter: var(--layout-base-gutter);
  --spacing-general-icon-margin-bottom: var(--margin-medium);
  --spacing-general-image-padding: var(--padding-none);
  --spacing-general-margin-related-y: var(--spacing-spacing-16);
  --spacing-general-margin-x: var(--layout-base-margin-x);
  --spacing-general-margin-y: var(--layout-base-margin-y);
  --spacing-general-subtitle-margin-top: var(--margin-xxsmall);
  --spacing-general-title-margin-bottom: var(--margin-xsmall);
  --spacing-general-top-title-margin-bottom: var(--margin-small);
  --theme-aux-1-bg-bg: var(--general-color-background-brand-2);
  --theme-aux-1-bg-bg-decor-accent: var(--general-color-background-darkest);
  --theme-aux-1-bg-cta-1-color: inverse;
  --theme-aux-1-bg-cta-2-color: inverse;
  --theme-aux-1-bg-icon: var(--general-color-fill-brand-1);
  --theme-aux-1-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-bg-text-primary: var(--general-color-text-brand-2);
  --theme-aux-1-bg-text-secondary: var(--general-color-fill-white);
  --theme-aux-1-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-1-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-1-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-1-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-1-interactive-button-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-link: var(--theme-brand-action-alternate);
  --theme-aux-1-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-ratings-active: var(--general-color-fill-brand-2);
  --theme-aux-1-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-1-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-surface-focus: var(--theme-aux-1-surface-surface);
  --theme-aux-1-interactive-surface-hover: var(--general-color-surface-white);
  --theme-aux-1-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-1-surface-border: var(--general-color-border-brand-2);
  --theme-aux-1-surface-border-focus: var(--general-color-border-white);
  --theme-aux-1-surface-border-hover: var(--general-color-border-brand-2);
  --theme-aux-1-surface-cta-1-color: brand;
  --theme-aux-1-surface-cta-2-color: brand;
  --theme-aux-1-surface-icon: var(--general-color-fill-brand-2);
  --theme-aux-1-surface-match-bg-border: var(--general-color-border-white);
  --theme-aux-1-surface-match-bg-cta-1-color: inverse;
  --theme-aux-1-surface-match-bg-cta-2-color: inverse;
  --theme-aux-1-surface-match-bg-icon: var(--theme-aux-1-bg-text-hover);
  --theme-aux-1-surface-match-bg-surface: var(--theme-aux-1-bg-bg);
  --theme-aux-1-surface-match-bg-text-hover: var(--theme-aux-1-bg-text-link);
  --theme-aux-1-surface-match-bg-text-primary: var(--theme-aux-1-bg-text-primary);
  --theme-aux-1-surface-match-bg-text-secondary: var(--theme-aux-1-bg-text-secondary);
  --theme-aux-1-surface-surface: var(--general-color-background-white);
  --theme-aux-1-surface-text-hover: var(--theme-brand-action);
  --theme-aux-1-surface-text-link: var(--theme-brand-action);
  --theme-aux-1-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-1-surface-text-primary: var(--general-color-text-dark);
  --theme-aux-1-surface-text-secondary: var(--general-color-text-darkest);
  --theme-aux-2-bg-bg: var(--general-color-background-brand-1);
  --theme-aux-2-bg-bg-decor-accent: var(--color-primary-color-1-700);
  --theme-aux-2-bg-border: var(--general-color-surface-brand-2);
  --theme-aux-2-bg-cta-1-color: brand;
  --theme-aux-2-bg-cta-2-color: brand;
  --theme-aux-2-bg-icon: var(--general-color-fill-brand-2);
  --theme-aux-2-bg-text-hover: var(--theme-brand-action-hover);
  --theme-aux-2-bg-text-link: var(--theme-brand-action-hover);
  --theme-aux-2-bg-text-link-underline: var(--theme-brand-action-hover);
  --theme-aux-2-bg-text-primary: var(--general-color-text-dark);
  --theme-aux-2-bg-text-secondary: var(--general-color-text-darkest);
  --theme-aux-2-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-2-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-2-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate-inverse);
  --theme-aux-2-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-2-interactive-button-link-underline: var(--theme-brand-action);
  --theme-aux-2-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-aux-2-interactive-button-ghost-link-underline: var(--theme-brand-action);
  --theme-aux-2-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-ghost-inverse-link-underline: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-2-interactive-ratings-active: var(--general-color-fill-brand-2);
  --theme-aux-2-interactive-ratings-inactive: var(--color-grayscale-400);
  --theme-aux-2-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-2-interactive-ratings-inverse-inactive: var(--general-color-fill-light);
  --theme-aux-2-interactive-surface-focus: var(--theme-aux-1-surface-surface);
  --theme-aux-2-interactive-surface-hover: var(--general-color-surface-light);
  --theme-aux-2-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-2-surface-border: var(--general-color-border-brand-2);
  --theme-aux-2-surface-border-focus: var(--general-color-border-white);
  --theme-aux-2-surface-border-hover: var(--general-color-border-brand-2);
  --theme-aux-2-surface-cta-1-color: brand;
  --theme-aux-2-surface-cta-2-color: brand;
  --theme-aux-2-surface-icon: var(--general-color-fill-brand-2);
  --theme-aux-2-surface-match-bg-border: var(--general-color-border-white);
  --theme-aux-2-surface-match-bg-cta-1-color: var(--theme-aux-2-bg-cta-1-color);
  --theme-aux-2-surface-match-bg-cta-2-color: var(--theme-aux-2-bg-cta-2-color);
  --theme-aux-2-surface-match-bg-fill: var(--theme-aux-2-bg-icon);
  --theme-aux-2-surface-match-bg-surface: var(--theme-aux-2-bg-bg);
  --theme-aux-2-surface-match-bg-text-hover: var(--theme-aux-2-bg-text-hover);
  --theme-aux-2-surface-match-bg-text-primary: var(--theme-aux-2-bg-text-primary);
  --theme-aux-2-surface-match-bg-text-secondary: var(--theme-aux-2-bg-text-secondary);
  --theme-aux-2-surface-surface: var(--general-color-surface-white);
  --theme-aux-2-surface-text-hover: var(--theme-brand-action);
  --theme-aux-2-surface-text-link: var(--theme-brand-action);
  --theme-aux-2-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-2-surface-text-primary: var(--general-color-text-dark);
  --theme-aux-2-surface-text-secondary: var(--general-color-text-darkest);
  --theme-brand-action: var(--general-color-fill-brand-3);
  --theme-brand-action-alternate: var(--general-color-fill-brand-2);
  --theme-brand-action-alternate-inverse: var(--color-primary-color-2-700);
  --theme-brand-action-hover: var(--color-secondary-color-3-900);
  --theme-brand-action-hover-inverse: var(--general-color-fill-brand-1);
  --theme-brand-action-inverse: var(--general-color-fill-white);
  --theme-link-underline: var(--theme-brand-action);
  --theme-link-underline-inverse: var(--theme-brand-action-inverse);
  --theme-primary-bg-bg: var(--general-color-background-white);
  --theme-primary-bg-bg-decor-accent: var(--general-color-background-brand-2);
  --theme-primary-bg-border: var(--general-color-border-dark);
  --theme-primary-bg-cta-1-color: brand;
  --theme-primary-bg-cta-2-color: brand;
  --theme-primary-bg-icon: var(--general-color-fill-brand-2);
  --theme-primary-bg-text-hover: var(--theme-brand-action-hover);
  --theme-primary-bg-text-link: var(--theme-brand-action-hover);
  --theme-primary-bg-text-link-underline: var(--theme-link-underline);
  --theme-primary-bg-text-primary: var(--general-color-text-dark);
  --theme-primary-bg-text-secondary: var(--general-color-text-darkest);
  --theme-primary-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-primary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-primary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-primary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-primary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-primary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-primary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-primary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-primary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-primary-interactive-ratings-active: var(--general-color-fill-brand-2);
  --theme-primary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-ratings-inverse-active: var(--general-color-surface-white);
  --theme-primary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-surface-focus: var(--theme-primary-surface-surface);
  --theme-primary-interactive-surface-hover: var(--general-color-surface-light);
  --theme-primary-interactive-surface-pressed: var(--theme-primary-interactive-surface-hover);
  --theme-primary-surface-border: var(--general-color-border-brand-3);
  --theme-primary-surface-border-focus: var(--general-color-border-brand-3);
  --theme-primary-surface-border-hover: var(--general-color-border-light);
  --theme-primary-surface-cta-1-color: brand;
  --theme-primary-surface-cta-2-color: brand;
  --theme-primary-surface-icon: var(--general-color-fill-brand-2);
  --theme-primary-surface-match-bg-border: var(--general-color-border-brand-1);
  --theme-primary-surface-match-bg-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --theme-primary-surface-match-bg-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --theme-primary-surface-match-bg-fill: var(--theme-primary-bg-icon);
  --theme-primary-surface-match-bg-surface: var(--theme-primary-bg-bg);
  --theme-primary-surface-match-bg-text-hover: var(--theme-primary-bg-text-hover);
  --theme-primary-surface-match-bg-text-primary: var(--theme-primary-bg-text-primary);
  --theme-primary-surface-match-bg-text-secondary: var(--theme-primary-bg-text-secondary);
  --theme-primary-surface-surface: var(--general-color-surface-white);
  --theme-primary-surface-text-hover: var(--theme-brand-action-hover);
  --theme-primary-surface-text-link: var(--theme-brand-action);
  --theme-primary-surface-text-link-underline: var(--theme-link-underline);
  --theme-primary-surface-text-primary: var(--general-color-text-dark);
  --theme-primary-surface-text-secondary: var(--general-color-text-darkest);
  --theme-secondary-bg-bg: var(--general-color-background-light);
  --theme-secondary-bg-bg-decor-accent: var(--general-color-background-brand-2);
  --theme-secondary-bg-border: var(--general-color-border-white);
  --theme-secondary-bg-cta-1-color: brand;
  --theme-secondary-bg-cta-2-color: brand;
  --theme-secondary-bg-icon: var(--general-color-fill-brand-2);
  --theme-secondary-bg-text-hover: var(--theme-brand-action-hover);
  --theme-secondary-bg-text-link: var(--theme-brand-action);
  --theme-secondary-bg-text-link-underline: var(--theme-brand-action);
  --theme-secondary-bg-text-primary: var(--general-color-text-dark);
  --theme-secondary-bg-text-secondary: var(--general-color-text-darkest);
  --theme-secondary-interactive-action-bar-button-border: var(--component-cta-color-brand-fill-enabled-border);
  --theme-secondary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-secondary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-secondary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-secondary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-ratings-active: var(--general-color-fill-brand-2);
  --theme-secondary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-secondary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-secondary-interactive-surface-hover: var(--general-color-surface-light);
  --theme-secondary-interactive-surface-pressed: var(--theme-secondary-interactive-surface-hover);
  --theme-secondary-surface-border: var(--general-color-border-brand-2);
  --theme-secondary-surface-border-focus: var(--general-color-border-brand-2);
  --theme-secondary-surface-border-hover: var(--general-color-border-brand-2);
  --theme-secondary-surface-cta-1-color: brand;
  --theme-secondary-surface-cta-2-color: brand;
  --theme-secondary-surface-icon: var(--general-color-fill-brand-1);
  --theme-secondary-surface-match-bg-border: var(--general-color-border-brand-2);
  --theme-secondary-surface-match-bg-cta-1-color: var(--theme-secondary-bg-cta-1-color);
  --theme-secondary-surface-match-bg-cta-2-color: var(--theme-secondary-bg-cta-2-color);
  --theme-secondary-surface-match-bg-fill: var(--theme-secondary-bg-icon);
  --theme-secondary-surface-match-bg-surface: var(--theme-secondary-bg-bg);
  --theme-secondary-surface-match-bg-text-hover: var(--theme-secondary-surface-text-hover);
  --theme-secondary-surface-match-bg-text-primary: var(--theme-secondary-bg-text-primary);
  --theme-secondary-surface-match-bg-text-secondary: var(--theme-secondary-bg-text-secondary);
  --theme-secondary-surface-surface: var(--general-color-surface-white);
  --theme-secondary-surface-text-hover: var(--theme-brand-action);
  --theme-secondary-surface-text-link: var(--theme-brand-action);
  --theme-secondary-surface-text-link-underline: var(--theme-brand-action);
  --theme-secondary-surface-text-primary: var(--general-color-text-dark);
  --theme-secondary-surface-text-secondary: var(--general-color-text-darkest);
  --typography-font-family-accent-header: var(--typography-font-family-galada);
  --typography-font-family-body: var(--typography-font-family-noto-sans);
  --typography-font-family-header: var(--typography-font-family-roboto);
  --typography-font-size-desktop-accent-header-display: var(--typography-font-size-font-size-72);
  --typography-font-size-desktop-accent-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-accent-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-accent-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-accent-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-desktop-body-xlarge: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-desktop-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-desktop-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-header-large: var(--typography-font-size-font-size-36);
  --typography-font-size-desktop-header-medium: var(--typography-font-size-font-size-28);
  --typography-font-size-desktop-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-mobile-accent-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-large: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-accent-header-medium: var(--typography-font-size-font-size-20);
  --typography-font-size-mobile-accent-header-small: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-accent-header-xlarge: var(--typography-font-size-font-size-28);
  --typography-font-size-mobile-accent-header-xsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-xxlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-accent-header-xxsmall: var(--typography-font-size-font-size-14);
  --typography-font-size-mobile-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-mobile-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-mobile-header-display: var(--typography-font-size-font-size-48);
  --typography-font-size-mobile-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-large: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-header-medium: var(--typography-font-size-font-size-20);
  --typography-font-size-mobile-header-small: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-header-xsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-mobile-header-xxsmall: var(--typography-font-size-font-size-14);
  --typography-font-size-tablet-accent-header-display: var(--typography-font-size-font-size-96);
  --typography-font-size-tablet-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-accent-header-large: var(--typography-font-size-font-size-28);
  --typography-font-size-tablet-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-accent-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-accent-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-tablet-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-tablet-header-display: var(--typography-font-size-font-size-56);
  --typography-font-size-tablet-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-header-large: var(--typography-font-size-font-size-28);
  --typography-font-size-tablet-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-weight-body: 400;
  --typography-font-weight-body-bold: 700;
  --typography-font-weight-button: 700;
  --typography-font-weight-display: 700;
  --typography-font-weight-large: 700;
  --typography-font-weight-medium: 700;
  --typography-font-weight-small: 700;
  --typography-font-weight-xlarge: 700;
  --typography-font-weight-xsmall: 700;
  --typography-font-weight-xxlarge: 700;
  --typography-font-weight-xxsmall: 700;
}

.BrandsPillsbury {
  --color-grayscale-100: var(--color-grayscale-warmGray-100);
  --color-grayscale-200: var(--color-grayscale-warmGray-200);
  --color-grayscale-300: var(--color-grayscale-warmGray-300);
  --color-grayscale-400: var(--color-grayscale-warmGray-400);
  --color-grayscale-500: var(--color-grayscale-warmGray-500);
  --color-grayscale-600: var(--color-grayscale-warmGray-600);
  --color-grayscale-700: var(--color-grayscale-warmGray-700);
  --color-grayscale-800: var(--color-grayscale-warmGray-800);
  --color-grayscale-900: var(--color-grayscale-warmGray-900);
  --color-grayscale-black: #000000;
  --color-primary-color-1-100: #91b0db;
  --color-primary-color-1-300: #2c75da;
  --color-primary-color-1-500: #002e6d;
  --color-primary-color-1-700: #0a2448;
  --color-primary-color-1-900: #091f3d;
  --color-primary-color-1-accessible: var(--color-primary-color-1-500);
  --color-primary-color-2-100: #f5f9ff;
  --color-primary-color-2-300: #94b0fd;
  --color-primary-color-2-500: #3273f8;
  --color-primary-color-2-700: #1c46ad;
  --color-primary-color-2-900: #1a274e;
  --color-primary-color-2-accessible: #2e6be5;
  --color-secondary-color-3-100: #fff9e4;
  --color-secondary-color-3-500: #d3a500;
  --color-secondary-color-3-900: #6e5600;
  --color-secondary-color-4-100: #fffdfa;
  --color-secondary-color-4-500: #ff9404;
  --color-secondary-color-4-900: #995902;
  --color-secondary-color-5-100: #ccae93;
  --color-secondary-color-5-500: #ccae93;
  --color-secondary-color-5-900: #ccae93;
  --color-secondary-color-6-100: #ccae93;
  --color-secondary-color-6-500: #ccae93;
  --color-secondary-color-6-900: #ccae93;
  --color-secondary-color-7-100: #ccae93;
  --color-secondary-color-7-500: #ccae93;
  --color-secondary-color-7-900: #ccae93;
  --color-tertiary-color-swatch-500: var(--color-brand-general-mills-generalMills-red);
  --component-accordion-color-default-body: var(--general-color-text-dark);
  --component-accordion-color-default-border: var(--general-color-surface-brand-3);
  --component-accordion-color-default-icons: var(--general-color-fill-brand-1);
  --component-accordion-color-default-surface: var(--general-color-surface-brand-3);
  --component-accordion-color-default-title: var(--general-color-text-darkest);
  --component-accordion-color-hover-body: var(--general-color-text-dark);
  --component-accordion-color-hover-border: var(--general-color-border-brand-1);
  --component-accordion-color-hover-icons: var(--general-color-fill-white);
  --component-accordion-color-hover-surface: var(--general-color-surface-light);
  --component-accordion-color-hover-title: var(--general-color-text-darkest);
  --component-accordion-item-border-bottom: 1px;
  --component-accordion-item-border-left: 1px;
  --component-accordion-item-border-right: 1px;
  --component-accordion-item-border-top: 1px;
  --component-accordion-padding-x: var(--padding-small);
  --component-accordion-padding-y: var(--padding-small);
  --component-action-bar-border: var(--spacing-spacing-0);
  --component-action-bar-color-border: var(--general-color-border-white);
  --component-action-bar-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-enabled-border: var(--general-color-text-brand-1);
  --component-action-bar-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-action-bar-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-focus-focus-border: var(--theme-brand-action);
  --component-action-bar-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-action-bar-color-button-hover-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-action-bar-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-action-bar-color-surface: var(--general-color-surface-white);
  --component-action-bar-color-toggle-active-bg: var(--general-color-fill-brand-2);
  --component-action-bar-color-toggle-active-switch-circle: var(--general-color-fill-white);
  --component-action-bar-color-toggle-inactive-bg: var(--general-color-fill-mid);
  --component-action-bar-color-toggle-inactive-switch-circle: var(--general-color-fill-white);
  --component-action-bar-gap-horizontal: var(--spacing-spacing-16);
  --component-action-bar-gap-vertical: var(--spacing-spacing-12);
  --component-action-bar-radius: var(--radius-radius-12);
  --component-action-bar-share-menu-bg-default: var(--general-color-background-white);
  --component-action-bar-share-menu-bg-hover: var(--color-grayscale-100);
  --component-action-bar-share-menu-blur: 12px;
  --component-action-bar-share-menu-color: #00000014;
  --component-action-bar-share-menu-focus-border: var(--theme-brand-action);
  --component-action-bar-share-menu-max-width: 350px;
  --component-action-bar-share-menu-min-height: 48px;
  --component-action-bar-share-menu-min-width: 200px;
  --component-action-bar-share-menu-text: var(--general-color-text-darkest);
  --component-action-bar-share-menu-y-value: 2px;
  --component-action-bar-width-desktop: 88px;
  --component-action-bar-width-mobile: 56px;
  --component-action-bar-width-tablet: 64px;
  --component-alert-banner-bg: var(--general-color-background-brand-2);
  --component-alert-banner-body: var(--general-color-text-white);
  --component-alert-banner-button-color-1: inverse;
  --component-alert-banner-button-color-2: inverse;
  --component-alert-banner-close: var(--general-color-fill-white);
  --component-alert-banner-icon: var(--general-color-fill-white);
  --component-alert-banner-title: var(--general-color-text-white);
  --component-breadcrumb-color-bg: var(--theme-primary-bg-bg);
  --component-breadcrumb-color-item-enabled-icon: var(--general-color-fill-mid);
  --component-breadcrumb-color-item-enabled-text: var(--color-grayscale-500);
  --component-breadcrumb-color-item-focus-icon: var(--component-breadcrumb-color-item-hover-icon);
  --component-breadcrumb-color-item-focus-text: var(--component-breadcrumb-color-item-hover-text);
  --component-breadcrumb-color-item-hover-icon: var(--theme-brand-action);
  --component-breadcrumb-color-item-hover-text: var(--theme-brand-action);
  --component-breadcrumb-color-item-pressed-icon: var(--general-color-fill-brand-1);
  --component-breadcrumb-color-item-pressed-text: var(--general-color-text-brand-1);
  --component-breadcrumb-color-tip-active-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-bg: var(--color-grayscale-black);
  --component-breadcrumb-color-tip-enabled-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-hover-link: var(--general-color-text-white);
  --component-button-tag-color-disabled-bg: #08459833;
  --component-button-tag-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-button-tag-color-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-focus-bg: var(--component-button-tag-color-enabled-bg);
  --component-button-tag-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-button-tag-color-focus-text: var(--component-button-tag-color-enabled-text);
  --component-button-tag-color-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-border: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-button-tag-color-link-underline: var(--general-color-fill-brand-1);
  --component-button-tag-color-pressed-bg: var(--component-button-tag-color-hover-bg);
  --component-button-tag-color-pressed-border: var(--component-button-tag-color-hover-border);
  --component-button-tag-color-pressed-text: var(--component-button-tag-color-hover-text);
  --component-button-tag-radius: var(--radius-radius-rounded);
  --component-button-tag-size-base-border: var(--spacing-spacing-2);
  --component-button-tag-size-base-padding-left: var(--spacing-spacing-16);
  --component-button-tag-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-button-tag-size-base-padding-y: var(--spacing-spacing-8);
  --component-button-tag-size-base-space-between: var(--spacing-spacing-8);
  --component-button-tag-size-small-border: var(--spacing-spacing-4);
  --component-button-tag-size-small-gap: var(--spacing-spacing-8);
  --component-button-tag-size-small-padding-left: var(--spacing-spacing-12);
  --component-button-tag-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-button-tag-size-small-padding-y: var(--spacing-spacing-8);
  --component-card-article-card-border-width: var(--spacing-spacing-4);
  --component-card-article-card-radius: var(--general-radius-card);
  --component-card-article-image-borderWidth: var(--spacing-spacing-4);
  --component-card-article-image-image-ratio: "3:2";
  --component-card-article-image-radius: var(--general-radius-image);
  --component-card-general-card-border-width: var(--spacing-spacing-4);
  --component-card-general-card-radius: var(--general-radius-card);
  --component-card-general-color-body: var(--component-cards-base-color-on-surface-body);
  --component-card-general-color-border: var(--component-cards-base-color-on-surface-border);
  --component-card-general-color-cta-1-color: var(--component-cards-base-color-on-surface-cta-1-color);
  --component-card-general-color-image-border: var(--color-grayscale-black);
  --component-card-general-color-subtitle: var(--component-cards-base-color-on-surface-subtitle);
  --component-card-general-color-surface: var(--component-cards-base-color-on-surface-surface);
  --component-card-general-color-title: var(--component-cards-base-color-on-surface-title);
  --component-card-product-card-border-width: var(--spacing-spacing-4);
  --component-card-product-color-image-bg: var(--general-color-background-brand-1);
  --component-card-product-image-borderWidth: var(--spacing-spacing-4);
  --component-card-product-image-image-ratio: "1:1";
  --component-card-recipe-card-border-width: var(--spacing-spacing-4);
  --component-card-recipe-card-minHeight: 280px;
  --component-card-recipe-card-padding-x: var(--padding-none);
  --component-card-recipe-card-padding-y: var(--padding-none);
  --component-card-recipe-card-radius: var(--general-radius-card);
  --component-card-recipe-color-ratings: var(--interactiveTheme-ratings-active);
  --component-card-recipe-image-borderWidth: var(--spacing-spacing-4);
  --component-card-recipe-image-image-ratio: "3:2";
  --component-card-recipe-image-padding-top: var(--component-card-recipe-image-padding-x);
  --component-card-recipe-image-padding-x: var(--padding-none);
  --component-card-recipe-image-radius: var(--general-radius-image);
  --component-cards-base-card-border-width: var(--spacing-spacing-1);
  --component-cards-base-card-border-width-focus: var(--spacing-spacing-4);
  --component-cards-base-card-border-width-hover: var(--spacing-spacing-2);
  --component-cards-base-card-label-margin: var(--spacing-spacing-12);
  --component-cards-base-card-min-height: 262px;
  --component-cards-base-card-padding-x: var(--padding-xsmall);
  --component-cards-base-card-padding-y: var(--padding-xsmall);
  --component-cards-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-border: var(--color-grayscale-300);
  --component-cards-base-color-on-surface-border-focus: var(--general-color-background-brand-2);
  --component-cards-base-color-on-surface-border-hover: var(--componentTheme-cards-on-surface-border-hover);
  --component-cards-base-color-on-surface-cta-1-color: var(--componentTheme-cards-on-surface-cta-1-color);
  --component-cards-base-color-on-surface-cta-2-color: var(--componentTheme-cards-on-surface-cta-2-color);
  --component-cards-base-color-on-surface-image-bg: var(--color-grayscale-200);
  --component-cards-base-color-on-surface-image-border: var(--color-grayscale-white);
  --component-cards-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-cards-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-cards-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-cards-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-cards-base-copy-padding-x: var(--padding-xxsmall);
  --component-cards-base-copy-padding-y: var(--padding-xsmall);
  --component-cards-base-image-bg: var(--color-grayscale-200);
  --component-cards-base-image-border: var(--color-grayscale-white);
  --component-cards-base-image-border-width: var(--spacing-spacing-0);
  --component-cards-base-image-category-image-ratio: "1:1";
  --component-cards-base-image-image-ratio: "16:9";
  --component-cards-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-cards-base-image-padding-x: var(--padding-none);
  --component-cards-base-image-radius: var(--general-radius-container-l2);
  --component-cards-card-max-width-mobile: 480px;
  --component-carousel-border-width: 1px;
  --component-carousel-controls-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-brand-icon: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-controls-inverse-icon: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-brand-fill: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-inverse-fill: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-color: var(--component-content-grid-color-button-color-1);
  --component-category-asset-default-height: 120px;
  --component-category-asset-default-width: 120px;
  --component-category-asset-hover-height: 112px;
  --component-category-asset-hover-width: 112px;
  --component-category-color-bg: var(--componentTheme-content-grid-bg);
  --component-category-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-border-focus: var(--component-category-color-category-enabled);
  --component-category-color-category-enabled: var(--component-content-grid-color-body);
  --component-category-color-category-hover: var(--component-content-grid-color-body);
  --component-category-color-fill: var(--componentTheme-content-grid-fill);
  --component-category-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-surface: var(--componentTheme-content-grid-bg);
  --component-category-color-title: var(--componentTheme-content-grid-text-primary);
  --component-category-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-category-gutter: var(--spacing-general-gutter);
  --component-category-padding-x: var(--spacing-general-margin-x);
  --component-category-padding-y: var(--spacing-general-margin-y);
  --component-checkbox-radio-color-brand-fill-disabled-opacity: 0.5;
  --component-checkbox-radio-color-brand-fill-disabled-text: var(--general-color-text-mid);
  --component-checkbox-radio-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-checkbox-radio-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-checkbox-radio-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-enabled-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-error-bg: var(--color-system-error-100);
  --component-checkbox-radio-color-brand-fill-error-border: var(--color-system-error-500);
  --component-checkbox-radio-color-brand-fill-error-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-enabled-bg);
  --component-checkbox-radio-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-focus-border);
  --component-checkbox-radio-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-focus-icon);
  --component-checkbox-radio-color-brand-fill-focus-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-selected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-selected-border: var(--component-checkbox-radio-color-brand-fill-hover-selected-bg);
  --component-checkbox-radio-color-brand-fill-hover-selected-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-hover-selected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-unselected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-unselected-border: var(--component-checkbox-radio-color-brand-fill-hover-selected-bg);
  --component-checkbox-radio-color-brand-fill-hover-unselected-icon: var(--theme-primary-interactive-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-unselected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-uneditable-bg: var(--general-color-background-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-icon: var(--general-color-background-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-text: var(--general-color-text-dark);
  --component-content-grid-color-bg: var(--componentTheme-content-grid-bg);
  --component-content-grid-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-content-grid-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-content-grid-color-title: var(--componentTheme-content-grid-text-primary);
  --component-content-grid-margin-x: var(--spacing-general-margin-x);
  --component-content-grid-margin-x-2: var(--spacing-general-margin-x);
  --component-content-grid-margin-y: var(--spacing-general-margin-y);
  --component-content-grid-margin-y-2: var(--spacing-general-margin-y);
  --component-content-grid-pdp-color-bg: var(--general-color-background-white);
  --component-content-grid-pdp-color-body: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-pdp-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-pdp-color-subtitle: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-title: var(--general-color-text-darkest);
  --component-cta-color-brand-fill-disabled-opacity: 0.5;
  --component-cta-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-cta-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-cta-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-cta-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-cta-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-cta-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-cta-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-ghost-disabled-opacity: 0.5;
  --component-cta-color-brand-ghost-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-enabled-text: var(--interactiveTheme-button-ghost-link);
  --component-cta-color-brand-ghost-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-cta-color-brand-ghost-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-ghost-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-cta-color-brand-ghost-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-cta-color-brand-ghost-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-cta-color-brand-ghost-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-cta-color-brand-ghost-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-outline-disabled-opacity: 0.5;
  --component-cta-color-brand-outline-enabled-bg: #ffffff00;
  --component-cta-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-cta-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-cta-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-cta-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-cta-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-cta-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-cta-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-inverse-fill-disabled-opacity: 0.5;
  --component-cta-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-enabled-text: var(--theme-primary-interactive-button-brand-action);
  --component-cta-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-cta-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-cta-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-brand-action-hover);
  --component-cta-color-inverse-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-cta-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-cta-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-cta-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-ghost-disabled-opacity: 0.5;
  --component-cta-color-inverse-ghost-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-cta-color-inverse-ghost-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-ghost-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-cta-color-inverse-ghost-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-outline-disabled-opacity: 0.5;
  --component-cta-color-inverse-outline-enabled-bg: #ffffff00;
  --component-cta-color-inverse-outline-enabled-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-cta-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-cta-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-cta-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-inverse-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-color-inverse-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-cta-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-cta-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-cta-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-focus-radius: var(--radius-radius-rounded);
  --component-cta-radius: var(--radius-radius-rounded);
  --component-cta-size-base-border: var(--spacing-spacing-2);
  --component-cta-size-base-border-2: var(--spacing-spacing-2);
  --component-cta-size-base-padding-left: var(--spacing-spacing-12);
  --component-cta-size-base-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-base-padding-y: var(--spacing-spacing-12);
  --component-cta-size-base-space-between: var(--spacing-spacing-4);
  --component-cta-size-small-border: var(--spacing-spacing-4);
  --component-cta-size-small-gap: var(--spacing-spacing-8);
  --component-cta-size-small-padding-left: var(--spacing-spacing-12);
  --component-cta-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-small-padding-y: var(--spacing-spacing-8);
  --component-dialog-box-shadow-blur: 24px;
  --component-dialog-color-body: var(--theme-primary-surface-match-bg-text-secondary);
  --component-dialog-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-dialog-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-dialog-color-smokescreen: #00000080;
  --component-dialog-color-surface: var(--general-color-surface-white);
  --component-dialog-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-dialog-content-padding-x: var(--padding-medium);
  --component-dialog-content-padding-y: var(--padding-medium);
  --component-error-state-page-color-bg: var(--component-content-grid-color-bg);
  --component-error-state-page-color-body: var(--componentTheme-surface-text-secondary);
  --component-error-state-page-color-cta-1-color: var(--componentTheme-surface-cta-1-color);
  --component-error-state-page-color-icon: var(--componentTheme-surface-icon);
  --component-error-state-page-color-image-bg: var(--general-color-background-dark);
  --component-error-state-page-color-surface: var(--componentTheme-surface-surface);
  --component-error-state-page-color-title: var(--general-color-text-brand-1);
  --component-error-state-page-content-padding-x: var(--layout-full-margin-x);
  --component-error-state-page-content-padding-y: var(--layout-full-margin-y);
  --component-error-state-page-content-radius: var(--general-radius-container);
  --component-error-state-page-copy-padding-x: var(--padding-medium);
  --component-error-state-page-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-error-state-page-copy-radius: var(--general-radius-container);
  --component-error-state-page-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-error-state-page-gutter: var(--layout-full-gutter);
  --component-error-state-page-image-imageLeft-radius-bottomLeft: var(--general-radius-base);
  --component-error-state-page-image-imageLeft-radius-bottomRight: var(--radius-radius-300);
  --component-error-state-page-image-imageLeft-radius-top-left: var(--general-radius-base);
  --component-error-state-page-image-imageLeft-radius-top-right: var(--general-radius-base);
  --component-error-state-page-image-imageRight-radius-bottom-left: var(--radius-radius-300);
  --component-error-state-page-image-imageRight-radius-bottom-right: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-imageRight-radius-top-left: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-imageRight-radius-top-right: var(--component-newsletter-sign-up-image-radius);
  --component-error-state-page-image-max-height-desktop: 1024px;
  --component-error-state-page-image-max-height-mobile: 360px;
  --component-error-state-page-image-max-height-tablet: 1024px;
  --component-error-state-page-image-min-height-desktop: 370px;
  --component-error-state-page-image-min-height-mobile: 180px;
  --component-error-state-page-image-min-height-tablet: 392px;
  --component-error-state-page-image-padding-x: var(--padding-small);
  --component-error-state-page-image-padding-y: var(--component-newsletter-sign-up-image-padding-x);
  --component-error-state-page-image-radius: var(--general-radius-image);
  --component-error-state-page-margin-x: var(--spacing-general-margin-x);
  --component-error-state-page-margin-y: var(--spacing-general-margin-y);
  --component-facets-color-default-border: var(--component-facets-color-default-surface);
  --component-facets-color-default-icons: var(--general-color-fill-brand-1);
  --component-facets-color-default-surface: var(--theme-primary-surface-match-bg-surface);
  --component-facets-color-default-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-facets-color-focus-border: var(--theme-brand-action);
  --component-facets-color-focus-icons: var(--theme-brand-action);
  --component-facets-color-focus-surface: var(--color-grayscale-100);
  --component-facets-color-focus-title: var(--general-color-text-darkest);
  --component-facets-color-hover-border: var(--general-color-border-white);
  --component-facets-color-hover-icons: var(--theme-brand-action);
  --component-facets-color-hover-surface: var(--color-grayscale-100);
  --component-facets-color-hover-title: var(--general-color-text-darkest);
  --component-facets-counter-surface: var(--general-color-background-darkest);
  --component-facets-counter-text: var(--general-color-text-white);
  --component-facets-max-width: 302px;
  --component-facets-padding-x: var(--padding-xxsmall);
  --component-facets-padding-y: var(--padding-xxsmall);
  --component-facets-radius: var(--radius-radius-12);
  --component-favorites-border: var(--spacing-spacing-0);
  --component-favorites-color-border: var(--general-color-border-white);
  --component-favorites-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-focus-focus-border: var(--theme-brand-action);
  --component-favorites-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-favorites-color-button-hover-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-favorites-color-surface: var(--general-color-surface-white);
  --component-favorites-lists-menu-bg-default: var(--general-color-background-white);
  --component-favorites-lists-menu-bg-hover: var(--color-grayscale-100);
  --component-favorites-lists-menu-focus-border: var(--theme-brand-action);
  --component-favorites-lists-menu-max-width: 350px;
  --component-favorites-lists-menu-min-height: 48px;
  --component-favorites-lists-menu-min-width: 200px;
  --component-favorites-lists-menu-text: var(--general-color-text-darkest);
  --component-favorites-radius: var(--radius-radius-12);
  --component-feature-full-color-bg: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-feature-full-color-cta-1-color: var(--componentTheme-content-grid-cta-1-color);
  --component-feature-full-color-cta-2-color: var(--componentTheme-content-grid-cta-2-color);
  --component-feature-full-color-eyebrow: var(--componentTheme-content-grid-text-secondary);
  --component-feature-full-color-fill: var(--componentTheme-content-grid-fill);
  --component-feature-full-color-image-bg: var(--general-color-background-white);
  --component-feature-full-color-surface: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-title: var(--componentTheme-content-grid-text-primary);
  --component-feature-full-copy-block-copy-block-indent: var(--padding-none);
  --component-feature-full-copy-block-padding-x: var(--padding-medium);
  --component-feature-full-copy-block-padding-y: var(--component-feature-full-copy-block-padding-x);
  --component-feature-full-copy-block-radius: var(--general-radius-container);
  --component-feature-full-copy-container-padding-x: var(--layout-base-margin-x);
  --component-feature-full-copy-container-padding-y: var(--layout-base-margin-y);
  --component-feature-full-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-feature-full-decor-decor-accent: var(--componentTheme-content-grid-bg-decor-accent);
  --component-feature-full-decor-decor-match-primary-bg: var(--theme-primary-bg-bg);
  --component-feature-full-decor-icon-height: var(--icon-large-height);
  --component-feature-full-image-padding-left: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-right: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-x: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-y: var(--padding-medium);
  --component-feature-full-image-radius: var(--general-radius-image);
  --component-feature-split-color-bg: var(--componentTheme-feature-bg);
  --component-feature-split-color-body: var(--componentTheme-feature-match-bg-text-secondary);
  --component-feature-split-color-button-size: base;
  --component-feature-split-color-cta-1-color: var(--componentTheme-feature-match-bg-cta-1-color);
  --component-feature-split-color-cta-2-color: var(--componentTheme-feature-match-bg-cta-2-color);
  --component-feature-split-color-eyebrow: var(--componentTheme-feature-match-bg-text-secondary);
  --component-feature-split-color-fill: var(--componentTheme-feature-match-bg-fill);
  --component-feature-split-color-image-bg: var(--general-color-background-dark);
  --component-feature-split-color-subtitle: var(--componentTheme-feature-match-bg-text-secondary);
  --component-feature-split-color-surface: var(--componentTheme-feature-match-bg-surface);
  --component-feature-split-color-title: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-constrained-copy-desktop-max-width: 360px;
  --component-feature-split-constrained-copy-mobile-max-width: 767px;
  --component-feature-split-constrained-copy-padding-x: var(--padding-xlarge);
  --component-feature-split-constrained-copy-padding-y: var(--component-feature-split-constrained-copy-padding-x);
  --component-feature-split-constrained-copy-tablet-max-width: 816px;
  --component-feature-split-constrained-image-desktop-min-width: 560px;
  --component-feature-split-constrained-image-mobile-min-width: 560px;
  --component-feature-split-constrained-image-tablet-min-width: 560px;
  --component-feature-split-constrained-margin-left: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-constrained-margin-right: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-content-padding-x: var(--layout-full-margin-x);
  --component-feature-split-content-padding-y: var(--layout-full-margin-y);
  --component-feature-split-content-radius: var(--general-radius-container);
  --component-feature-split-copy-padding-x: var(--padding-medium);
  --component-feature-split-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-feature-split-copy-radius: var(--general-radius-container);
  --component-feature-split-decor-bg-accent: var(--general-color-text-brand-3);
  --component-feature-split-decor-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-feature-split-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-feature-split-decor-icon-height: var(--icon-large-height);
  --component-feature-split-gutter: var(--spacing-general-gutter);
  --component-feature-split-image-border: var(--color-grayscale-100);
  --component-feature-split-image-border-width: var(--spacing-spacing-0);
  --component-feature-split-image-image-ratio: "16:9";
  --component-feature-split-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-bottom-right: var(--other-pillsbury-radius-corner);
  --component-feature-split-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-left: var(--other-pillsbury-radius-corner);
  --component-feature-split-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-padding-x: var(--padding-none);
  --component-feature-split-image-padding-y: var(--component-feature-split-image-padding-x);
  --component-feature-split-image-radius: var(--general-radius-image);
  --component-feature-split-margin-x: var(--layout-base-margin-x);
  --component-feature-split-margin-y: var(--layout-compact-margin-y);
  --component-filters-color-default-border: var(--general-color-border-darkest);
  --component-filters-color-default-label: var(--general-color-text-darkest);
  --component-filters-color-default-surface: var(--general-color-surface-white);
  --component-filters-color-focus-border: var(--theme-brand-action);
  --component-filters-color-focus-label: var(--general-color-text-darkest);
  --component-filters-color-focus-surface: var(--general-color-background-light);
  --component-filters-color-hover-border: var(--theme-brand-action);
  --component-filters-color-hover-label: var(--general-color-text-darkest);
  --component-filters-color-hover-surface: var(--general-color-background-light);
  --component-filters-color-selected-border: var(--theme-brand-action);
  --component-filters-color-selected-icons: var(--general-color-fill-white);
  --component-filters-color-selected-label: var(--general-color-text-darkest);
  --component-filters-color-selected-surface: var(--theme-brand-action);
  --component-filters-counter-surface: var(--general-color-background-darkest);
  --component-filters-counter-text: var(--general-color-text-white);
  --component-filters-padding-x: var(--padding-xxsmall);
  --component-filters-padding-y: var(--padding-xxsmall);
  --component-filters-radius: var(--radius-radius-2);
  --component-form-field-color-button-color-1: brand;
  --component-form-field-color-button-color-2: brand;
  --component-form-field-color-default-bg: var(--component-search-field-default-bg);
  --component-form-field-color-default-border: var(--color-grayscale-400);
  --component-form-field-color-descriptive-text: var(--general-color-text-darkest);
  --component-form-field-color-filled-border: var(--color-grayscale-800);
  --component-form-field-color-icon: var(--general-color-fill-darkest);
  --component-form-field-color-label: var(--general-color-text-darkest);
  --component-form-field-color-placeholder-text: var(--general-color-text-mid);
  --component-form-field-color-required-asterisk: var(--component-form-field-color-label);
  --component-form-field-color-surface: var(--general-color-surface-white);
  --component-hero-color-alternate-bg: var(--componentTheme-hero-bg);
  --component-hero-color-alternate-body: var(--componentTheme-hero-match-bg-text-secondary);
  --component-hero-color-alternate-cta-1-color: var(--componentTheme-hero-match-bg-cta-1-color);
  --component-hero-color-alternate-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-alternate-eyebrow: var(--componentTheme-hero-match-bg-text-secondary);
  --component-hero-color-alternate-fill: var(--componentTheme-hero-fill);
  --component-hero-color-alternate-surface: var(--componentTheme-hero-match-bg-surface);
  --component-hero-color-alternate-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-alternate-title: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-bg: var(--componentTheme-hero-bg);
  --component-hero-color-general-body: var(--componentTheme-hero-match-bg-text-secondary);
  --component-hero-color-general-cta-1-color: var(--componentTheme-hero-match-bg-cta-1-color);
  --component-hero-color-general-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-general-decor: var(--theme-primary-bg-bg);
  --component-hero-color-general-decor-mobile: var(--component-hero-color-general-surface);
  --component-hero-color-general-eyebrow: var(--componentTheme-hero-match-bg-text-secondary);
  --component-hero-color-general-fill: var(--componentTheme-hero-fill);
  --component-hero-color-general-surface: var(--componentTheme-hero-match-bg-surface);
  --component-hero-color-general-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-general-title: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-simple-bg: var(--general-color-background-white);
  --component-hero-color-simple-body: var(--theme-primary-bg-text-secondary);
  --component-hero-color-simple-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-color-simple-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-color-simple-decor-accent: var(--general-color-background-white);
  --component-hero-color-simple-eyebrow: var(--theme-primary-bg-text-secondary);
  --component-hero-color-simple-text-link: var(--theme-primary-bg-text-link);
  --component-hero-color-simple-title: var(--theme-primary-bg-text-primary);
  --component-hero-container-desktop-min-height: 500px;
  --component-hero-container-desktop-radius: var(--general-radius-container);
  --component-hero-container-gap: var(--layout-base-gutter);
  --component-hero-container-mobile-min-height: 560px;
  --component-hero-container-mobile-radius: var(--general-radius-none);
  --component-hero-container-padding-x: var(--spacing-general-margin-x);
  --component-hero-container-padding-y: var(--spacing-general-margin-y);
  --component-hero-container-radius: var(--general-radius-container);
  --component-hero-container-tablet-min-height: 432px;
  --component-hero-container-tablet-radius: var(--general-radius-none);
  --component-hero-copy-padding-x: var(--padding-large);
  --component-hero-copy-padding-y: var(--padding-large);
  --component-hero-copy-radius: var(--general-radius-container);
  --component-hero-copy-radius-bottom-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-bottom-right: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-right: var(--component-hero-copy-radius);
  --component-hero-copyBlock-padding-x: var(--padding-small);
  --component-hero-copyBlock-padding-y: var(--padding-medium);
  --component-hero-copyBlock-radius: var(--general-radius-container);
  --component-hero-copyBlock-radius-bottom-left: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-bottom-right: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-top-left: var(--component-hero-copy-radius);
  --component-hero-copyBlock-radius-top-right: var(--component-hero-container-radius);
  --component-hero-decor-brand: var(--theme-brand-name);
  --component-hero-desktop-max-width: var(--screen-dimensions-max-width);
  --component-hero-image-a11y-image-background-blur: 10px;
  --component-hero-image-a11y-image-overlay-opacity: 0.9;
  --component-hero-image-desktop-radius: var(--radius-radius-24);
  --component-hero-image-mobile-radius: var(--general-radius-none);
  --component-hero-image-padding-top: var(--component-hero-image-padding-y);
  --component-hero-image-padding-x: var(--padding-none);
  --component-hero-image-padding-y: var(--padding-none);
  --component-hero-image-splitHero-radius: var(--radius-radius-32);
  --component-hero-mobile-max-width: 1000px;
  --component-hero-tablet-max-width: 1000px;
  --component-hero-typography-title: var(--typography-font-size-header-xlarge);
  --component-hero-article-color-bg: var(--theme-primary-bg-bg);
  --component-hero-article-color-bg-accent: var(--general-color-text-brand-3);
  --component-hero-article-color-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-hero-article-color-body: var(--theme-primary-surface-match-bg-text-secondary);
  --component-hero-article-color-category: var(--theme-primary-surface-match-bg-text-secondary);
  --component-hero-article-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-hero-article-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-hero-article-color-date: var(--theme-primary-surface-match-bg-text-secondary);
  --component-hero-article-color-details: var(--theme-primary-surface-match-bg-text-secondary);
  --component-hero-article-color-icon: var(--theme-primary-surface-match-bg-fill);
  --component-hero-article-color-image-bg: var(--general-color-background-dark);
  --component-hero-article-color-surface: var(--theme-primary-surface-match-bg-surface);
  --component-hero-article-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-hero-article-content-padding-x: var(--layout-full-margin-x);
  --component-hero-article-content-padding-y: var(--layout-full-margin-y);
  --component-hero-article-content-radius: var(--general-radius-none);
  --component-hero-article-copy-category-margin-bottom: var(--spacing-general-eyebrow-margin-bottom);
  --component-hero-article-copy-padding-x: var(--spacing-general-margin-x);
  --component-hero-article-copy-padding-y: var(--width-component-hero-product-image-padding);
  --component-hero-article-copy-radius: var(--general-radius-container);
  --component-hero-article-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-article-gutter: var(--spacing-general-gutter);
  --component-hero-article-image-image-ratio: "16:9";
  --component-hero-article-image-imageLeft-radius-bottom-left: var(--general-radius-none);
  --component-hero-article-image-imageLeft-radius-bottom-right: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-article-image-imageLeft-radius-top-left: var(--general-radius-none);
  --component-hero-article-image-imageLeft-radius-top-right: var(--general-radius-none);
  --component-hero-article-image-imageRight-radius-bottom-left: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-article-image-imageRight-radius-bottom-right: var(--general-radius-none);
  --component-hero-article-image-imageRight-radius-top-left: var(--general-radius-none);
  --component-hero-article-image-imageRight-radius-top-right: var(--general-radius-none);
  --component-hero-article-image-max-height-desktop: 1024px;
  --component-hero-article-image-max-height-mobile: 360px;
  --component-hero-article-image-max-height-tablet: 1024px;
  --component-hero-article-image-min-height-desktop: 370px;
  --component-hero-article-image-min-height-mobile: 180px;
  --component-hero-article-image-min-height-tablet: 392px;
  --component-hero-article-image-padding-x: var(--padding-none);
  --component-hero-article-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-hero-article-image-radius: var(--general-radius-image);
  --component-hero-article-margin-x: var(--padding-none);
  --component-hero-article-padding-y: var(--component-hero-article-margin-x);
  --component-hero-product-brand-decor: var(--component-site-header-main-bar-brand-logo);
  --component-hero-product-color-badge-color: brand;
  --component-hero-product-color-bg: var(--theme-primary-bg-bg);
  --component-hero-product-color-body: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-product-color-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-product-color-decor: var(--component-pdp-product-content-color-bg);
  --component-hero-product-color-eyebrow: var(--theme-primary-bg-text-primary);
  --component-hero-product-color-icon: var(--theme-primary-bg-icon);
  --component-hero-product-color-image-bg: var(--general-color-background-dark);
  --component-hero-product-color-image-border: var(--general-color-border-light);
  --component-hero-product-color-image-surface: var(--general-color-surface-white);
  --component-hero-product-color-link: var(--theme-primary-bg-text-link-underline);
  --component-hero-product-color-ratings: var(--theme-aux-1-interactive-ratings-active);
  --component-hero-product-color-ratings-inactive: var(--theme-primary-interactive-ratings-inactive);
  --component-hero-product-color-subtitle: var(--theme-secondary-bg-text-primary);
  --component-hero-product-color-thumbnail-selected-border: var(--theme-brand-action);
  --component-hero-product-color-title: var(--theme-primary-bg-text-primary);
  --component-hero-product-content-padding-x: var(--layout-full-margin-x);
  --component-hero-product-content-padding-y: var(--layout-full-margin-y);
  --component-hero-product-content-radius: var(--general-radius-none);
  --component-hero-product-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-product-copy-padding-y: var(--component-hero-recipe-copy-padding-x);
  --component-hero-product-copy-radius: var(--general-radius-container);
  --component-hero-product-gutter: var(--layout-full-gutter);
  --component-hero-product-image-imageLeft-radius-bottom-left: var(--general-radius-none);
  --component-hero-product-image-imageLeft-radius-bottom-right: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-product-image-imageLeft-radius-top-left: var(--general-radius-none);
  --component-hero-product-image-imageLeft-radius-top-right: var(--general-radius-none);
  --component-hero-product-image-imageRight-radius-bottom-left: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-product-image-imageRight-radius-bottom-right: var(--general-radius-none);
  --component-hero-product-image-imageRight-radius-top-left: var(--general-radius-none);
  --component-hero-product-image-imageRight-radius-top-right: var(--general-radius-none);
  --component-hero-product-image-max-height-desktop: 640px;
  --component-hero-product-image-max-height-mobile: 320px;
  --component-hero-product-image-max-height-tablet: 1024px;
  --component-hero-product-image-padding-x: var(--padding-none);
  --component-hero-product-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-product-image-radius: var(--general-radius-image);
  --component-hero-product-margin-x: var(--padding-none);
  --component-hero-product-margin-y: var(--component-hero-recipe-margin-x);
  --component-hero-recipe-color-badge-color: brand;
  --component-hero-recipe-color-bg: var(--theme-secondary-bg-bg);
  --component-hero-recipe-color-body: var(--theme-secondary-bg-text-secondary);
  --component-hero-recipe-color-cta-1-color: var(--theme-secondary-bg-cta-1-color);
  --component-hero-recipe-color-cta-2-color: var(--theme-secondary-bg-cta-2-color);
  --component-hero-recipe-color-eyebrow: var(--theme-secondary-bg-text-secondary);
  --component-hero-recipe-color-icon: var(--theme-secondary-bg-icon);
  --component-hero-recipe-color-image-bg: var(--general-color-background-dark);
  --component-hero-recipe-color-link: var(--theme-secondary-interactive-button-ghost-link);
  --component-hero-recipe-color-ratings: var(--theme-secondary-interactive-ratings-inverse-active);
  --component-hero-recipe-color-ratings-inactive: var(--theme-secondary-interactive-ratings-inverse-inactive);
  --component-hero-recipe-color-subtitle: var(--theme-secondary-bg-text-secondary);
  --component-hero-recipe-color-title: var(--theme-secondary-bg-text-primary);
  --component-hero-recipe-content-padding-x: var(--layout-full-margin-x);
  --component-hero-recipe-content-padding-y: var(--layout-full-margin-y);
  --component-hero-recipe-content-radius: var(--general-radius-none);
  --component-hero-recipe-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-recipe-copy-padding-y: var(--component-hero-recipe-copy-padding-x);
  --component-hero-recipe-copy-radius: var(--general-radius-container);
  --component-hero-recipe-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-recipe-gutter: var(--spacing-general-gutter);
  --component-hero-recipe-image-imageLeft-radius-bottom-left: var(--general-radius-none);
  --component-hero-recipe-image-imageLeft-radius-bottom-right: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-recipe-image-imageLeft-radius-top-left: var(--general-radius-none);
  --component-hero-recipe-image-imageLeft-radius-top-right: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-bottom-left: var(--width-component-image-bottomRight-responsiveradius);
  --component-hero-recipe-image-imageRight-radius-bottom-right: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-top-left: var(--general-radius-none);
  --component-hero-recipe-image-imageRight-radius-top-right: var(--general-radius-none);
  --component-hero-recipe-image-max-height-desktop: 640px;
  --component-hero-recipe-image-max-height-mobile: 320px;
  --component-hero-recipe-image-max-height-tablet: 1024px;
  --component-hero-recipe-image-padding-x: var(--padding-none);
  --component-hero-recipe-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-recipe-image-radius: var(--general-radius-image);
  --component-hero-recipe-margin-x: var(--padding-none);
  --component-hero-recipe-padding-y: var(--component-hero-recipe-margin-x);
  --component-icon-content-large-desktop-height: 120px;
  --component-icon-content-large-desktop-width: 120px;
  --component-icon-content-large-mobile-height: 120px;
  --component-icon-content-large-mobile-width: 120px;
  --component-icon-content-large-tablet-height: 120px;
  --component-icon-content-large-tablet-width: 120px;
  --component-icon-content-small-desktop-height: 80px;
  --component-icon-content-small-desktop-width: 80px;
  --component-icon-content-small-mobile-height: 40px;
  --component-icon-content-small-mobile-width: 40px;
  --component-icon-content-small-tablet-height: 64px;
  --component-icon-content-small-tablet-width: 64px;
  --component-image-color-button-color-below-image: brand;
  --component-image-color-button-color-on-image: inverse;
  --component-image-standalone-image-max-width-desktop: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-mobile: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-tablet: var(--typography-copy-max-width);
  --component-listing-grid-color-bg: var(--theme-primary-bg-bg);
  --component-listing-grid-color-body: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-button-color-1: var(--theme-primary-bg-cta-1-color);
  --component-listing-grid-color-button-color-2: var(--theme-primary-bg-cta-2-color);
  --component-listing-grid-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-title: var(--theme-primary-bg-text-primary);
  --component-listing-grid-margin-x: var(--spacing-general-margin-x);
  --component-listing-grid-margin-y: var(--spacing-general-margin-y);
  --component-location-selector-color-default-body: var(--component-accordion-color-default-body);
  --component-location-selector-color-default-border: var(--component-accordion-color-default-border);
  --component-location-selector-color-default-icons: var(--component-accordion-color-default-icons);
  --component-location-selector-color-default-surface: var(--component-accordion-color-default-surface);
  --component-location-selector-color-default-title: var(--component-accordion-color-default-title);
  --component-location-selector-color-hover-body: var(--component-accordion-color-hover-body);
  --component-location-selector-color-hover-border: var(--component-accordion-color-hover-border);
  --component-location-selector-color-hover-icons: var(--component-accordion-color-hover-icons);
  --component-location-selector-color-hover-surface: var(--component-accordion-color-hover-surface);
  --component-location-selector-color-hover-title: var(--component-accordion-color-hover-title);
  --component-location-selector-item-border-bottom: 0px;
  --component-location-selector-item-border-left: 0px;
  --component-location-selector-item-border-right: 0px;
  --component-location-selector-item-border-top: 1px;
  --component-location-selector-padding-x: var(--component-accordion-padding-x);
  --component-location-selector-padding-y: var(--component-accordion-padding-y);
  --component-modal-color-body: var(--theme-primary-surface-match-bg-text-secondary);
  --component-modal-color-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-modal-color-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --component-modal-color-smokescreen: var(--component-dialog-color-smokescreen);
  --component-modal-color-surface: var(--general-color-surface-white);
  --component-modal-color-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-modal-content-padding-x: var(--padding-small);
  --component-modal-content-padding-y: var(--padding-small);
  --component-my-account-color-bg: var(--general-color-background-white);
  --component-my-account-color-bg-cta-color: var(--theme-primary-bg-cta-1-color);
  --component-my-account-color-body: var(--theme-primary-bg-text-secondary);
  --component-my-account-color-border: var(--general-color-border-light);
  --component-my-account-color-header: var(--theme-primary-bg-text-primary);
  --component-my-account-color-line-break: var(--general-color-border-light);
  --component-my-account-color-sidebar-surface: var(--general-color-surface-brand-2);
  --component-my-account-color-sidebar-text: var(--general-color-text-white);
  --component-my-account-color-surface: var(--theme-primary-surface-match-bg-surface);
  --component-my-account-color-surface-cta-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --component-my-account-color-surface-highlight: var(--color-grayscale-100);
  --component-my-account-color-title: var(--theme-primary-bg-text-primary);
  --component-my-account-content-padding-x: var(--padding-medium);
  --component-my-account-content-padding-y: var(--padding-medium);
  --component-my-account-padding-x: var(--layout-compact-margin-x);
  --component-my-account-padding-y: var(--layout-compact-margin-y);
  --component-nav-dropdown-menu-border: var(--spacing-spacing-0);
  --component-nav-dropdown-menu-color-border: var(--general-color-border-white);
  --component-nav-dropdown-menu-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-focus-focus-border: var(--theme-brand-action);
  --component-nav-dropdown-menu-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-nav-dropdown-menu-color-button-hover-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-surface: var(--general-color-surface-white);
  --component-nav-dropdown-menu-lists-menu-bg-default: var(--general-color-background-white);
  --component-nav-dropdown-menu-lists-menu-bg-hover: var(--color-grayscale-100);
  --component-nav-dropdown-menu-lists-menu-focus-border: var(--theme-brand-action);
  --component-nav-dropdown-menu-lists-menu-max-width: 350px;
  --component-nav-dropdown-menu-lists-menu-min-height: 48px;
  --component-nav-dropdown-menu-lists-menu-min-width: 200px;
  --component-nav-dropdown-menu-lists-menu-text: var(--general-color-text-darkest);
  --component-nav-dropdown-menu-radius: var(--radius-radius-12);
  --component-newsletter-sign-up-color-bg: var(--component-content-grid-color-bg);
  --component-newsletter-sign-up-color-body: var(--componentTheme-surface-text-secondary);
  --component-newsletter-sign-up-color-cta-1-color: var(--componentTheme-surface-cta-1-color);
  --component-newsletter-sign-up-color-icon: var(--componentTheme-surface-icon);
  --component-newsletter-sign-up-color-image-bg: var(--general-color-background-dark);
  --component-newsletter-sign-up-color-surface: var(--componentTheme-surface-surface);
  --component-newsletter-sign-up-color-title: var(--componentTheme-surface-text-primary);
  --component-newsletter-sign-up-content-padding-x: var(--layout-full-margin-x);
  --component-newsletter-sign-up-content-padding-y: var(--layout-full-margin-y);
  --component-newsletter-sign-up-content-radius: var(--general-radius-container);
  --component-newsletter-sign-up-copy-padding-x: var(--padding-medium);
  --component-newsletter-sign-up-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-newsletter-sign-up-copy-radius: var(--general-radius-container);
  --component-newsletter-sign-up-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-newsletter-sign-up-gutter: var(--layout-full-gutter);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-left: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-right: var(--radius-radius-300);
  --component-newsletter-sign-up-image-imageLeft-radius-top-left: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageLeft-radius-top-right: var(--general-radius-base);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-left: var(--radius-radius-300);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-right: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-left: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-right: var(--component-newsletter-sign-up-image-radius);
  --component-newsletter-sign-up-image-max-height-desktop: 1024px;
  --component-newsletter-sign-up-image-max-height-mobile: 360px;
  --component-newsletter-sign-up-image-max-height-tablet: 1024px;
  --component-newsletter-sign-up-image-min-height-desktop: 370px;
  --component-newsletter-sign-up-image-min-height-mobile: 180px;
  --component-newsletter-sign-up-image-min-height-tablet: 392px;
  --component-newsletter-sign-up-image-padding-x: var(--padding-small);
  --component-newsletter-sign-up-image-padding-y: var(--component-newsletter-sign-up-image-padding-x);
  --component-newsletter-sign-up-image-radius: var(--general-radius-image);
  --component-newsletter-sign-up-margin-x: var(--spacing-general-margin-x);
  --component-newsletter-sign-up-margin-y: var(--spacing-general-margin-y);
  --component-pagination-color-disabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-disabled-icon: var(--color-grayscale-300);
  --component-pagination-color-disabled-text: var(--interactiveTheme-ratings-inactive);
  --component-pagination-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-focus-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-pagination-color-focus-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-hover-bg: var(--general-color-surface-brand-3);
  --component-pagination-color-hover-text: var(--interactiveTheme-button-brand-action-hover);
  --component-pagination-color-link-underline: var(--general-color-fill-brand-1);
  --component-pagination-color-pressed-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-pressed-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-selected-bg: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-selected-border: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-selected-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-pagination-radius: var(--radius-radius-rounded);
  --component-pagination-size-base-border: var(--spacing-spacing-2);
  --component-pagination-size-base-padding-left: var(--spacing-spacing-16);
  --component-pagination-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-pagination-size-base-padding-y: var(--spacing-spacing-8);
  --component-pagination-size-base-space-between: var(--spacing-spacing-8);
  --component-pagination-size-small-border: var(--spacing-spacing-4);
  --component-pagination-size-small-gap: var(--spacing-spacing-8);
  --component-pagination-size-small-padding-left: var(--spacing-spacing-12);
  --component-pagination-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-pagination-size-small-padding-y: var(--spacing-spacing-8);
  --component-pdp-product-content-color-bg: var(--general-color-background-dark);
  --component-pdp-product-content-color-body: var(--theme-secondary-bg-text-secondary);
  --component-pdp-product-content-color-icon: var(--general-color-fill-brand-2);
  --component-pdp-product-content-color-image-bg: var(--general-color-background-dark);
  --component-pdp-product-content-color-surface: var(--general-color-surface-white);
  --component-pdp-product-content-color-surface-border: var(--general-color-border-light);
  --component-pdp-product-content-color-title: var(--theme-secondary-bg-text-primary);
  --component-pdp-product-content-gutter: var(--spacing-general-gutter);
  --component-pdp-product-content-margin-x: var(--spacing-general-margin-x);
  --component-pdp-product-content-margin-y: var(--layout-compact-margin-y);
  --component-print-image-print-logo-invert: 1;
  --component-recipe-description-copy-max-width-desktop: 804px;
  --component-recipe-description-copy-max-width-mobile: var(--typography-copy-max-width);
  --component-recipe-description-copy-max-width-tablet: var(--typography-copy-max-width);
  --component-recipe-header-brand: var(--theme-brand-name);
  --component-recipe-header-color-bg: var(--theme-secondary-bg-bg);
  --component-recipe-header-color-body: var(--theme-secondary-surface-match-bg-text-secondary);
  --component-recipe-header-color-cta-1-color: var(--theme-secondary-surface-cta-1-color);
  --component-recipe-header-color-eyebrow: var(--theme-secondary-surface-match-bg-text-secondary);
  --component-recipe-header-color-icon: var(--theme-secondary-bg-icon);
  --component-recipe-header-color-image-bg: var(--general-color-background-dark);
  --component-recipe-header-color-link: var(--theme-secondary-interactive-button-ghost-link);
  --component-recipe-header-color-ratings: var(--theme-secondary-interactive-ratings-inverse-active);
  --component-recipe-header-color-ratings-inactive: var(--theme-secondary-interactive-ratings-inactive);
  --component-recipe-header-color-subtitle: var(--theme-secondary-surface-match-bg-text-secondary);
  --component-recipe-header-color-surface: var(--theme-secondary-surface-match-bg-surface);
  --component-recipe-header-color-title: var(--theme-secondary-surface-match-bg-text-primary);
  --component-recipe-header-content-padding-x: var(--padding-none);
  --component-recipe-header-content-padding-y: var(--padding-none);
  --component-recipe-header-content-radius: var(--general-radius-container);
  --component-recipe-header-copy-padding-x: var(--padding-none);
  --component-recipe-header-copy-padding-y: var(--padding-none);
  --component-recipe-header-padding-x: var(--spacing-general-margin-x);
  --component-recipe-header-padding-y: var(--layout-compact-margin-y);
  --component-recipe-instructions-card-max-width-mobile: 240px;
  --component-recipe-instructions-color-border: var(--component-recipe-instructions-color-surface);
  --component-recipe-instructions-color-surface: var(--general-color-background-brand-4);
  --component-recipe-instructions-gutter: var(--space-between-xlarge);
  --component-recipe-instructions-padding-x: var(--padding-none);
  --component-recipe-instructions-padding-y: var(--component-hero-recipe-margin-x);
  --component-recipe-made-with-color-button-color: brand;
  --component-recipe-made-with-color-ratings: var(--theme-primary-interactive-ratings-inverse-active);
  --component-recipe-made-with-color-ratings-inactive: var(--theme-primary-interactive-ratings-inverse-inactive);
  --component-recipe-nutrition-card-max-width-mobile: 240px;
  --component-recipe-nutrition-color-bg: var(--general-color-background-brand-4);
  --component-recipe-nutrition-color-body: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-eyebrow: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-fill: var(--componentTheme-feature-match-bg-fill);
  --component-recipe-nutrition-color-subtitle: var(--componentTheme-feature-match-bg-text-secondary);
  --component-recipe-nutrition-color-title: var(--componentTheme-feature-match-bg-text-primary);
  --component-recipe-nutrition-content-padding-x: var(--spacing-general-margin-x);
  --component-recipe-nutrition-content-padding-y: var(--layout-base-margin-y);
  --component-recipe-nutrition-content-radius: var(--general-radius-container);
  --component-recipe-nutrition-gutter: var(--space-between-xlarge);
  --component-recipe-nutrition-padding-x: var(--padding-none);
  --component-recipe-nutrition-padding-y: var(--component-hero-recipe-margin-x);
  --component-related-content-color-bg: var(--component-content-grid-color-bg);
  --component-related-content-color-body: var(--component-content-grid-color-body);
  --component-related-content-color-button-color-1: var(--component-content-grid-color-button-color-1);
  --component-related-content-color-button-color-2: var(--component-content-grid-color-button-color-2);
  --component-related-content-color-subtitle: var(--component-content-grid-color-subtitle);
  --component-related-content-color-title: var(--component-content-grid-color-title);
  --component-search-field-active-bg: var(--general-color-background-white);
  --component-search-field-active-border: var(--general-color-border-brand-2);
  --component-search-field-active-icon: var(--general-color-fill-brand-2);
  --component-search-field-active-search-text: var(--general-color-text-darkest);
  --component-search-field-default-bg: var(--general-color-background-white);
  --component-search-field-default-border: var(--general-color-border-white);
  --component-search-field-default-icon: var(--general-color-fill-brand-1);
  --component-search-field-default-search-text: var(--general-color-text-darkest);
  --component-search-field-dropdown-active-radius: 56px;
  --component-search-field-dropdown-bg-default: var(--component-search-field-default-bg);
  --component-search-field-dropdown-bg-hover: var(--theme-secondary-bg-bg);
  --component-search-field-dropdown-border: var(--theme-primary-surface-border-focus);
  --component-search-field-dropdown-border-focus: 2px;
  --component-search-field-dropdown-focus-border: var(--theme-primary-surface-border-focus);
  --component-search-field-dropdown-focus-radius: 12px;
  --component-search-field-hover-bg: var(--general-color-background-white);
  --component-search-field-hover-border: var(--general-color-border-brand-2);
  --component-search-field-hover-icon: var(--general-color-fill-brand-2);
  --component-search-field-hover-search-text: var(--general-color-text-darkest);
  --component-site-footer-bottom-bar-bg: var(--color-primary-color-1-700);
  --component-site-footer-bottom-bar-cta-2-color: inverse;
  --component-site-footer-bottom-bar-icons: var(--general-color-fill-white);
  --component-site-footer-bottom-bar-link: var(--general-color-text-white);
  --component-site-footer-bottom-bar-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-bottom-bar-padding-y: var(--padding-xsmall);
  --component-site-footer-footer-links-bg: var(--general-color-background-brand-1);
  --component-site-footer-footer-links-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-footer-footer-links-column-label: var(--general-color-text-white);
  --component-site-footer-footer-links-cta-1-color: Inverse;
  --component-site-footer-footer-links-footer-logo: var(--theme-brand-name);
  --component-site-footer-footer-links-gap-icon: var(--spacing-spacing-4);
  --component-site-footer-footer-links-icons: var(--general-color-fill-white);
  --component-site-footer-footer-links-link: var(--general-color-text-white);
  --component-site-footer-footer-links-link-underline: var(--general-color-border-white);
  --component-site-footer-footer-links-logo-height-large: 88px;
  --component-site-footer-footer-links-logo-height-small: 40px;
  --component-site-footer-footer-links-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-footer-links-padding-y: var(--padding-medium);
  --component-site-footer-footer-links-text: var(--general-color-text-white);
  --component-site-footer-gap-links: var(--space-between-medium);
  --component-site-footer-space-between: var(--space-between-xsmall);
  --component-site-header-color-main-bar-desktop-bg: var(--general-color-background-brand-1);
  --component-site-header-color-main-bar-desktop-bottom-border: var(--general-color-border-brand-1);
  --component-site-header-color-main-bar-desktop-icons: var(--general-color-fill-white);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-desktop-link-link-enabled);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-desktop-link-link-enabled: var(--general-color-text-white);
  --component-site-header-color-main-bar-desktop-link-link-hover: var(--general-color-text-brand-2);
  --component-site-header-color-main-bar-desktop-link-link-underline: var(--general-color-border-brand-2);
  --component-site-header-color-main-bar-desktop-logo: var(--general-color-fill-white);
  --component-site-header-color-main-bar-mobile-bg: var(--general-color-background-white);
  --component-site-header-color-main-bar-mobile-bottom-border: var(--color-primary-color-2-100);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-mobile-link-link-enabled);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-mobile-link-link-enabled: var(--general-color-text-darkest);
  --component-site-header-color-main-bar-mobile-link-link-hover: var(--general-color-text-brand-2);
  --component-site-header-color-main-bar-mobile-link-link-underline: var(--general-color-border-brand-2);
  --component-site-header-color-mega-menu-menu-bg: var(--general-color-background-white);
  --component-site-header-color-mega-menu-menu-bottom-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-header-color-mega-menu-menu-item-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-hover-text: var(--general-color-text-brand-1);
  --component-site-header-color-mega-menu-menu-item-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-left-border-items: var(--general-color-border-brand-1);
  --component-site-header-color-mega-menu-menu-paragraph-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-side-bar-bg: var(--color-primary-color-2-100);
  --component-site-header-color-mega-menu-menu-side-bar-title: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-active-icon: var(--component-site-header-color-mega-menu-menu-title-active-text);
  --component-site-header-color-mega-menu-menu-title-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-enabled-icon: var(--component-site-header-color-mega-menu-menu-title-enabled-text);
  --component-site-header-color-mega-menu-menu-title-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-hover-bg: var(--component-site-header-color-mega-menu-menu-bg);
  --component-site-header-color-mega-menu-menu-title-hover-icon: var(--component-site-header-color-mega-menu-menu-title-hover-text);
  --component-site-header-color-mega-menu-menu-title-hover-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-pressed-icon: var(--component-site-header-color-mega-menu-menu-title-pressed-text);
  --component-site-header-color-mega-menu-menu-title-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-enabled-bg: var(--general-color-fill-white);
  --component-site-header-color-search-tag-enabled-border: var(--component-site-header-color-search-tag-enabled-bg);
  --component-site-header-color-search-tag-enabled-icons: var(--general-color-fill-brand-2);
  --component-site-header-color-search-tag-enabled-link: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-hover-bg: var(--general-color-fill-light);
  --component-site-header-color-search-tag-hover-border: var(--general-color-border-brand-1);
  --component-site-header-color-search-tag-hover-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-search-tag-hover-link: var(--general-color-text-brand-1);
  --component-site-header-color-secondary-bar-bg: var(--color-primary-color-1-700);
  --component-site-header-color-secondary-bar-on-bar-enabled-bg: #ffffff00;
  --component-site-header-color-secondary-bar-on-bar-enabled-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-bar-enabled-link);
  --component-site-header-color-secondary-bar-on-bar-hover-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-hover-link-icons: var(--component-site-header-color-secondary-bar-on-bar-hover-link);
  --component-site-header-color-secondary-bar-on-bar-pressed-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-bar-pressed-link);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link: var(--component-site-header-color-mega-menu-menu-item-enabled-text);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-enabled-link);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link: var(--component-site-header-color-mega-menu-menu-item-hover-text);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-hover-link);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link: var(--component-site-header-color-mega-menu-menu-item-pressed-text);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-pressed-link);
  --component-site-header-color-utility-bar-bg: var(--color-primary-color-1-700);
  --component-site-header-color-utility-bar-bottom-border: var(--general-color-border-brand-1);
  --component-site-header-color-utility-bar-button-color-1: inverse;
  --component-site-header-color-utility-bar-button-color-2: inverse;
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-enabled: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-enabled: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-underline: var(--general-color-text-white);
  --component-site-header-color-utility-bar-favorites-button-bg: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-bg-hover: var(--general-color-fill-dark);
  --component-site-header-color-utility-bar-favorites-button-bg-pressed: var(--general-color-surface-darkest);
  --component-site-header-color-utility-bar-favorites-button-border: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-border-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-focus: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-heart-fill: var(--color-brand-general-mills-generalMills-red);
  --component-site-header-color-utility-bar-favorites-button-heart-fill-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-text: var(--general-color-text-darkest);
  --component-site-header-color-utility-bar-favorites-button-text-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-icon: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-logo: var(--general-color-fill-white);
  --component-site-header-main-bar-bottom-border: var(--spacing-spacing-0);
  --component-site-header-main-bar-gap-links: var(--space-between-medium);
  --component-site-header-main-bar-link-bottom-underline-border: 2px;
  --component-site-header-main-bar-logo-height-large: 88px;
  --component-site-header-main-bar-logo-height-small: 72px;
  --component-site-header-main-bar-logo-margin-right: var(--margin-xsmall);
  --component-site-header-main-bar-logo-width-large: 88px;
  --component-site-header-main-bar-logo-width-small: 72px;
  --component-site-header-main-bar-main-bar-inset: var(--padding-none);
  --component-site-header-main-bar-radius: var(--general-radius-none);
  --component-site-header-mega-menu-menu-item-min-width-: 120px;
  --component-site-header-mega-menu-menu-item-radius: var(--component-cta-radius);
  --component-site-header-padding-x: var(--padding-small);
  --component-site-header-padding-y: var(--padding-xsmall);
  --component-site-header-site-header-simple-search-bar-max-width-desktop: 400px;
  --component-site-header-utility-bar-margin-bottom: var(--spacing-spacing-0);
  --component-skip-to-content-theme-border-size: var(--spacing-spacing-2);
  --component-skip-to-content-theme-primary-bg: var(--general-color-background-brand-2);
  --component-skip-to-content-theme-primary-border: var(--general-color-border-white);
  --component-skip-to-content-theme-primary-link-underline: var(--component-skip-to-content-theme-primary-text);
  --component-skip-to-content-theme-primary-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-skip-to-content-theme-secondary-bg: var(--theme-secondary-bg-bg);
  --component-skip-to-content-theme-secondary-border: var(--component-skip-to-content-theme-primary-bg);
  --component-skip-to-content-theme-secondary-link-underline: var(--theme-secondary-bg-text-link-underline);
  --component-skip-to-content-theme-secondary-text: var(--theme-secondary-bg-text-link-underline);
  --component-social-bar-color-bg: var(--general-color-background-white);
  --component-social-bar-color-focus: var(--general-color-background-white);
  --component-social-bar-margin-x: var(--spacing-general-margin-x);
  --component-social-bar-margin-y: var(--spacing-general-margin-y);
  --component-static-icon-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-color-on-surface-image-border: var(--color-grayscale-black);
  --component-static-icon-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-static-icon-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-static-icon-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-static-icon-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-static-icon-base-column-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-focus: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-hover: var(--spacing-spacing-4);
  --component-static-icon-base-column-label-margin: var(--spacing-spacing-0);
  --component-static-icon-base-column-min-height: 280px;
  --component-static-icon-base-column-padding-x: var(--padding-none);
  --component-static-icon-base-column-padding-y: var(--padding-none);
  --component-static-icon-base-column-width-column-width-large: 550px;
  --component-static-icon-base-column-width-column-width-medium: 480px;
  --component-static-icon-base-column-width-column-width-small: 320px;
  --component-static-icon-base-copy-padding-x: var(--padding-xsmall);
  --component-static-icon-base-copy-padding-y: var(--padding-xsmall);
  --component-static-icon-base-icon-icon-height-large: 300px;
  --component-static-icon-base-icon-icon-height-medium: 200px;
  --component-static-icon-base-icon-icon-height-small: 120px;
  --component-static-icon-base-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-image-border: var(--color-grayscale-black);
  --component-static-icon-base-image-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-image-icon-image-ratio: "1:1";
  --component-static-icon-base-image-image-ratio: "3:2";
  --component-static-icon-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-static-icon-base-image-padding-x: var(--padding-none);
  --component-static-icon-base-image-radius: var(--general-radius-image);
  --component-table-color-table-row-bg-alt: var(--general-color-background-brand-4);
  --component-table-color-table-row-bg-header: var(--color-primary-color-1-100);
  --component-tabs-color-tab-border-active-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-focus-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-hover-border: var(--theme-brand-action-hover);
  --component-tabs-color-tab-border-inactive-border: var(--general-color-border-mid);
  --component-tabs-color-tab-border-pressed-border: var(--theme-brand-action-hover);
  --component-tag-interactive-border: var(--spacing-spacing-1);
  --component-tag-interactive-color-brand-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-cta-link-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-cta-link-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-tag-interactive-color-brand-cta-link-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-cta-link-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-tag-interactive-color-brand-cta-link-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-tag-interactive-color-brand-cta-link-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-tag-interactive-color-brand-cta-link-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-tag-interactive-color-brand-cta-link-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-interactive-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-tag-interactive-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-tag-interactive-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-tag-interactive-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-tag-interactive-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-tag-interactive-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-kitchen-tested-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-kitchen-tested-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-kitchen-tested-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-kitchen-tested-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-kitchen-tested-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-inverse-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-cta-link-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-tag-interactive-color-inverse-cta-link-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-cta-link-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-tag-interactive-color-inverse-cta-link-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-enabled-text: var(--theme-primary-interactive-button-brand-action);
  --component-tag-interactive-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-tag-interactive-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-tag-interactive-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-brand-action-hover);
  --component-tag-interactive-color-inverse-fill-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-tag-interactive-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-tag-interactive-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-tag-interactive-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-inverse-outline-enabled-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-tag-interactive-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-tag-interactive-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-tag-interactive-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-inverse-outline-hover-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-color-inverse-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-tag-interactive-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-tag-interactive-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-tag-interactive-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-radius-bottom-left: var(--general-radius-tag);
  --component-tag-interactive-radius-bottom-right: var(--general-radius-tag);
  --component-tag-interactive-radius-top-left: var(--general-radius-tag);
  --component-tag-interactive-radius-top-right: var(--general-radius-tag);
  --component-tag-static-border-width: 0px;
  --component-tag-static-color-fill-A-bg: var(--general-color-fill-brand-1);
  --component-tag-static-color-fill-A-border: var(--component-tag-static-color-fill-A-bg);
  --component-tag-static-color-fill-A-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-A-text: var(--general-color-text-white);
  --component-tag-static-color-fill-B-bg: var(--general-color-fill-brand-2);
  --component-tag-static-color-fill-B-border: var(--component-tag-static-color-fill-B-bg);
  --component-tag-static-color-fill-B-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-B-text: var(--general-color-text-white);
  --component-tag-static-color-fill-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-static-color-fill-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-static-color-fill-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-color-outline-A-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-A-border: var(--general-color-border-brand-1);
  --component-tag-static-color-outline-A-icon: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-A-text: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-B-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-B-border: var(--general-color-border-brand-2);
  --component-tag-static-color-outline-B-icon: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-B-text: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-bg: #2e6be500;
  --component-tag-static-color-outline-border: var(--theme-brand-action);
  --component-tag-static-color-outline-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-outline-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-color-text-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-text-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-inset: var(--spacing-spacing-24);
  --component-tag-static-radius-bottom-left: var(--general-radius-tag);
  --component-tag-static-radius-bottom-right: var(--general-radius-tag);
  --component-tag-static-radius-top-left: var(--general-radius-tag);
  --component-tag-static-radius-top-right: var(--general-radius-tag);
  --component-vertical-video-asset-default-height: 120px;
  --component-vertical-video-asset-default-width: 120px;
  --component-vertical-video-asset-hover-height: 112px;
  --component-vertical-video-asset-hover-width: 112px;
  --component-vertical-video-border-width: 0px;
  --component-vertical-video-color-bg: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-border-focus: var(--component-category-color-category-enabled);
  --component-vertical-video-color-category-enabled: var(--component-content-grid-color-body);
  --component-vertical-video-color-category-hover: var(--component-content-grid-color-body);
  --component-vertical-video-color-fill: var(--componentTheme-content-grid-fill);
  --component-vertical-video-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-surface: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-title: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-gutter: var(--spacing-general-gutter);
  --component-vertical-video-padding-x: var(--spacing-general-margin-x);
  --component-vertical-video-padding-y: var(--spacing-general-margin-y);
  --component-video-margin-x: var(--spacing-general-margin-x);
  --component-video-margin-y: var(--spacing-general-margin-y);
  --component-video-standalone-video-max-width-desktop: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-mobile: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-tablet: var(--typography-copy-max-width);
  --general-color-background-brand-1: var(--color-primary-color-1-500);
  --general-color-background-brand-2: var(--color-primary-color-2-accessible);
  --general-color-background-brand-3: var(--color-secondary-color-4-500);
  --general-color-background-brand-4: var(--color-primary-color-2-100);
  --general-color-background-dark: var(--general-color-background-brand-1);
  --general-color-background-darkest: var(--general-color-background-brand-1);
  --general-color-background-light: var(--color-secondary-color-3-100);
  --general-color-background-white: var(--color-grayscale-white);
  --general-color-border-brand-1: var(--color-primary-color-1-500);
  --general-color-border-brand-2: var(--color-primary-color-2-500);
  --general-color-border-brand-3: var(--color-secondary-color-4-500);
  --general-color-border-dark: var(--color-grayscale-700);
  --general-color-border-darkest: var(--color-primary-color-1-900);
  --general-color-border-light: var(--color-grayscale-300);
  --general-color-border-mid: var(--color-grayscale-400);
  --general-color-border-white: var(--color-grayscale-white);
  --general-color-fill-brand-1: var(--color-primary-color-1-500);
  --general-color-fill-brand-2: var(--color-primary-color-2-accessible);
  --general-color-fill-brand-3: var(--color-secondary-color-4-500);
  --general-color-fill-dark: var(--general-color-fill-brand-1);
  --general-color-fill-darkest: var(--general-color-fill-brand-1);
  --general-color-fill-light: var(--color-secondary-color-3-100);
  --general-color-fill-mid: var(--color-grayscale-400);
  --general-color-fill-white: var(--color-grayscale-white);
  --general-color-surface-brand-1: var(--color-primary-color-1-500);
  --general-color-surface-brand-2: var(--color-primary-color-2-500);
  --general-color-surface-brand-3: var(--color-primary-color-2-100);
  --general-color-surface-dark: var(--color-primary-color-1-700);
  --general-color-surface-darkest: var(--color-primary-color-1-900);
  --general-color-surface-light: var(--color-secondary-color-3-100);
  --general-color-surface-white: var(--color-grayscale-white);
  --general-color-text-brand-1: var(--color-primary-color-1-500);
  --general-color-text-brand-2: var(--color-primary-color-2-accessible);
  --general-color-text-brand-3: var(--color-secondary-color-4-500);
  --general-color-text-dark: var(--general-color-text-brand-1);
  --general-color-text-darkest: var(--general-color-text-brand-1);
  --general-color-text-light: var(--color-secondary-color-3-100);
  --general-color-text-mid: var(--color-grayscale-400);
  --general-color-text-white: var(--color-grayscale-white);
  --general-drop-shadow-blur: 30px;
  --general-drop-shadow-color: #00000033;
  --general-drop-shadow-sub-menu-blur: 12px;
  --general-drop-shadow-sub-menu-color: #00000014;
  --general-drop-shadow-sub-menu-y-value: 2px;
  --general-radius-accordion: var(--radius-radius-12);
  --general-radius-base: var(--radius-radius-24);
  --general-radius-card: var(--general-radius-base);
  --general-radius-card-focus: 28px;
  --general-radius-container: var(--general-radius-base);
  --general-radius-container-l2: var(--radius-radius-16);
  --general-radius-dialog: var(--general-radius-base);
  --general-radius-focus: 14px;
  --general-radius-image: var(--general-radius-base);
  --general-radius-label: var(--radius-radius-rounded);
  --general-radius-modal: var(--general-radius-base);
  --general-radius-none: var(--radius-radius-0);
  --general-radius-tag: var(--radius-radius-rounded);
  --spacing-columns-desktop-full-max-width: var(--global-columns-base-desktop-full-max-width);
  --spacing-columns-desktop-full-min-width: var(--global-columns-base-desktop-full-min-width);
  --spacing-columns-desktop-half-max-width: var(--global-columns-base-desktop-half-max-width);
  --spacing-columns-desktop-half-min-width: var(--global-columns-base-desktop-half-min-width);
  --spacing-columns-desktop-one-fourth-max-width: var(--global-columns-base-desktop-oneFourth-max-width);
  --spacing-columns-desktop-one-fourth-min-width: var(--global-columns-base-desktop-oneFourth-min-width);
  --spacing-columns-desktop-one-third-max-width: var(--global-columns-base-desktop-oneThird-max-width);
  --spacing-columns-desktop-one-third-min-width: var(--global-columns-base-desktop-oneThird-min-width);
  --spacing-columns-desktop-three-fourth-max-width: var(--global-columns-base-desktop-three-fourth-max-width);
  --spacing-columns-desktop-three-fourth-min-width: var(--global-columns-base-desktop-three-fourth-min-width);
  --spacing-columns-mobile-full-max-width: var(--global-columns-base-mobile-full-max-width);
  --spacing-columns-mobile-full-min-width: var(--global-columns-base-mobile-full-min-width);
  --spacing-columns-mobile-half-max-width: var(--global-columns-base-mobile-half-max-width);
  --spacing-columns-mobile-half-min-width: var(--global-columns-base-mobile-half-min-width);
  --spacing-columns-mobile-one-fourth-max-width: var(--global-columns-base-mobile-oneFourth-max-width);
  --spacing-columns-mobile-one-third-max-width: var(--global-columns-base-mobile-oneThird-max-width);
  --spacing-columns-mobile-one-third-min-width: var(--global-columns-base-mobile-oneThird-min-width);
  --spacing-columns-mobile-oneFourth-min-width: var(--global-columns-base-mobile-oneFourth-min-width);
  --spacing-columns-mobile-three-fourth-max-width: var(--global-columns-base-mobile-three-fourth-max-width);
  --spacing-columns-mobile-three-fourth-min-width: var(--global-columns-base-mobile-three-fourth-min-width);
  --spacing-columns-tablet-full-max-width: var(--global-columns-base-tablet-full-max-width);
  --spacing-columns-tablet-full-min-width: var(--global-columns-base-tablet-full-min-width);
  --spacing-columns-tablet-half-max-width: var(--global-columns-base-tablet-half-max-width);
  --spacing-columns-tablet-half-min-width: var(--global-columns-base-tablet-half-min-width);
  --spacing-columns-tablet-one-fourth-max-width: var(--global-columns-base-tablet-oneFourth-max-width);
  --spacing-columns-tablet-one-fourth-min-width: var(--global-columns-base-tablet-oneFourth-min-width);
  --spacing-columns-tablet-one-third-max-width: var(--global-columns-base-tablet-oneThird-max-width);
  --spacing-columns-tablet-one-third-min-width: var(--global-columns-base-tablet-oneThird-min-width);
  --spacing-columns-tablet-three-fourth-max-width: var(--global-columns-base-tablet-three-fourth-max-width);
  --spacing-columns-tablet-three-fourth-min-width: var(--global-columns-base-tablet-three-fourth-min-width);
  --spacing-general-buttons-space-between: var(--space-between-small);
  --spacing-general-container-padding-x: var(--layout-full-margin-x);
  --spacing-general-container-padding-y: var(--layout-full-margin-y);
  --spacing-general-copy-margin-bottom: var(--margin-none);
  --spacing-general-cta-margin-top: var(--margin-small);
  --spacing-general-eyebrow-margin-bottom: var(--margin-xsmall);
  --spacing-general-favicon-dimensions: var(--spacing-spacing-32);
  --spacing-general-gutter: var(--layout-base-gutter);
  --spacing-general-icon-margin-bottom: var(--margin-medium);
  --spacing-general-image-padding: var(--padding-none);
  --spacing-general-margin-related-y: var(--spacing-spacing-16);
  --spacing-general-margin-x: var(--layout-base-margin-x);
  --spacing-general-margin-y: var(--layout-base-margin-y);
  --spacing-general-subtitle-margin-top: var(--margin-xxsmall);
  --spacing-general-title-margin-bottom: var(--margin-small);
  --spacing-general-top-title-margin-bottom: var(--margin-small);
  --theme-aux-1-bg-bg: var(--general-color-background-brand-1);
  --theme-aux-1-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-1-bg-cta-1-color: inverse;
  --theme-aux-1-bg-cta-2-color: inverse;
  --theme-aux-1-bg-icon: var(--general-color-fill-brand-2);
  --theme-aux-1-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-bg-text-primary: var(--general-color-text-white);
  --theme-aux-1-bg-text-secondary: var(--general-color-text-white);
  --theme-aux-1-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-1-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-1-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-1-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-1-interactive-button-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-aux-1-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-1-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-1-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-surface-focus: var(--theme-aux-1-surface-surface);
  --theme-aux-1-interactive-surface-hover: var(--general-color-surface-white);
  --theme-aux-1-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-1-surface-border: var(--general-color-border-brand-2);
  --theme-aux-1-surface-border-focus: var(--general-color-border-brand-2);
  --theme-aux-1-surface-border-hover: var(--general-color-border-brand-2);
  --theme-aux-1-surface-cta-1-color: brand;
  --theme-aux-1-surface-cta-2-color: brand;
  --theme-aux-1-surface-icon: var(--general-color-fill-brand-2);
  --theme-aux-1-surface-match-bg-border: var(--general-color-border-brand-2);
  --theme-aux-1-surface-match-bg-cta-1-color: inverse;
  --theme-aux-1-surface-match-bg-cta-2-color: inverse;
  --theme-aux-1-surface-match-bg-icon: var(--general-color-fill-brand-2);
  --theme-aux-1-surface-match-bg-surface: var(--theme-aux-1-bg-bg);
  --theme-aux-1-surface-match-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-1-surface-match-bg-text-primary: var(--general-color-text-white);
  --theme-aux-1-surface-match-bg-text-secondary: var(--general-color-text-white);
  --theme-aux-1-surface-surface: var(--general-color-background-white);
  --theme-aux-1-surface-text-hover: var(--theme-brand-action);
  --theme-aux-1-surface-text-link: var(--theme-brand-action);
  --theme-aux-1-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-1-surface-text-primary: var(--general-color-text-brand-1);
  --theme-aux-1-surface-text-secondary: var(--general-color-text-brand-1);
  --theme-aux-2-bg-bg: var(--general-color-background-brand-2);
  --theme-aux-2-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-2-bg-border: var(--general-color-border-white);
  --theme-aux-2-bg-cta-1-color: inverse;
  --theme-aux-2-bg-cta-2-color: inverse;
  --theme-aux-2-bg-icon: var(--general-color-fill-white);
  --theme-aux-2-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-2-bg-text-link: var(--theme-brand-action-inverse);
  --theme-aux-2-bg-text-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-2-bg-text-primary: var(--general-color-text-white);
  --theme-aux-2-bg-text-secondary: var(--general-color-text-white);
  --theme-aux-2-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-2-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-2-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-2-interactive-button-link-underline: var(--theme-link-underline);
  --theme-aux-2-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-aux-2-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-aux-2-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-ghost-inverse-link-underline: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-2-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-2-interactive-ratings-inactive: var(--color-grayscale-400);
  --theme-aux-2-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-2-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-2-interactive-surface-focus: var(--theme-aux-1-surface-surface);
  --theme-aux-2-interactive-surface-hover: var(--general-color-surface-white);
  --theme-aux-2-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-2-surface-border: var(--general-color-border-brand-1);
  --theme-aux-2-surface-border-focus: var(--general-color-border-brand-2);
  --theme-aux-2-surface-border-hover: var(--general-color-border-brand-1);
  --theme-aux-2-surface-cta-1-color: brand;
  --theme-aux-2-surface-cta-2-color: brand;
  --theme-aux-2-surface-icon: var(--general-color-fill-brand-1);
  --theme-aux-2-surface-match-bg-border: var(--general-color-border-brand-1);
  --theme-aux-2-surface-match-bg-cta-1-color: inverse;
  --theme-aux-2-surface-match-bg-cta-2-color: inverse;
  --theme-aux-2-surface-match-bg-fill: var(--general-color-fill-white);
  --theme-aux-2-surface-match-bg-surface: var(--theme-aux-2-bg-bg);
  --theme-aux-2-surface-match-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-2-surface-match-bg-text-primary: var(--general-color-text-white);
  --theme-aux-2-surface-match-bg-text-secondary: var(--general-color-text-white);
  --theme-aux-2-surface-surface: var(--general-color-surface-white);
  --theme-aux-2-surface-text-hover: var(--theme-brand-action);
  --theme-aux-2-surface-text-link: var(--theme-brand-action);
  --theme-aux-2-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-2-surface-text-primary: var(--general-color-text-brand-1);
  --theme-aux-2-surface-text-secondary: var(--general-color-text-brand-1);
  --theme-brand-action: var(--general-color-fill-brand-2);
  --theme-brand-action-alternate: var(--color-primary-color-1-100);
  --theme-brand-action-alternate-inverse: var(--general-color-fill-brand-1);
  --theme-brand-action-hover: var(--color-primary-color-1-900);
  --theme-brand-action-hover-inverse: var(--general-color-fill-white);
  --theme-brand-action-inverse: var(--general-color-fill-white);
  --theme-link-underline: var(--theme-brand-action);
  --theme-link-underline-inverse: var(--theme-brand-action-inverse);
  --theme-primary-bg-bg: var(--general-color-background-white);
  --theme-primary-bg-bg-decor-accent: var(--general-color-background-brand-1);
  --theme-primary-bg-border: var(--general-color-border-light);
  --theme-primary-bg-cta-1-color: brand;
  --theme-primary-bg-cta-2-color: brand;
  --theme-primary-bg-icon: var(--general-color-fill-brand-2);
  --theme-primary-bg-text-hover: var(--theme-brand-action-hover);
  --theme-primary-bg-text-link: var(--theme-brand-action);
  --theme-primary-bg-text-link-underline: var(--theme-link-underline);
  --theme-primary-bg-text-primary: var(--general-color-text-darkest);
  --theme-primary-bg-text-secondary: var(--general-color-text-dark);
  --theme-primary-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-primary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-primary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-primary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-primary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-primary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-primary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-primary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-primary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-primary-interactive-ratings-active: var(--general-color-fill-white);
  --theme-primary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-ratings-inverse-active: var(--general-color-surface-brand-1);
  --theme-primary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-surface-focus: var(--theme-primary-surface-surface);
  --theme-primary-interactive-surface-hover: var(--general-color-surface-brand-1);
  --theme-primary-interactive-surface-pressed: var(--theme-primary-interactive-surface-hover);
  --theme-primary-surface-border: var(--general-color-border-light);
  --theme-primary-surface-border-focus: var(--general-color-border-brand-2);
  --theme-primary-surface-border-hover: var(--general-color-border-light);
  --theme-primary-surface-cta-1-color: inverse;
  --theme-primary-surface-cta-2-color: inverse;
  --theme-primary-surface-icon: var(--general-color-fill-brand-1);
  --theme-primary-surface-match-bg-border: var(--general-color-border-brand-2);
  --theme-primary-surface-match-bg-cta-1-color: brand;
  --theme-primary-surface-match-bg-cta-2-color: brand;
  --theme-primary-surface-match-bg-fill: var(--general-color-background-brand-2);
  --theme-primary-surface-match-bg-surface: var(--theme-primary-bg-bg);
  --theme-primary-surface-match-bg-text-hover: var(--theme-brand-action);
  --theme-primary-surface-match-bg-text-primary: var(--general-color-text-darkest);
  --theme-primary-surface-match-bg-text-secondary: var(--general-color-text-brand-1);
  --theme-primary-surface-surface: var(--general-color-surface-white);
  --theme-primary-surface-text-hover: var(--theme-brand-action);
  --theme-primary-surface-text-link: var(--theme-brand-action);
  --theme-primary-surface-text-link-underline: var(--theme-link-underline);
  --theme-primary-surface-text-primary: var(--general-color-text-darkest);
  --theme-primary-surface-text-secondary: var(--general-color-text-darkest);
  --theme-secondary-bg-bg: var(--general-color-background-light);
  --theme-secondary-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-secondary-bg-border: var(--general-color-border-white);
  --theme-secondary-bg-cta-1-color: brand;
  --theme-secondary-bg-cta-2-color: brand;
  --theme-secondary-bg-icon: var(--general-color-fill-brand-1);
  --theme-secondary-bg-text-hover: var(--theme-brand-action-hover);
  --theme-secondary-bg-text-link: var(--theme-brand-action);
  --theme-secondary-bg-text-link-underline: var(--theme-link-underline);
  --theme-secondary-bg-text-primary: var(--general-color-text-brand-1);
  --theme-secondary-bg-text-secondary: var(--general-color-text-brand-1);
  --theme-secondary-interactive-action-bar-button-border: var(--component-cta-color-brand-fill-enabled-border);
  --theme-secondary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-secondary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-secondary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-secondary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-secondary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-ratings-active: var(--general-color-fill-white);
  --theme-secondary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-ratings-inverse-active: var(--general-color-border-brand-1);
  --theme-secondary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-secondary-interactive-surface-hover: var(--general-color-surface-brand-1);
  --theme-secondary-interactive-surface-pressed: var(--theme-secondary-interactive-surface-hover);
  --theme-secondary-surface-border: var(--general-color-border-white);
  --theme-secondary-surface-border-focus: var(--general-color-border-brand-1);
  --theme-secondary-surface-border-hover: var(--general-color-border-white);
  --theme-secondary-surface-cta-1-color: inverse;
  --theme-secondary-surface-cta-2-color: inverse;
  --theme-secondary-surface-icon: var(--general-color-fill-brand-1);
  --theme-secondary-surface-match-bg-border: var(--general-color-border-brand-1);
  --theme-secondary-surface-match-bg-cta-1-color: brand;
  --theme-secondary-surface-match-bg-cta-2-color: brand;
  --theme-secondary-surface-match-bg-fill: var(--general-color-fill-brand-1);
  --theme-secondary-surface-match-bg-surface: var(--theme-secondary-bg-bg);
  --theme-secondary-surface-match-bg-text-hover: var(--theme-brand-action);
  --theme-secondary-surface-match-bg-text-primary: var(--general-color-text-brand-1);
  --theme-secondary-surface-match-bg-text-secondary: var(--general-color-text-brand-1);
  --theme-secondary-surface-surface: var(--general-color-surface-white);
  --theme-secondary-surface-text-hover: var(--theme-brand-action-hover);
  --theme-secondary-surface-text-link: var(--theme-brand-action);
  --theme-secondary-surface-text-link-underline: var(--theme-link-underline);
  --theme-secondary-surface-text-primary: var(--general-color-text-darkest);
  --theme-secondary-surface-text-secondary: var(--general-color-text-darkest);
  --typography-font-family-accent-header: var(--typography-font-family-agbalumo);
  --typography-font-family-body: var(--typography-font-family-poppins);
  --typography-font-family-header: var(--typography-font-family-poppins);
  --typography-font-size-desktop-accent-header-display: var(--typography-font-size-font-size-72);
  --typography-font-size-desktop-accent-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-accent-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-accent-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-accent-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-desktop-body-xlarge: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-desktop-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-desktop-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-header-medium: var(--typography-font-size-font-size-28);
  --typography-font-size-desktop-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-mobile-accent-header-eyebrow: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-large: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-accent-header-medium: var(--typography-font-size-font-size-20);
  --typography-font-size-mobile-accent-header-small: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-accent-header-xlarge: var(--typography-font-size-font-size-28);
  --typography-font-size-mobile-accent-header-xsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-xxlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-accent-header-xxsmall: var(--typography-font-size-font-size-14);
  --typography-font-size-mobile-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-mobile-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-mobile-header-display: var(--typography-font-size-font-size-48);
  --typography-font-size-mobile-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-large: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-header-medium: var(--typography-font-size-font-size-20);
  --typography-font-size-mobile-header-small: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-header-xsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-mobile-header-xxsmall: var(--typography-font-size-font-size-14);
  --typography-font-size-tablet-accent-header-display: var(--typography-font-size-font-size-96);
  --typography-font-size-tablet-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-accent-header-large: var(--typography-font-size-font-size-28);
  --typography-font-size-tablet-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-accent-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-accent-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-tablet-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-tablet-header-display: var(--typography-font-size-font-size-56);
  --typography-font-size-tablet-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-header-large: var(--typography-font-size-font-size-28);
  --typography-font-size-tablet-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-header-xlarge: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-weight-body: 400;
  --typography-font-weight-body-bold: 700;
  --typography-font-weight-button: 700;
  --typography-font-weight-display: 900;
  --typography-font-weight-large: 900;
  --typography-font-weight-medium: 700;
  --typography-font-weight-small: 700;
  --typography-font-weight-xlarge: 900;
  --typography-font-weight-xsmall: 700;
  --typography-font-weight-xxlarge: 900;
  --typography-font-weight-xxsmall: 700;
}

.BrandsProgresso {
  --color-grayscale-100: var(--color-grayscale-warmGray-100);
  --color-grayscale-200: var(--color-grayscale-warmGray-200);
  --color-grayscale-300: var(--color-grayscale-warmGray-300);
  --color-grayscale-400: var(--color-grayscale-warmGray-400);
  --color-grayscale-500: var(--color-grayscale-warmGray-500);
  --color-grayscale-600: var(--color-grayscale-warmGray-600);
  --color-grayscale-700: var(--color-grayscale-warmGray-700);
  --color-grayscale-800: var(--color-grayscale-warmGray-800);
  --color-grayscale-900: var(--color-grayscale-warmGray-900);
  --color-grayscale-black: #000000;
  --color-primary-color-1-100: #c9e2ff;
  --color-primary-color-1-300: #3d5682;
  --color-primary-color-1-500: #1e355e;
  --color-primary-color-1-700: #000e34;
  --color-primary-color-1-900: #00001c;
  --color-primary-color-1-accessible: var(--color-primary-color-1-500);
  --color-primary-color-2-100: #fff9e0;
  --color-primary-color-2-300: #ffd972;
  --color-primary-color-2-500: #fbc03f;
  --color-primary-color-2-700: #b78000;
  --color-primary-color-2-900: #956700;
  --color-primary-color-2-accessible: var(--color-primary-color-2-500);
  --color-secondary-color-3-100: #acf8ff;
  --color-secondary-color-3-500: #23cfec;
  --color-secondary-color-3-900: #008098;
  --color-secondary-color-4-100: #bde6ff;
  --color-secondary-color-4-500: #2078bd;
  --color-secondary-color-4-900: #003f7e;
  --color-secondary-color-5-100: #ffd0c8;
  --color-secondary-color-5-500: #ec1d23;
  --color-secondary-color-5-900: #800000;
  --color-secondary-color-6-100: #cccccc;
  --color-secondary-color-6-500: #cccccc;
  --color-secondary-color-6-900: #cccccc;
  --color-secondary-color-7-100: #cccccc;
  --color-secondary-color-7-500: #cccccc;
  --color-secondary-color-7-900: #cccccc;
  --color-tertiary-color-swatch-500: var(--color-brand-general-mills-generalMills-red);
  --component-accordion-color-default-body: var(--general-color-text-dark);
  --component-accordion-color-default-border: var(--general-color-border-light);
  --component-accordion-color-default-icons: var(--general-color-fill-brand-1);
  --component-accordion-color-default-surface: var(--general-color-surface-white);
  --component-accordion-color-default-title: var(--general-color-text-darkest);
  --component-accordion-color-hover-body: var(--general-color-text-dark);
  --component-accordion-color-hover-border: var(--general-color-border-brand-1);
  --component-accordion-color-hover-icons: var(--general-color-fill-brand-1);
  --component-accordion-color-hover-surface: var(--general-color-surface-white);
  --component-accordion-color-hover-title: var(--general-color-text-darkest);
  --component-accordion-item-border-bottom: 1px;
  --component-accordion-item-border-left: 1px;
  --component-accordion-item-border-right: 1px;
  --component-accordion-item-border-top: 1px;
  --component-accordion-padding-x: var(--padding-medium);
  --component-accordion-padding-y: var(--padding-medium);
  --component-action-bar-border: var(--spacing-spacing-1);
  --component-action-bar-color-border: var(--general-color-border-darkest);
  --component-action-bar-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-enabled-border: var(--general-color-text-brand-1);
  --component-action-bar-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-action-bar-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-focus-focus-border: var(--theme-brand-action);
  --component-action-bar-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-action-bar-color-button-hover-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-action-bar-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-action-bar-color-surface: var(--general-color-surface-white);
  --component-action-bar-color-toggle-active-bg: var(--general-color-fill-brand-1);
  --component-action-bar-color-toggle-active-switch-circle: var(--general-color-fill-white);
  --component-action-bar-color-toggle-inactive-bg: var(--general-color-fill-mid);
  --component-action-bar-color-toggle-inactive-switch-circle: var(--general-color-fill-white);
  --component-action-bar-gap-horizontal: var(--spacing-spacing-16);
  --component-action-bar-gap-vertical: var(--spacing-spacing-12);
  --component-action-bar-radius: var(--spacing-spacing-12);
  --component-action-bar-share-menu-bg-default: var(--general-color-background-white);
  --component-action-bar-share-menu-bg-hover: var(--color-grayscale-100);
  --component-action-bar-share-menu-blur: 12px;
  --component-action-bar-share-menu-color: #00000014;
  --component-action-bar-share-menu-focus-border: var(--theme-brand-action);
  --component-action-bar-share-menu-max-width: 350px;
  --component-action-bar-share-menu-min-height: 48px;
  --component-action-bar-share-menu-min-width: 200px;
  --component-action-bar-share-menu-text: var(--general-color-text-darkest);
  --component-action-bar-share-menu-y-value: 2px;
  --component-action-bar-width-desktop: 88px;
  --component-action-bar-width-mobile: 64px;
  --component-action-bar-width-tablet: 64px;
  --component-alert-banner-bg: var(--general-color-background-brand-2);
  --component-alert-banner-body: var(--general-color-text-dark);
  --component-alert-banner-button-color-1: Brand;
  --component-alert-banner-button-color-2: Brand;
  --component-alert-banner-close: var(--general-color-fill-brand-1);
  --component-alert-banner-icon: var(--general-color-fill-brand-1);
  --component-alert-banner-title: var(--general-color-text-brand-1);
  --component-breadcrumb-color-bg: var(--theme-primary-bg-bg);
  --component-breadcrumb-color-item-enabled-icon: var(--general-color-fill-mid);
  --component-breadcrumb-color-item-enabled-text: var(--general-color-text-mid);
  --component-breadcrumb-color-item-focus-icon: var(--component-breadcrumb-color-item-hover-icon);
  --component-breadcrumb-color-item-focus-text: var(--component-breadcrumb-color-item-hover-text);
  --component-breadcrumb-color-item-hover-icon: var(--theme-brand-action);
  --component-breadcrumb-color-item-hover-text: var(--theme-brand-action);
  --component-breadcrumb-color-item-pressed-icon: var(--component-breadcrumb-color-item-hover-icon);
  --component-breadcrumb-color-item-pressed-text: var(--component-breadcrumb-color-item-hover-text);
  --component-breadcrumb-color-tip-active-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-bg: var(--color-grayscale-black);
  --component-breadcrumb-color-tip-enabled-link: var(--general-color-fill-brand-1);
  --component-breadcrumb-color-tip-hover-link: var(--general-color-text-white);
  --component-button-tag-color-disabled-bg: #682dff33;
  --component-button-tag-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-button-tag-color-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-focus-bg: var(--component-button-tag-color-enabled-bg);
  --component-button-tag-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-button-tag-color-focus-text: var(--component-button-tag-color-enabled-text);
  --component-button-tag-color-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-border: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-button-tag-color-link-underline: var(--general-color-fill-brand-1);
  --component-button-tag-color-pressed-bg: var(--component-button-tag-color-hover-bg);
  --component-button-tag-color-pressed-border: var(--component-button-tag-color-hover-border);
  --component-button-tag-color-pressed-text: var(--component-button-tag-color-hover-text);
  --component-button-tag-radius: var(--radius-radius-rounded);
  --component-button-tag-size-base-border: var(--spacing-spacing-4);
  --component-button-tag-size-base-padding-left: var(--spacing-spacing-16);
  --component-button-tag-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-button-tag-size-base-padding-y: var(--spacing-spacing-8);
  --component-button-tag-size-base-space-between: var(--spacing-spacing-8);
  --component-button-tag-size-small-border: var(--spacing-spacing-4);
  --component-button-tag-size-small-gap: var(--spacing-spacing-8);
  --component-button-tag-size-small-padding-left: var(--spacing-spacing-12);
  --component-button-tag-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-button-tag-size-small-padding-y: var(--spacing-spacing-8);
  --component-card-article-card-border-width: var(--spacing-spacing-4);
  --component-card-article-card-radius: var(--general-radius-card);
  --component-card-article-image-borderWidth: var(--spacing-spacing-4);
  --component-card-article-image-image-ratio: "3:2";
  --component-card-article-image-radius: var(--general-radius-image);
  --component-card-general-card-border-width: var(--spacing-spacing-4);
  --component-card-general-card-radius: var(--general-radius-card);
  --component-card-general-color-body: var(--component-cards-base-color-on-surface-body);
  --component-card-general-color-border: var(--component-cards-base-color-on-surface-border);
  --component-card-general-color-cta-1-color: var(--component-cards-base-color-on-surface-cta-1-color);
  --component-card-general-color-image-border: var(--color-grayscale-black);
  --component-card-general-color-subtitle: var(--component-cards-base-color-on-surface-subtitle);
  --component-card-general-color-surface: var(--component-cards-base-color-on-surface-surface);
  --component-card-general-color-title: var(--component-cards-base-color-on-surface-title);
  --component-card-product-card-border-width: var(--spacing-spacing-4);
  --component-card-product-color-image-bg: var(--general-color-background-brand-1);
  --component-card-product-image-borderWidth: var(--spacing-spacing-4);
  --component-card-product-image-image-ratio: "1:1";
  --component-card-recipe-card-border-width: var(--spacing-spacing-4);
  --component-card-recipe-card-minHeight: 280px;
  --component-card-recipe-card-padding-x: var(--padding-none);
  --component-card-recipe-card-padding-y: var(--padding-none);
  --component-card-recipe-card-radius: var(--general-radius-card);
  --component-card-recipe-color-ratings: var(--interactiveTheme-ratings-active);
  --component-card-recipe-image-borderWidth: var(--spacing-spacing-4);
  --component-card-recipe-image-image-ratio: "3:2";
  --component-card-recipe-image-padding-top: var(--component-card-recipe-image-padding-x);
  --component-card-recipe-image-padding-x: var(--padding-none);
  --component-card-recipe-image-radius: var(--general-radius-image);
  --component-cards-base-card-border-width: var(--spacing-spacing-4);
  --component-cards-base-card-border-width-focus: var(--spacing-spacing-4);
  --component-cards-base-card-border-width-hover: var(--spacing-spacing-4);
  --component-cards-base-card-label-margin: var(--spacing-spacing-0);
  --component-cards-base-card-min-height: 280px;
  --component-cards-base-card-padding-x: var(--padding-none);
  --component-cards-base-card-padding-y: var(--padding-none);
  --component-cards-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-border: var(--color-grayscale-warmGray-200);
  --component-cards-base-color-on-surface-border-focus: var(--componentTheme-cards-on-surface-border-focus);
  --component-cards-base-color-on-surface-border-hover: var(--componentTheme-cards-on-surface-border-hover);
  --component-cards-base-color-on-surface-cta-1-color: var(--componentTheme-cards-on-surface-cta-1-color);
  --component-cards-base-color-on-surface-cta-2-color: var(--componentTheme-cards-on-surface-cta-2-color);
  --component-cards-base-color-on-surface-image-bg: var(--color-primary-color-1-500);
  --component-cards-base-color-on-surface-image-border: var(--color-grayscale-white);
  --component-cards-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-cards-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-cards-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-cards-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-cards-base-copy-padding-x: var(--padding-xsmall);
  --component-cards-base-copy-padding-y: var(--padding-xsmall);
  --component-cards-base-image-bg: var(--color-primary-color-1-500);
  --component-cards-base-image-border: var(--color-grayscale-white);
  --component-cards-base-image-border-width: var(--spacing-spacing-4);
  --component-cards-base-image-category-image-ratio: "1:1";
  --component-cards-base-image-image-ratio: "3:2";
  --component-cards-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-cards-base-image-padding-x: var(--padding-none);
  --component-cards-base-image-radius: var(--general-radius-none);
  --component-cards-card-max-width-mobile: 480px;
  --component-carousel-border-width: 1px;
  --component-carousel-controls-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-brand-icon: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-controls-inverse-icon: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-brand-fill: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-inverse-fill: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-color: var(--component-content-grid-color-button-color-1);
  --component-category-asset-default-height: 120px;
  --component-category-asset-default-width: 120px;
  --component-category-asset-hover-height: 112px;
  --component-category-asset-hover-width: 112px;
  --component-category-color-bg: var(--componentTheme-content-grid-bg);
  --component-category-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-border-focus: var(--component-category-color-category-enabled);
  --component-category-color-category-enabled: var(--component-content-grid-color-body);
  --component-category-color-category-hover: var(--component-content-grid-color-body);
  --component-category-color-fill: var(--componentTheme-content-grid-fill);
  --component-category-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-surface: var(--componentTheme-content-grid-bg);
  --component-category-color-title: var(--componentTheme-content-grid-text-primary);
  --component-category-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-category-gutter: var(--layout-base-gutter);
  --component-category-padding-x: var(--layout-base-margin-y);
  --component-category-padding-y: var(--layout-base-margin-y);
  --component-checkbox-radio-color-brand-fill-disabled-opacity: 0.5;
  --component-checkbox-radio-color-brand-fill-disabled-text: var(--general-color-text-mid);
  --component-checkbox-radio-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-checkbox-radio-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-checkbox-radio-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-enabled-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-error-bg: var(--color-system-error-100);
  --component-checkbox-radio-color-brand-fill-error-border: var(--color-system-error-500);
  --component-checkbox-radio-color-brand-fill-error-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-focus-bg);
  --component-checkbox-radio-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-focus-border);
  --component-checkbox-radio-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-focus-icon);
  --component-checkbox-radio-color-brand-fill-focus-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-selected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-selected-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-checkbox-radio-color-brand-fill-hover-selected-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-hover-selected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-unselected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-unselected-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-checkbox-radio-color-brand-fill-hover-unselected-icon: var(--component-action-bar-color-button-hover-icon);
  --component-checkbox-radio-color-brand-fill-hover-unselected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-uneditable-bg: var(--general-color-background-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-icon: var(--general-color-fill-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-text: var(--general-color-text-dark);
  --component-content-grid-color-bg: var(--componentTheme-content-grid-bg);
  --component-content-grid-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-content-grid-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-content-grid-color-title: var(--componentTheme-content-grid-text-primary);
  --component-content-grid-margin-x: var(--spacing-general-margin-x);
  --component-content-grid-margin-x-2: var(--spacing-general-margin-x);
  --component-content-grid-margin-y: var(--spacing-general-margin-y);
  --component-content-grid-margin-y-2: var(--spacing-general-margin-y);
  --component-content-grid-pdp-color-bg: var(--general-color-background-white);
  --component-content-grid-pdp-color-body: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-pdp-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-pdp-color-subtitle: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-title: var(--general-color-background-darkest);
  --component-cta-color-brand-fill-disabled-opacity: 0.5;
  --component-cta-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-cta-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-enabled-bg);
  --component-cta-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-cta-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-cta-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-fill-hover-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-cta-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-cta-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-cta-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-ghost-disabled-opacity: 0.5;
  --component-cta-color-brand-ghost-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-ghost-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-cta-color-brand-ghost-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-ghost-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-cta-color-brand-ghost-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-cta-color-brand-ghost-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-cta-color-brand-ghost-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-cta-color-brand-ghost-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-outline-disabled-opacity: 0.5;
  --component-cta-color-brand-outline-enabled-bg: #ffffff00;
  --component-cta-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-cta-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-cta-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-cta-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-outline-hover-border: var(--component-cta-color-brand-outline-hover-bg);
  --component-cta-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-cta-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-cta-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-cta-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-inverse-fill-disabled-opacity: 0.5;
  --component-cta-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-cta-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-cta-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-inverse-brand-action-hover-inverse);
  --component-cta-color-inverse-fill-hover-border: var(--component-cta-color-inverse-fill-hover-bg);
  --component-cta-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-fill-hover-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-cta-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-cta-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-cta-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-ghost-disabled-opacity: 0.5;
  --component-cta-color-inverse-ghost-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-cta-color-inverse-ghost-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-ghost-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-cta-color-inverse-ghost-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-outline-disabled-opacity: 0.5;
  --component-cta-color-inverse-outline-enabled-bg: #ffffff00;
  --component-cta-color-inverse-outline-enabled-border: var(--interactiveTheme-button-brand-action-alternate);
  --component-cta-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-cta-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-cta-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-cta-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-hover-bg: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-cta-color-inverse-outline-hover-border: var(--component-cta-color-inverse-outline-hover-bg);
  --component-cta-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-color-inverse-outline-hover-text: var(--theme-brand-action);
  --component-cta-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-cta-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-cta-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-cta-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-focus-radius: var(--radius-radius-0);
  --component-cta-radius: var(--radius-radius-0);
  --component-cta-size-base-border: var(--spacing-spacing-4);
  --component-cta-size-base-border-2: var(--spacing-spacing-4);
  --component-cta-size-base-padding-left: var(--spacing-spacing-12);
  --component-cta-size-base-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-base-padding-y: var(--spacing-spacing-12);
  --component-cta-size-base-space-between: var(--spacing-spacing-8);
  --component-cta-size-small-border: var(--spacing-spacing-4);
  --component-cta-size-small-gap: var(--spacing-spacing-8);
  --component-cta-size-small-padding-left: var(--spacing-spacing-12);
  --component-cta-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-small-padding-y: var(--spacing-spacing-8);
  --component-dialog-box-shadow-blur: 24px;
  --component-dialog-color-body: var(--theme-primary-bg-text-secondary);
  --component-dialog-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-dialog-color-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --component-dialog-color-smokescreen: #00000080;
  --component-dialog-color-surface: var(--general-color-surface-white);
  --component-dialog-color-title: var(--theme-primary-bg-text-primary);
  --component-dialog-content-padding-x: var(--padding-medium);
  --component-dialog-content-padding-y: var(--padding-medium);
  --component-error-state-page-color-bg: var(--component-content-grid-color-bg);
  --component-error-state-page-color-body: var(--theme-primary-surface-text-primary);
  --component-error-state-page-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-error-state-page-color-icon: var(--theme-primary-surface-text-secondary);
  --component-error-state-page-color-image-bg: var(--general-color-background-brand-1);
  --component-error-state-page-color-surface: var(--theme-primary-surface-surface);
  --component-error-state-page-color-title: var(--general-color-text-brand-1);
  --component-error-state-page-content-padding-x: var(--layout-full-margin-x);
  --component-error-state-page-content-padding-y: var(--layout-full-margin-y);
  --component-error-state-page-content-radius: var(--general-radius-container);
  --component-error-state-page-copy-padding-x: var(--padding-small);
  --component-error-state-page-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-error-state-page-copy-radius: var(--general-radius-container);
  --component-error-state-page-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-error-state-page-gutter: var(--layout-full-gutter);
  --component-error-state-page-image-imageLeft-radius-bottomLeft: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageLeft-radius-bottomRight: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-error-state-page-image-max-height-desktop: 1024px;
  --component-error-state-page-image-max-height-mobile: 360px;
  --component-error-state-page-image-max-height-tablet: 1024px;
  --component-error-state-page-image-min-height-desktop: 370px;
  --component-error-state-page-image-min-height-mobile: 180px;
  --component-error-state-page-image-min-height-tablet: 392px;
  --component-error-state-page-image-padding-x: var(--padding-none);
  --component-error-state-page-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-error-state-page-image-radius: var(--general-radius-container);
  --component-error-state-page-margin-x: var(--spacing-general-margin-x);
  --component-error-state-page-margin-y: var(--spacing-general-margin-y);
  --component-facets-color-default-border: var(--component-facets-color-default-surface);
  --component-facets-color-default-icons: var(--general-color-fill-brand-1);
  --component-facets-color-default-surface: var(--theme-primary-bg-bg);
  --component-facets-color-default-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-facets-color-focus-border: var(--theme-brand-action);
  --component-facets-color-focus-icons: var(--theme-brand-action);
  --component-facets-color-focus-surface: var(--color-grayscale-100);
  --component-facets-color-focus-title: var(--general-color-text-darkest);
  --component-facets-color-hover-border: var(--general-color-border-white);
  --component-facets-color-hover-icons: var(--theme-brand-action);
  --component-facets-color-hover-surface: var(--color-grayscale-100);
  --component-facets-color-hover-title: var(--general-color-text-darkest);
  --component-facets-counter-surface: var(--general-color-background-darkest);
  --component-facets-counter-text: var(--general-color-text-white);
  --component-facets-max-width: 302px;
  --component-facets-padding-x: var(--padding-xxsmall);
  --component-facets-padding-y: var(--padding-xxsmall);
  --component-facets-radius: var(--radius-radius-0);
  --component-favorites-border: var(--spacing-spacing-1);
  --component-favorites-color-border: var(--general-color-border-darkest);
  --component-favorites-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-focus-focus-border: var(--theme-brand-action);
  --component-favorites-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-favorites-color-button-hover-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-favorites-color-surface: var(--general-color-surface-white);
  --component-favorites-lists-menu-bg-default: var(--general-color-background-white);
  --component-favorites-lists-menu-bg-hover: var(--color-grayscale-100);
  --component-favorites-lists-menu-focus-border: var(--theme-brand-action);
  --component-favorites-lists-menu-max-width: 350px;
  --component-favorites-lists-menu-min-height: 48px;
  --component-favorites-lists-menu-min-width: 200px;
  --component-favorites-lists-menu-text: var(--general-color-text-darkest);
  --component-favorites-radius: var(--spacing-spacing-12);
  --component-feature-full-color-bg: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-feature-full-color-cta-1-color: var(--componentTheme-content-grid-cta-1-color);
  --component-feature-full-color-cta-2-color: var(--componentTheme-content-grid-cta-2-color);
  --component-feature-full-color-eyebrow: var(--componentTheme-content-grid-text-secondary);
  --component-feature-full-color-fill: var(--componentTheme-content-grid-fill);
  --component-feature-full-color-image-bg: var(--general-color-background-brand-1);
  --component-feature-full-color-surface: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-title: var(--componentTheme-content-grid-text-primary);
  --component-feature-full-copy-block-copy-block-indent: var(--padding-none);
  --component-feature-full-copy-block-padding-x: var(--padding-medium);
  --component-feature-full-copy-block-padding-y: var(--component-feature-full-copy-block-padding-x);
  --component-feature-full-copy-block-radius: var(--general-radius-none);
  --component-feature-full-copy-container-padding-x: var(--layout-full-margin-x);
  --component-feature-full-copy-container-padding-y: var(--layout-full-margin-y);
  --component-feature-full-decor-decor-accent: var(--theme-primary-bg-bg-decor-accent);
  --component-feature-full-decor-decor-match-primary-bg: var(--theme-primary-bg-bg);
  --component-feature-full-decor-icon-height: var(--icon-large-height);
  --component-feature-full-image-padding-left: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-right: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-x: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-y: var(--padding-medium);
  --component-feature-full-image-radius: var(--general-radius-container);
  --component-feature-split-color-bg: var(--componentTheme-feature-bg);
  --component-feature-split-color-body: var(--componentTheme-feature-match-bg-text-secondary);
  --component-feature-split-color-button-size: base;
  --component-feature-split-color-cta-1-color: var(--componentTheme-feature-match-bg-cta-1-color);
  --component-feature-split-color-cta-2-color: var(--componentTheme-feature-match-bg-cta-2-color);
  --component-feature-split-color-eyebrow: var(--componentTheme-feature-match-bg-text-secondary);
  --component-feature-split-color-fill: var(--componentTheme-feature-fill);
  --component-feature-split-color-image-bg: var(--general-color-background-brand-1);
  --component-feature-split-color-subtitle: var(--componentTheme-feature-match-bg-text-secondary);
  --component-feature-split-color-surface: var(--componentTheme-feature-match-bg-surface);
  --component-feature-split-color-title: var(--componentTheme-feature-match-bg-text-primary);
  --component-feature-split-constrained-copy-desktop-max-width: 420px;
  --component-feature-split-constrained-copy-mobile-max-width: 767px;
  --component-feature-split-constrained-copy-padding-x: var(--padding-small);
  --component-feature-split-constrained-copy-padding-y: var(--component-feature-split-constrained-copy-padding-x);
  --component-feature-split-constrained-copy-tablet-max-width: 816px;
  --component-feature-split-constrained-image-desktop-min-width: 480px;
  --component-feature-split-constrained-image-mobile-min-width: 320px;
  --component-feature-split-constrained-image-tablet-min-width: 480px;
  --component-feature-split-constrained-margin-left: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-constrained-margin-right: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-content-padding-x: var(--layout-full-margin-x);
  --component-feature-split-content-padding-y: var(--layout-full-margin-y);
  --component-feature-split-content-radius: var(--general-radius-none);
  --component-feature-split-copy-padding-x: var(--padding-small);
  --component-feature-split-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-feature-split-copy-radius: var(--general-radius-container);
  --component-feature-split-decor-bg-accent: var(--general-color-text-brand-3);
  --component-feature-split-decor-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-feature-split-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-feature-split-decor-icon-height: var(--icon-large-height);
  --component-feature-split-gutter: var(--layout-base-gutter);
  --component-feature-split-image-border: var(--color-grayscale-black);
  --component-feature-split-image-border-width: var(--spacing-spacing-4);
  --component-feature-split-image-image-ratio: "3:2";
  --component-feature-split-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-padding-x: var(--padding-none);
  --component-feature-split-image-padding-y: var(--component-feature-split-image-padding-x);
  --component-feature-split-image-radius: var(--general-radius-container);
  --component-feature-split-margin-x: var(--layout-base-margin-x);
  --component-feature-split-margin-y: var(--layout-compact-margin-y);
  --component-filters-color-default-border: var(--general-color-border-darkest);
  --component-filters-color-default-label: var(--general-color-text-darkest);
  --component-filters-color-default-surface: var(--general-color-surface-white);
  --component-filters-color-focus-border: var(--theme-brand-action);
  --component-filters-color-focus-label: var(--general-color-text-darkest);
  --component-filters-color-focus-surface: var(--general-color-background-light);
  --component-filters-color-hover-border: var(--theme-brand-action);
  --component-filters-color-hover-label: var(--general-color-text-darkest);
  --component-filters-color-hover-surface: var(--general-color-background-light);
  --component-filters-color-selected-border: var(--theme-brand-action);
  --component-filters-color-selected-icons: var(--general-color-fill-white);
  --component-filters-color-selected-label: var(--general-color-text-darkest);
  --component-filters-color-selected-surface: var(--theme-brand-action);
  --component-filters-counter-surface: var(--general-color-background-darkest);
  --component-filters-counter-text: var(--general-color-text-white);
  --component-filters-padding-x: var(--padding-xxsmall);
  --component-filters-padding-y: var(--padding-xxsmall);
  --component-filters-radius: var(--radius-radius-0);
  --component-form-field-color-button-color-1: brand;
  --component-form-field-color-button-color-2: brand;
  --component-form-field-color-default-bg: var(--component-search-field-default-bg);
  --component-form-field-color-default-border: var(--general-color-border-mid);
  --component-form-field-color-descriptive-text: var(--general-color-text-darkest);
  --component-form-field-color-filled-border: var(--general-color-border-dark);
  --component-form-field-color-icon: var(--general-color-fill-darkest);
  --component-form-field-color-label: var(--general-color-text-darkest);
  --component-form-field-color-placeholder-text: var(--general-color-text-mid);
  --component-form-field-color-required-asterisk: var(--component-form-field-color-label);
  --component-form-field-color-surface: var(--general-color-surface-white);
  --component-hero-color-alternate-bg: var(--componentTheme-hero-bg);
  --component-hero-color-alternate-body: var(--componentTheme-hero-text-secondary);
  --component-hero-color-alternate-cta-1-color: var(--componentTheme-hero-match-bg-cta-1-color);
  --component-hero-color-alternate-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-alternate-eyebrow: var(--componentTheme-hero-text-primary);
  --component-hero-color-alternate-fill: var(--componentTheme-hero-fill);
  --component-hero-color-alternate-surface: var(--componentTheme-hero-match-bg-surface);
  --component-hero-color-alternate-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-alternate-title: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-bg: var(--general-color-background-brand-1);
  --component-hero-color-general-body: var(--componentTheme-hero-text-primary);
  --component-hero-color-general-cta-1-color: var(--componentTheme-hero-cta-1-color);
  --component-hero-color-general-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-general-decor: var(--component-button-tag-color-enabled-bg);
  --component-hero-color-general-decor-mobile: var(--component-hero-color-general-surface);
  --component-hero-color-general-eyebrow: var(--componentTheme-content-grid-text-primary);
  --component-hero-color-general-fill: var(--componentTheme-hero-fill);
  --component-hero-color-general-surface: var(--componentTheme-hero-surface);
  --component-hero-color-general-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-general-title: var(--componentTheme-content-grid-text-primary);
  --component-hero-color-simple-bg: var(--general-color-background-white);
  --component-hero-color-simple-body: var(--theme-primary-bg-text-secondary);
  --component-hero-color-simple-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-color-simple-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-color-simple-decor-accent: var(--general-color-background-white);
  --component-hero-color-simple-eyebrow: var(--theme-primary-bg-text-secondary);
  --component-hero-color-simple-text-link: var(--theme-primary-bg-text-link);
  --component-hero-color-simple-title: var(--theme-primary-bg-text-primary);
  --component-hero-container-desktop-min-height: 500px;
  --component-hero-container-desktop-radius: var(--general-radius-container);
  --component-hero-container-gap: var(--layout-overlap-overlap-gutter);
  --component-hero-container-mobile-min-height: var(--screen-dimensions-height);
  --component-hero-container-mobile-radius: var(--general-radius-container);
  --component-hero-container-padding-x: var(--layout-compact-margin-x);
  --component-hero-container-padding-y: var(--layout-compact-margin-x);
  --component-hero-container-radius: var(--general-radius-container);
  --component-hero-container-tablet-min-height: var(--screen-dimensions-height);
  --component-hero-container-tablet-radius: var(--general-radius-container);
  --component-hero-copy-padding-x: var(--padding-small);
  --component-hero-copy-padding-y: var(--padding-large);
  --component-hero-copy-radius: var(--general-radius-none);
  --component-hero-copy-radius-bottom-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-bottom-right: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-right: var(--component-hero-copy-radius);
  --component-hero-copyBlock-padding-x: var(--padding-small);
  --component-hero-copyBlock-padding-y: var(--padding-large);
  --component-hero-copyBlock-radius: var(--general-radius-none);
  --component-hero-copyBlock-radius-bottom-left: var(--component-hero-container-radius);
  --component-hero-copyBlock-radius-bottom-right: var(--component-hero-image-desktop-radius);
  --component-hero-copyBlock-radius-top-left: var(--component-hero-image-desktop-radius);
  --component-hero-copyBlock-radius-top-right: var(--component-hero-image-desktop-radius);
  --component-hero-desktop-max-width: var(--screen-dimensions-max-width);
  --component-hero-image-a11y-image-background-blur: 10px;
  --component-hero-image-a11y-image-overlay-opacity: 0.7;
  --component-hero-image-desktop-radius: var(--general-radius-none);
  --component-hero-image-mobile-radius: var(--general-radius-none);
  --component-hero-image-padding-top: var(--layout-full-margin-x);
  --component-hero-image-padding-x: var(--layout-full-margin-x);
  --component-hero-image-padding-y: var(--component-hero-image-padding-x);
  --component-hero-image-splitHero-radius: var(--general-radius-none);
  --component-hero-mobile-max-width: 1000px;
  --component-hero-tablet-max-width: 1000px;
  --component-hero-typography-title: var(--typography-font-size-header-xlarge);
  --component-hero-article-color-bg: var(--theme-primary-bg-bg);
  --component-hero-article-color-bg-accent: var(--general-color-text-brand-3);
  --component-hero-article-color-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-hero-article-color-body: var(--theme-primary-surface-text-primary);
  --component-hero-article-color-category: var(--theme-primary-surface-text-primary);
  --component-hero-article-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-hero-article-color-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --component-hero-article-color-date: var(--theme-primary-surface-text-primary);
  --component-hero-article-color-details: var(--theme-primary-surface-text-secondary);
  --component-hero-article-color-icon: var(--theme-primary-surface-text-secondary);
  --component-hero-article-color-image-bg: var(--general-color-background-brand-1);
  --component-hero-article-color-surface: var(--theme-primary-surface-surface);
  --component-hero-article-color-title: var(--theme-primary-surface-text-primary);
  --component-hero-article-content-padding-x: var(--layout-full-margin-x);
  --component-hero-article-content-padding-y: var(--layout-full-margin-y);
  --component-hero-article-content-radius: var(--general-radius-none);
  --component-hero-article-copy-category-margin-bottom: var(--spacing-general-eyebrow-margin-bottom);
  --component-hero-article-copy-padding-x: var(--padding-small);
  --component-hero-article-copy-padding-y: var(--component-hero-article-copy-padding-x);
  --component-hero-article-copy-radius: var(--general-radius-container);
  --component-hero-article-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-article-gutter: var(--layout-base-gutter);
  --component-hero-article-image-image-ratio: "3:2";
  --component-hero-article-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-article-image-max-height-desktop: 1024px;
  --component-hero-article-image-max-height-mobile: 360px;
  --component-hero-article-image-max-height-tablet: 1024px;
  --component-hero-article-image-min-height-desktop: 370px;
  --component-hero-article-image-min-height-mobile: 180px;
  --component-hero-article-image-min-height-tablet: 392px;
  --component-hero-article-image-padding-x: var(--padding-none);
  --component-hero-article-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-hero-article-image-radius: var(--general-radius-container);
  --component-hero-article-margin-x: var(--layout-base-margin-x);
  --component-hero-article-padding-y: var(--layout-base-margin-y);
  --component-hero-product-brand-decor: var(--component-site-header-main-bar-brand-logo);
  --component-hero-product-color-badge-color: brand;
  --component-hero-product-color-bg: var(--theme-primary-bg-bg);
  --component-hero-product-color-body: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-product-color-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-product-color-decor: var(--general-color-background-brand-1);
  --component-hero-product-color-eyebrow: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-icon: var(--theme-primary-bg-icon);
  --component-hero-product-color-image-bg: var(--general-color-background-brand-1);
  --component-hero-product-color-image-border: var(--general-color-border-mid);
  --component-hero-product-color-image-surface: var(--general-color-surface-white);
  --component-hero-product-color-link: var(--theme-primary-bg-text-link-underline);
  --component-hero-product-color-ratings: var(--theme-secondary-interactive-ratings-active);
  --component-hero-product-color-ratings-inactive: var(--theme-primary-interactive-button-ghost-link);
  --component-hero-product-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-thumbnail-selected-border: var(--theme-brand-action);
  --component-hero-product-color-title: var(--theme-primary-bg-text-primary);
  --component-hero-product-content-padding-x: var(--layout-full-margin-x);
  --component-hero-product-content-padding-y: var(--layout-full-margin-y);
  --component-hero-product-content-radius: var(--general-radius-none);
  --component-hero-product-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-product-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-hero-product-copy-radius: var(--general-radius-container);
  --component-hero-product-gutter: var(--layout-base-gutter);
  --component-hero-product-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-product-image-max-height-desktop: 640px;
  --component-hero-product-image-max-height-mobile: 273px;
  --component-hero-product-image-max-height-tablet: 1024px;
  --component-hero-product-image-padding-x: var(--padding-none);
  --component-hero-product-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-product-image-radius: var(--general-radius-container);
  --component-hero-product-margin-x: var(--layout-base-margin-y);
  --component-hero-product-margin-y: var(--layout-base-margin-y);
  --component-hero-recipe-color-badge-color: brand;
  --component-hero-recipe-color-bg: var(--theme-primary-bg-bg);
  --component-hero-recipe-color-body: var(--theme-primary-bg-text-secondary);
  --component-hero-recipe-color-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-recipe-color-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-recipe-color-eyebrow: var(--theme-primary-bg-text-secondary);
  --component-hero-recipe-color-icon: var(--theme-primary-bg-icon);
  --component-hero-recipe-color-image-bg: var(--general-color-background-brand-1);
  --component-hero-recipe-color-link: var(--theme-primary-interactive-button-ghost-link);
  --component-hero-recipe-color-ratings: var(--theme-secondary-interactive-ratings-active);
  --component-hero-recipe-color-ratings-inactive: var(--theme-primary-interactive-button-ghost-link);
  --component-hero-recipe-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-hero-recipe-color-title: var(--theme-primary-bg-text-primary);
  --component-hero-recipe-content-padding-x: var(--layout-full-margin-x);
  --component-hero-recipe-content-padding-y: var(--layout-full-margin-y);
  --component-hero-recipe-content-radius: var(--general-radius-none);
  --component-hero-recipe-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-recipe-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-hero-recipe-copy-radius: var(--general-radius-container);
  --component-hero-recipe-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-recipe-gutter: var(--layout-base-gutter);
  --component-hero-recipe-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-max-height-desktop: 640px;
  --component-hero-recipe-image-max-height-mobile: 273px;
  --component-hero-recipe-image-max-height-tablet: 1024px;
  --component-hero-recipe-image-padding-x: var(--padding-none);
  --component-hero-recipe-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-recipe-image-radius: var(--general-radius-container);
  --component-hero-recipe-margin-x: var(--layout-base-margin-y);
  --component-hero-recipe-padding-y: var(--layout-base-margin-y);
  --component-icon-content-large-desktop-height: 120px;
  --component-icon-content-large-desktop-width: 120px;
  --component-icon-content-large-mobile-height: 120px;
  --component-icon-content-large-mobile-width: 120px;
  --component-icon-content-large-tablet-height: 120px;
  --component-icon-content-large-tablet-width: 120px;
  --component-icon-content-small-desktop-height: 64px;
  --component-icon-content-small-desktop-width: 64px;
  --component-icon-content-small-mobile-height: 64px;
  --component-icon-content-small-mobile-width: 64px;
  --component-icon-content-small-tablet-height: 64px;
  --component-icon-content-small-tablet-width: 64px;
  --component-image-color-button-color-below-image: brand;
  --component-image-color-button-color-on-image: inverse;
  --component-image-standalone-image-max-width-desktop: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-mobile: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-tablet: var(--typography-copy-max-width);
  --component-listing-grid-color-bg: var(--theme-primary-bg-bg);
  --component-listing-grid-color-body: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-button-color-1: var(--theme-primary-bg-cta-1-color);
  --component-listing-grid-color-button-color-2: var(--theme-primary-bg-cta-2-color);
  --component-listing-grid-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-title: var(--theme-primary-bg-text-primary);
  --component-listing-grid-margin-x: var(--spacing-general-margin-x);
  --component-listing-grid-margin-y: var(--spacing-general-margin-y);
  --component-location-selector-color-default-body: var(--component-accordion-color-default-body);
  --component-location-selector-color-default-border: var(--component-accordion-color-default-border);
  --component-location-selector-color-default-icons: var(--component-accordion-color-default-icons);
  --component-location-selector-color-default-surface: var(--component-accordion-color-default-surface);
  --component-location-selector-color-default-title: var(--component-accordion-color-default-title);
  --component-location-selector-color-hover-body: var(--component-accordion-color-hover-body);
  --component-location-selector-color-hover-border: var(--component-accordion-color-hover-border);
  --component-location-selector-color-hover-icons: var(--component-accordion-color-hover-icons);
  --component-location-selector-color-hover-surface: var(--component-accordion-color-hover-surface);
  --component-location-selector-color-hover-title: var(--component-accordion-color-hover-title);
  --component-location-selector-item-border-bottom: 0px;
  --component-location-selector-item-border-left: 0px;
  --component-location-selector-item-border-right: 0px;
  --component-location-selector-item-border-top: 1px;
  --component-location-selector-padding-x: var(--component-accordion-padding-x);
  --component-location-selector-padding-y: var(--component-accordion-padding-y);
  --component-modal-color-body: var(--theme-primary-bg-text-secondary);
  --component-modal-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-modal-color-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --component-modal-color-smokescreen: var(--component-dialog-color-smokescreen);
  --component-modal-color-surface: var(--general-color-surface-white);
  --component-modal-color-title: var(--theme-primary-bg-text-primary);
  --component-modal-content-padding-x: var(--padding-small);
  --component-modal-content-padding-y: var(--padding-small);
  --component-my-account-color-bg: var(--theme-primary-bg-bg);
  --component-my-account-color-bg-cta-color: var(--theme-primary-surface-cta-1-color);
  --component-my-account-color-body: var(--theme-primary-bg-text-secondary);
  --component-my-account-color-border: var(--general-color-border-darkest);
  --component-my-account-color-header: var(--theme-primary-bg-text-primary);
  --component-my-account-color-line-break: var(--general-color-border-darkest);
  --component-my-account-color-sidebar-surface: var(--general-color-surface-brand-1);
  --component-my-account-color-sidebar-text: var(--general-color-text-white);
  --component-my-account-color-surface: var(--general-color-surface-white);
  --component-my-account-color-surface-cta-color: var(--theme-primary-surface-cta-1-color);
  --component-my-account-color-surface-highlight: var(--color-grayscale-100);
  --component-my-account-color-title: var(--theme-primary-bg-text-primary);
  --component-my-account-content-padding-x: var(--padding-small);
  --component-my-account-content-padding-y: var(--padding-small);
  --component-my-account-padding-x: var(--spacing-general-margin-x);
  --component-my-account-padding-y: var(--layout-compact-margin-y);
  --component-nav-dropdown-menu-border: var(--spacing-spacing-1);
  --component-nav-dropdown-menu-color-border: var(--general-color-border-darkest);
  --component-nav-dropdown-menu-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-focus-focus-border: var(--theme-brand-action);
  --component-nav-dropdown-menu-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-nav-dropdown-menu-color-button-hover-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-surface: var(--general-color-surface-white);
  --component-nav-dropdown-menu-lists-menu-bg-default: var(--general-color-background-white);
  --component-nav-dropdown-menu-lists-menu-bg-hover: var(--color-grayscale-100);
  --component-nav-dropdown-menu-lists-menu-focus-border: var(--theme-brand-action);
  --component-nav-dropdown-menu-lists-menu-max-width: 350px;
  --component-nav-dropdown-menu-lists-menu-min-height: 48px;
  --component-nav-dropdown-menu-lists-menu-min-width: 200px;
  --component-nav-dropdown-menu-lists-menu-text: var(--general-color-text-darkest);
  --component-nav-dropdown-menu-radius: var(--spacing-spacing-12);
  --component-newsletter-sign-up-color-bg: var(--component-content-grid-color-bg);
  --component-newsletter-sign-up-color-body: var(--theme-primary-surface-text-primary);
  --component-newsletter-sign-up-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-newsletter-sign-up-color-icon: var(--theme-primary-surface-text-secondary);
  --component-newsletter-sign-up-color-image-bg: var(--general-color-background-brand-1);
  --component-newsletter-sign-up-color-surface: var(--theme-primary-surface-surface);
  --component-newsletter-sign-up-color-title: var(--theme-primary-surface-text-primary);
  --component-newsletter-sign-up-content-padding-x: var(--layout-full-margin-x);
  --component-newsletter-sign-up-content-padding-y: var(--layout-full-margin-y);
  --component-newsletter-sign-up-content-radius: var(--general-radius-container);
  --component-newsletter-sign-up-copy-padding-x: var(--padding-small);
  --component-newsletter-sign-up-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-newsletter-sign-up-copy-radius: var(--general-radius-container);
  --component-newsletter-sign-up-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-newsletter-sign-up-gutter: var(--layout-full-gutter);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-max-height-desktop: 1024px;
  --component-newsletter-sign-up-image-max-height-mobile: 360px;
  --component-newsletter-sign-up-image-max-height-tablet: 1024px;
  --component-newsletter-sign-up-image-min-height-desktop: 370px;
  --component-newsletter-sign-up-image-min-height-mobile: 180px;
  --component-newsletter-sign-up-image-min-height-tablet: 392px;
  --component-newsletter-sign-up-image-padding-x: var(--padding-none);
  --component-newsletter-sign-up-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-newsletter-sign-up-image-radius: var(--general-radius-container);
  --component-newsletter-sign-up-margin-x: var(--spacing-general-margin-x);
  --component-newsletter-sign-up-margin-y: var(--spacing-general-margin-y);
  --component-pagination-color-disabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-disabled-icon: var(--color-grayscale-300);
  --component-pagination-color-disabled-text: var(--interactiveTheme-ratings-inactive);
  --component-pagination-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-focus-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-pagination-color-focus-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-hover-bg: var(--general-color-surface-light);
  --component-pagination-color-hover-text: var(--interactiveTheme-button-brand-action-hover);
  --component-pagination-color-link-underline: var(--general-color-fill-brand-1);
  --component-pagination-color-pressed-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-pressed-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-selected-bg: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-selected-border: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-selected-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-pagination-radius: var(--radius-radius-rounded);
  --component-pagination-size-base-border: var(--spacing-spacing-4);
  --component-pagination-size-base-padding-left: var(--spacing-spacing-16);
  --component-pagination-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-pagination-size-base-padding-y: var(--spacing-spacing-8);
  --component-pagination-size-base-space-between: var(--spacing-spacing-8);
  --component-pagination-size-small-border: var(--spacing-spacing-4);
  --component-pagination-size-small-gap: var(--spacing-spacing-8);
  --component-pagination-size-small-padding-left: var(--spacing-spacing-12);
  --component-pagination-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-pagination-size-small-padding-y: var(--spacing-spacing-8);
  --component-pdp-product-content-color-bg: var(--general-color-background-brand-1);
  --component-pdp-product-content-color-body: var(--theme-secondary-bg-text-secondary);
  --component-pdp-product-content-color-icon: var(--theme-secondary-bg-icon);
  --component-pdp-product-content-color-image-bg: var(--general-color-background-brand-1);
  --component-pdp-product-content-color-surface: var(--general-color-surface-white);
  --component-pdp-product-content-color-surface-border: var(--general-color-border-light);
  --component-pdp-product-content-color-title: var(--theme-secondary-bg-text-primary);
  --component-pdp-product-content-gutter: var(--layout-base-gutter);
  --component-pdp-product-content-margin-x: var(--spacing-general-margin-x);
  --component-pdp-product-content-margin-y: var(--layout-compact-margin-y);
  --component-print-image-print-logo-invert: 1;
  --component-recipe-description-copy-max-width-desktop: 804px;
  --component-recipe-description-copy-max-width-mobile: var(--typography-copy-max-width);
  --component-recipe-description-copy-max-width-tablet: var(--typography-copy-max-width);
  --component-recipe-header-brand: var(--theme-brand-name);
  --component-recipe-header-color-bg: var(--theme-aux-1-bg-bg);
  --component-recipe-header-color-body: var(--theme-aux-1-surface-text-secondary);
  --component-recipe-header-color-cta-1-color: var(--theme-aux-1-surface-cta-1-color);
  --component-recipe-header-color-eyebrow: var(--theme-aux-1-surface-text-secondary);
  --component-recipe-header-color-icon: var(--theme-aux-1-surface-icon);
  --component-recipe-header-color-image-bg: var(--general-color-background-brand-1);
  --component-recipe-header-color-link: var(--theme-aux-1-interactive-button-ghost-link);
  --component-recipe-header-color-ratings: var(--theme-aux-1-interactive-ratings-active);
  --component-recipe-header-color-ratings-inactive: var(--theme-aux-1-interactive-ratings-inactive);
  --component-recipe-header-color-subtitle: var(--theme-aux-1-surface-text-primary);
  --component-recipe-header-color-surface: var(--theme-aux-1-surface-surface);
  --component-recipe-header-color-title: var(--theme-aux-1-surface-text-primary);
  --component-recipe-header-content-padding-x: var(--padding-small);
  --component-recipe-header-content-padding-y: var(--padding-xsmall);
  --component-recipe-header-content-radius: var(--general-radius-none);
  --component-recipe-header-copy-padding-x: var(--padding-small);
  --component-recipe-header-copy-padding-y: var(--padding-small);
  --component-recipe-header-padding-x: var(--spacing-general-margin-x);
  --component-recipe-header-padding-y: var(--layout-compact-margin-y);
  --component-recipe-instructions-card-max-width-mobile: 280px;
  --component-recipe-instructions-color-border: var(--component-recipe-instructions-color-surface);
  --component-recipe-instructions-color-surface: var(--general-color-background-light);
  --component-recipe-instructions-gutter: var(--layout-base-gutter);
  --component-recipe-instructions-padding-x: var(--layout-base-margin-y);
  --component-recipe-instructions-padding-y: var(--layout-base-margin-y);
  --component-recipe-made-with-color-button-color: brand;
  --component-recipe-made-with-color-ratings: var(--theme-primary-interactive-ratings-active);
  --component-recipe-made-with-color-ratings-inactive: var(--theme-primary-interactive-ratings-inactive);
  --component-recipe-nutrition-card-max-width-mobile: 280px;
  --component-recipe-nutrition-color-bg: var(--general-color-background-light);
  --component-recipe-nutrition-color-body: var(--componentTheme-feature-text-primary);
  --component-recipe-nutrition-color-eyebrow: var(--componentTheme-feature-text-primary);
  --component-recipe-nutrition-color-fill: var(--componentTheme-feature-fill);
  --component-recipe-nutrition-color-subtitle: var(--componentTheme-feature-text-primary);
  --component-recipe-nutrition-color-title: var(--componentTheme-feature-text-primary);
  --component-recipe-nutrition-content-padding-x: var(--layout-full-margin-x);
  --component-recipe-nutrition-content-padding-y: var(--layout-full-margin-y);
  --component-recipe-nutrition-content-radius: var(--general-radius-none);
  --component-recipe-nutrition-gutter: var(--layout-base-gutter);
  --component-recipe-nutrition-padding-x: var(--layout-base-margin-y);
  --component-recipe-nutrition-padding-y: var(--layout-base-margin-y);
  --component-related-content-color-bg: var(--component-content-grid-color-bg);
  --component-related-content-color-body: var(--component-content-grid-color-body);
  --component-related-content-color-button-color-1: var(--component-content-grid-color-button-color-1);
  --component-related-content-color-button-color-2: var(--component-content-grid-color-button-color-2);
  --component-related-content-color-subtitle: var(--component-content-grid-color-subtitle);
  --component-related-content-color-title: var(--component-content-grid-color-title);
  --component-search-field-active-bg: var(--general-color-background-white);
  --component-search-field-active-border: var(--general-color-border-brand-2);
  --component-search-field-active-icon: var(--general-color-fill-brand-2);
  --component-search-field-active-search-text: var(--general-color-text-darkest);
  --component-search-field-default-bg: var(--general-color-background-white);
  --component-search-field-default-border: var(--general-color-border-brand-1);
  --component-search-field-default-icon: var(--general-color-fill-brand-1);
  --component-search-field-default-search-text: var(--general-color-text-darkest);
  --component-search-field-dropdown-active-radius: 56px;
  --component-search-field-dropdown-bg-default: var(--component-search-field-default-bg);
  --component-search-field-dropdown-bg-hover: var(--theme-secondary-bg-bg);
  --component-search-field-dropdown-border: var(--component-search-field-active-border);
  --component-search-field-dropdown-border-focus: 2px;
  --component-search-field-dropdown-focus-border: var(--theme-primary-surface-border-focus);
  --component-search-field-dropdown-focus-radius: 12px;
  --component-search-field-hover-bg: var(--general-color-background-white);
  --component-search-field-hover-border: var(--general-color-border-brand-2);
  --component-search-field-hover-icon: var(--general-color-fill-brand-2);
  --component-search-field-hover-search-text: var(--general-color-text-darkest);
  --component-site-footer-bottom-bar-bg: var(--general-color-background-brand-1);
  --component-site-footer-bottom-bar-cta-2-color: inverse;
  --component-site-footer-bottom-bar-icons: var(--general-color-fill-white);
  --component-site-footer-bottom-bar-link: var(--general-color-text-white);
  --component-site-footer-bottom-bar-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-bottom-bar-padding-y: var(--padding-small);
  --component-site-footer-footer-links-bg: var(--general-color-background-brand-1);
  --component-site-footer-footer-links-border: var(--general-color-border-darkest);
  --component-site-footer-footer-links-column-label: var(--general-color-text-white);
  --component-site-footer-footer-links-cta-1-color: brand;
  --component-site-footer-footer-links-gap-icon: var(--spacing-spacing-4);
  --component-site-footer-footer-links-icons: var(--general-color-fill-white);
  --component-site-footer-footer-links-link: var(--general-color-text-white);
  --component-site-footer-footer-links-link-underline: var(--general-color-border-white);
  --component-site-footer-footer-links-logo-height-large: 40px;
  --component-site-footer-footer-links-logo-height-small: 40px;
  --component-site-footer-footer-links-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-footer-links-padding-y: var(--padding-medium);
  --component-site-footer-footer-links-text: var(--general-color-text-white);
  --component-site-footer-gap-links: var(--space-between-medium);
  --component-site-footer-space-between: var(--space-between-xsmall);
  --component-site-header-color-main-bar-desktop-bg: var(--general-color-background-brand-1);
  --component-site-header-color-main-bar-desktop-bottom-border: var(--general-color-border-brand-1);
  --component-site-header-color-main-bar-desktop-icons: var(--general-color-fill-white);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-enabled: var(--general-color-fill-white);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-desktop-link-link-enabled: var(--general-color-text-white);
  --component-site-header-color-main-bar-desktop-link-link-hover: var(--general-color-text-brand-1);
  --component-site-header-color-main-bar-desktop-link-link-underline: var(--general-color-border-brand-1);
  --component-site-header-color-main-bar-desktop-logo: var(--general-color-fill-brand-1);
  --component-site-header-color-main-bar-mobile-bg: var(--general-color-background-white);
  --component-site-header-color-main-bar-mobile-bottom-border: var(--general-color-border-mid);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-desktop-link-link-enabled);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-mobile-link-link-enabled: var(--general-color-text-white);
  --component-site-header-color-main-bar-mobile-link-link-hover: var(--general-color-text-brand-1);
  --component-site-header-color-main-bar-mobile-link-link-underline: var(--general-color-border-brand-1);
  --component-site-header-color-mega-menu-menu-bg: var(--general-color-background-white);
  --component-site-header-color-mega-menu-menu-bottom-border: var(--general-color-border-darkest);
  --component-site-header-color-mega-menu-menu-item-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-hover-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-left-border-items: var(--general-color-border-brand-1);
  --component-site-header-color-mega-menu-menu-paragraph-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-side-bar-bg: var(--general-color-background-light);
  --component-site-header-color-mega-menu-menu-side-bar-title: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-active-icon: var(--general-color-fill-white);
  --component-site-header-color-mega-menu-menu-title-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-enabled-icon: var(--general-color-fill-brand-1);
  --component-site-header-color-mega-menu-menu-title-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-hover-bg: var(--component-site-header-color-mega-menu-menu-bg);
  --component-site-header-color-mega-menu-menu-title-hover-icon: var(--general-color-fill-darkest);
  --component-site-header-color-mega-menu-menu-title-hover-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-pressed-icon: var(--general-color-fill-darkest);
  --component-site-header-color-mega-menu-menu-title-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-enabled-bg: var(--general-color-fill-white);
  --component-site-header-color-search-tag-enabled-border: var(--component-search-field-default-border);
  --component-site-header-color-search-tag-enabled-icons: var(--theme-primary-surface-icon);
  --component-site-header-color-search-tag-enabled-link: var(--general-color-text-mid);
  --component-site-header-color-search-tag-hover-bg: var(--general-color-fill-light);
  --component-site-header-color-search-tag-hover-border: var(--general-color-border-darkest);
  --component-site-header-color-search-tag-hover-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-search-tag-hover-link: var(--general-color-text-darkest);
  --component-site-header-color-secondary-bar-bg: var(--general-color-background-brand-1);
  --component-site-header-color-secondary-bar-on-bar-enabled-bg: #ffffff00;
  --component-site-header-color-secondary-bar-on-bar-enabled-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-bar-enabled-link);
  --component-site-header-color-secondary-bar-on-bar-hover-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-hover-link-icons: var(--component-site-header-color-secondary-bar-on-bar-hover-link);
  --component-site-header-color-secondary-bar-on-bar-pressed-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-bar-pressed-link);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link: var(--component-site-header-color-mega-menu-menu-item-enabled-text);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-enabled-link);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link: var(--component-site-header-color-mega-menu-menu-item-hover-text);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-hover-link);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link: var(--component-site-header-color-mega-menu-menu-item-pressed-text);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-pressed-link);
  --component-site-header-color-utility-bar-bg: var(--general-color-background-brand-1);
  --component-site-header-color-utility-bar-bottom-border: var(--general-color-border-brand-1);
  --component-site-header-color-utility-bar-button-color-1: brand;
  --component-site-header-color-utility-bar-button-color-2: inverse;
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-enabled: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-enabled: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-underline: var(--general-color-text-white);
  --component-site-header-color-utility-bar-favorites-button-bg: var(--component-site-header-color-utility-bar-bg);
  --component-site-header-color-utility-bar-favorites-button-bg-hover: var(--general-color-fill-darkest);
  --component-site-header-color-utility-bar-favorites-button-bg-pressed: var(--general-color-fill-darkest);
  --component-site-header-color-utility-bar-favorites-button-border: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-border-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-focus: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-heart-fill: var(--color-brand-general-mills-generalMills-red);
  --component-site-header-color-utility-bar-favorites-button-heart-fill-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-text: var(--general-color-text-darkest);
  --component-site-header-color-utility-bar-favorites-button-text-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-icon: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-logo: var(--general-color-fill-brand-1);
  --component-site-header-main-bar-bottom-border: var(--spacing-spacing-4);
  --component-site-header-main-bar-gap-links: var(--space-between-medium);
  --component-site-header-main-bar-link-bottom-underline-border: 2px;
  --component-site-header-main-bar-logo-height-large: 48px;
  --component-site-header-main-bar-logo-height-small: 48px;
  --component-site-header-main-bar-logo-margin-right: var(--margin-small);
  --component-site-header-main-bar-logo-width-large: 48px;
  --component-site-header-main-bar-logo-width-small: 48px;
  --component-site-header-main-bar-main-bar-inset: var(--padding-none);
  --component-site-header-main-bar-radius: var(--general-radius-none);
  --component-site-header-mega-menu-menu-item-min-width-: 120px;
  --component-site-header-mega-menu-menu-item-radius: var(--radius-radius-0);
  --component-site-header-padding-x: var(--padding-xsmall);
  --component-site-header-padding-y: var(--padding-xxsmall);
  --component-site-header-site-header-simple-search-bar-max-width-desktop: 400px;
  --component-site-header-utility-bar-margin-bottom: var(--spacing-spacing-0);
  --component-skip-to-content-theme-border-size: var(--spacing-spacing-2);
  --component-skip-to-content-theme-primary-bg: var(--general-color-fill-brand-1);
  --component-skip-to-content-theme-primary-border: var(--general-color-border-white);
  --component-skip-to-content-theme-primary-link-underline: var(--component-skip-to-content-theme-primary-text);
  --component-skip-to-content-theme-primary-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-skip-to-content-theme-secondary-bg: var(--theme-secondary-bg-bg);
  --component-skip-to-content-theme-secondary-border: var(--component-skip-to-content-theme-primary-bg);
  --component-skip-to-content-theme-secondary-link-underline: var(--theme-secondary-bg-text-link-underline);
  --component-skip-to-content-theme-secondary-text: var(--theme-secondary-bg-text-link-underline);
  --component-social-bar-color-bg: var(--general-color-background-white);
  --component-social-bar-color-focus: var(--general-color-background-white);
  --component-social-bar-margin-x: var(--spacing-general-margin-x);
  --component-social-bar-margin-y: var(--spacing-general-margin-y);
  --component-static-icon-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-color-on-surface-image-border: var(--color-grayscale-black);
  --component-static-icon-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-static-icon-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-static-icon-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-static-icon-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-static-icon-base-column-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-focus: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-hover: var(--spacing-spacing-4);
  --component-static-icon-base-column-label-margin: var(--spacing-spacing-0);
  --component-static-icon-base-column-min-height: 280px;
  --component-static-icon-base-column-padding-x: var(--padding-none);
  --component-static-icon-base-column-padding-y: var(--padding-none);
  --component-static-icon-base-column-width-column-width-large: 550px;
  --component-static-icon-base-column-width-column-width-medium: 480px;
  --component-static-icon-base-column-width-column-width-small: 320px;
  --component-static-icon-base-copy-padding-x: var(--padding-xsmall);
  --component-static-icon-base-copy-padding-y: var(--padding-xsmall);
  --component-static-icon-base-icon-icon-height-large: 300px;
  --component-static-icon-base-icon-icon-height-medium: 200px;
  --component-static-icon-base-icon-icon-height-small: 120px;
  --component-static-icon-base-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-image-border: var(--color-grayscale-black);
  --component-static-icon-base-image-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-image-icon-image-ratio: "1:1";
  --component-static-icon-base-image-image-ratio: "3:2";
  --component-static-icon-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-static-icon-base-image-padding-x: var(--padding-none);
  --component-static-icon-base-image-radius: var(--general-radius-image);
  --component-table-color-table-row-bg-alt: var(--general-color-background-light);
  --component-table-color-table-row-bg-header: var(--color-primary-color-1-100);
  --component-tabs-color-tab-border-active-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-focus-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-hover-border: var(--theme-brand-action-hover);
  --component-tabs-color-tab-border-inactive-border: var(--general-color-border-mid);
  --component-tabs-color-tab-border-pressed-border: var(--theme-brand-action-hover);
  --component-tag-interactive-border: var(--spacing-spacing-2);
  --component-tag-interactive-color-brand-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-cta-link-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-cta-link-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-tag-interactive-color-brand-cta-link-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-cta-link-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-tag-interactive-color-brand-cta-link-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-tag-interactive-color-brand-cta-link-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-tag-interactive-color-brand-cta-link-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-tag-interactive-color-brand-cta-link-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-interactive-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-interactive-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-tag-interactive-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-tag-interactive-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-fill-hover-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-tag-interactive-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-tag-interactive-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-tag-interactive-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-kitchen-tested-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-kitchen-tested-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-kitchen-tested-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-kitchen-tested-hover-border: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-kitchen-tested-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-outline-hover-border: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-inverse-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-cta-link-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-tag-interactive-color-inverse-cta-link-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-cta-link-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-tag-interactive-color-inverse-cta-link-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-tag-interactive-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-tag-interactive-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-brand-action-hover);
  --component-tag-interactive-color-inverse-fill-hover-border: var(--component-cta-color-inverse-fill-hover-bg);
  --component-tag-interactive-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-tag-interactive-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-tag-interactive-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-tag-interactive-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-inverse-outline-enabled-border: var(--interactiveTheme-button-brand-action-alternate);
  --component-tag-interactive-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-tag-interactive-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-tag-interactive-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-tag-interactive-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-inverse-outline-hover-border: var(--component-cta-color-inverse-outline-hover-bg);
  --component-tag-interactive-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-color-inverse-outline-hover-text: var(--theme-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-tag-interactive-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-tag-interactive-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-tag-interactive-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-radius-bottom-left: var(--general-radius-tag);
  --component-tag-interactive-radius-bottom-right: var(--general-radius-tag);
  --component-tag-interactive-radius-top-left: var(--general-radius-tag);
  --component-tag-interactive-radius-top-right: var(--general-radius-tag);
  --component-tag-static-border-width: 2px;
  --component-tag-static-color-fill-A-bg: var(--general-color-fill-brand-1);
  --component-tag-static-color-fill-A-border: var(--component-tag-static-color-fill-A-bg);
  --component-tag-static-color-fill-A-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-A-text: var(--general-color-text-white);
  --component-tag-static-color-fill-B-bg: var(--general-color-fill-brand-2);
  --component-tag-static-color-fill-B-border: var(--component-tag-static-color-fill-B-bg);
  --component-tag-static-color-fill-B-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-B-text: var(--general-color-text-white);
  --component-tag-static-color-fill-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-static-color-fill-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-static-color-fill-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-color-outline-A-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-A-border: var(--general-color-border-brand-1);
  --component-tag-static-color-outline-A-icon: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-A-text: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-B-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-B-border: var(--general-color-border-brand-2);
  --component-tag-static-color-outline-B-icon: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-B-text: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-bg: #682dff00;
  --component-tag-static-color-outline-border: var(--theme-brand-action);
  --component-tag-static-color-outline-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-outline-text: var(--interactiveTheme-button-brand-action);
  --component-tag-static-color-text-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-text-text: var(--interactiveTheme-button-brand-action);
  --component-tag-static-inset: var(--padding-none);
  --component-tag-static-radius-bottom-left: var(--general-radius-tag);
  --component-tag-static-radius-bottom-right: var(--general-radius-tag);
  --component-tag-static-radius-top-left: var(--general-radius-tag);
  --component-tag-static-radius-top-right: var(--general-radius-tag);
  --component-vertical-video-asset-default-height: 120px;
  --component-vertical-video-asset-default-width: 120px;
  --component-vertical-video-asset-hover-height: 112px;
  --component-vertical-video-asset-hover-width: 112px;
  --component-vertical-video-border-width: 0px;
  --component-vertical-video-color-bg: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-border-focus: var(--component-category-color-category-enabled);
  --component-vertical-video-color-category-enabled: var(--component-content-grid-color-body);
  --component-vertical-video-color-category-hover: var(--component-content-grid-color-body);
  --component-vertical-video-color-fill: var(--componentTheme-content-grid-fill);
  --component-vertical-video-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-surface: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-title: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-gutter: var(--layout-base-gutter);
  --component-vertical-video-padding-x: var(--layout-base-margin-y);
  --component-vertical-video-padding-y: var(--layout-base-margin-y);
  --component-video-margin-x: var(--spacing-general-margin-x);
  --component-video-margin-y: var(--spacing-general-margin-y);
  --component-video-standalone-video-max-width-desktop: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-mobile: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-tablet: var(--typography-copy-max-width);
  --general-color-background-brand-1: var(--color-primary-color-1-500);
  --general-color-background-brand-2: var(--color-primary-color-2-500);
  --general-color-background-brand-3: var(--color-secondary-color-3-500);
  --general-color-background-brand-4: var(--color-secondary-color-4-500);
  --general-color-background-dark: var(--color-grayscale-700);
  --general-color-background-darkest: var(--color-grayscale-black);
  --general-color-background-light: var(--color-grayscale-100);
  --general-color-background-white: var(--color-grayscale-white);
  --general-color-border-brand-1: var(--color-primary-color-1-500);
  --general-color-border-brand-2: var(--color-secondary-color-3-500);
  --general-color-border-brand-3: var(--color-primary-color-2-500);
  --general-color-border-dark: var(--color-grayscale-700);
  --general-color-border-darkest: var(--color-grayscale-black);
  --general-color-border-light: var(--color-grayscale-300);
  --general-color-border-mid: var(--color-grayscale-400);
  --general-color-border-white: var(--color-grayscale-white);
  --general-color-fill-brand-1: var(--color-primary-color-1-500);
  --general-color-fill-brand-2: var(--color-primary-color-2-500);
  --general-color-fill-brand-3: var(--color-secondary-color-3-500);
  --general-color-fill-dark: var(--color-grayscale-700);
  --general-color-fill-darkest: var(--color-grayscale-900);
  --general-color-fill-light: var(--color-grayscale-100);
  --general-color-fill-mid: var(--color-grayscale-400);
  --general-color-fill-white: var(--color-grayscale-white);
  --general-color-surface-brand-1: var(--color-primary-color-1-500);
  --general-color-surface-brand-2: var(--color-primary-color-2-500);
  --general-color-surface-brand-3: var(--color-secondary-color-3-500);
  --general-color-surface-dark: var(--color-grayscale-800);
  --general-color-surface-darkest: var(--color-grayscale-black);
  --general-color-surface-light: var(--color-grayscale-200);
  --general-color-surface-white: var(--color-grayscale-white);
  --general-color-text-brand-1: var(--color-primary-color-1-500);
  --general-color-text-brand-2: var(--color-primary-color-2-500);
  --general-color-text-brand-3: var(--color-secondary-color-3-500);
  --general-color-text-dark: var(--color-grayscale-800);
  --general-color-text-darkest: var(--color-grayscale-black);
  --general-color-text-light: var(--color-primary-color-1-100);
  --general-color-text-mid: var(--color-grayscale-500);
  --general-color-text-white: var(--color-grayscale-white);
  --general-drop-shadow-blur: 0px;
  --general-drop-shadow-color: #000000cc;
  --general-drop-shadow-sub-menu-blur: 12px;
  --general-drop-shadow-sub-menu-color: #00000014;
  --general-drop-shadow-sub-menu-y-value: 2px;
  --general-radius-accordion: var(--radius-radius-0);
  --general-radius-base: var(--radius-radius-12);
  --general-radius-card: var(--general-radius-base);
  --general-radius-card-focus: var(--general-radius-base);
  --general-radius-container: var(--general-radius-base);
  --general-radius-container-l2: var(--radius-radius-0);
  --general-radius-dialog: var(--radius-radius-0);
  --general-radius-focus: var(--radius-radius-0);
  --general-radius-image: var(--general-radius-base);
  --general-radius-label: var(--radius-radius-0);
  --general-radius-modal: var(--radius-radius-0);
  --general-radius-none: var(--radius-radius-0);
  --general-radius-tag: var(--radius-radius-12);
  --spacing-columns-desktop-full-max-width: var(--global-columns-base-desktop-full-max-width);
  --spacing-columns-desktop-full-min-width: var(--global-columns-base-desktop-full-min-width);
  --spacing-columns-desktop-half-max-width: var(--global-columns-base-desktop-half-max-width);
  --spacing-columns-desktop-half-min-width: var(--global-columns-base-desktop-half-min-width);
  --spacing-columns-desktop-one-fourth-max-width: var(--global-columns-base-desktop-oneFourth-max-width);
  --spacing-columns-desktop-one-fourth-min-width: var(--global-columns-base-desktop-oneFourth-min-width);
  --spacing-columns-desktop-one-third-max-width: var(--global-columns-base-desktop-oneThird-max-width);
  --spacing-columns-desktop-one-third-min-width: var(--global-columns-base-desktop-oneThird-min-width);
  --spacing-columns-desktop-three-fourth-max-width: var(--global-columns-base-desktop-three-fourth-max-width);
  --spacing-columns-desktop-three-fourth-min-width: var(--global-columns-base-desktop-three-fourth-min-width);
  --spacing-columns-mobile-full-max-width: var(--global-columns-base-mobile-full-max-width);
  --spacing-columns-mobile-full-min-width: var(--global-columns-base-mobile-full-min-width);
  --spacing-columns-mobile-half-max-width: var(--global-columns-base-mobile-half-max-width);
  --spacing-columns-mobile-half-min-width: var(--global-columns-base-mobile-half-min-width);
  --spacing-columns-mobile-one-fourth-max-width: var(--global-columns-base-mobile-oneFourth-max-width);
  --spacing-columns-mobile-one-third-max-width: var(--global-columns-base-mobile-oneThird-max-width);
  --spacing-columns-mobile-one-third-min-width: var(--global-columns-base-mobile-oneThird-min-width);
  --spacing-columns-mobile-oneFourth-min-width: var(--global-columns-base-mobile-oneFourth-min-width);
  --spacing-columns-mobile-three-fourth-max-width: var(--global-columns-base-mobile-three-fourth-max-width);
  --spacing-columns-mobile-three-fourth-min-width: var(--global-columns-base-mobile-three-fourth-min-width);
  --spacing-columns-tablet-full-max-width: var(--global-columns-base-tablet-full-max-width);
  --spacing-columns-tablet-full-min-width: var(--global-columns-base-tablet-full-min-width);
  --spacing-columns-tablet-half-max-width: var(--global-columns-base-tablet-half-max-width);
  --spacing-columns-tablet-half-min-width: var(--global-columns-base-tablet-half-min-width);
  --spacing-columns-tablet-one-fourth-max-width: var(--global-columns-base-tablet-oneFourth-max-width);
  --spacing-columns-tablet-one-fourth-min-width: var(--global-columns-base-tablet-oneFourth-min-width);
  --spacing-columns-tablet-one-third-max-width: var(--global-columns-base-tablet-oneThird-max-width);
  --spacing-columns-tablet-one-third-min-width: var(--global-columns-base-tablet-oneThird-min-width);
  --spacing-columns-tablet-three-fourth-max-width: var(--global-columns-base-tablet-three-fourth-max-width);
  --spacing-columns-tablet-three-fourth-min-width: var(--global-columns-base-tablet-three-fourth-min-width);
  --spacing-general-buttons-space-between: var(--space-between-small);
  --spacing-general-container-padding-x: var(--layout-full-margin-y);
  --spacing-general-container-padding-y: var(--layout-full-margin-y);
  --spacing-general-copy-margin-bottom: var(--margin-none);
  --spacing-general-cta-margin-top: var(--margin-medium);
  --spacing-general-eyebrow-margin-bottom: var(--margin-xsmall);
  --spacing-general-favicon-dimensions: var(--spacing-spacing-32);
  --spacing-general-gutter: var(--layout-base-gutter);
  --spacing-general-icon-margin-bottom: var(--margin-xsmall);
  --spacing-general-image-padding: var(--padding-none);
  --spacing-general-margin-related-y: var(--spacing-spacing-16);
  --spacing-general-margin-x: var(--layout-base-margin-x);
  --spacing-general-margin-y: var(--layout-base-margin-y);
  --spacing-general-subtitle-margin-top: var(--margin-xsmall);
  --spacing-general-title-margin-bottom: var(--margin-xsmall);
  --spacing-general-top-title-margin-bottom: var(--margin-small);
  --theme-aux-1-bg-bg: var(--general-color-background-brand-1);
  --theme-aux-1-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-1-bg-cta-1-color: inverse;
  --theme-aux-1-bg-cta-2-color: inverse;
  --theme-aux-1-bg-icon: var(--general-color-fill-white);
  --theme-aux-1-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-bg-text-primary: var(--general-color-text-white);
  --theme-aux-1-bg-text-secondary: var(--general-color-text-white);
  --theme-aux-1-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-1-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-1-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-1-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-1-interactive-button-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-aux-1-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-1-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-1-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-aux-1-interactive-surface-hover: var(--general-color-background-light);
  --theme-aux-1-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-1-surface-border: var(--general-color-border-darkest);
  --theme-aux-1-surface-border-focus: var(--general-color-border-brand-1);
  --theme-aux-1-surface-border-hover: var(--general-color-border-darkest);
  --theme-aux-1-surface-cta-1-color: Brand;
  --theme-aux-1-surface-cta-2-color: Brand;
  --theme-aux-1-surface-icon: var(--general-color-fill-brand-1);
  --theme-aux-1-surface-match-bg-border: var(--general-color-border-darkest);
  --theme-aux-1-surface-match-bg-cta-1-color: inverse;
  --theme-aux-1-surface-match-bg-cta-2-color: inverse;
  --theme-aux-1-surface-match-bg-icon: var(--general-color-fill-white);
  --theme-aux-1-surface-match-bg-surface: var(--theme-aux-1-bg-bg);
  --theme-aux-1-surface-match-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-1-surface-match-bg-text-primary: var(--general-color-fill-white);
  --theme-aux-1-surface-match-bg-text-secondary: var(--general-color-text-light);
  --theme-aux-1-surface-surface: var(--general-color-background-white);
  --theme-aux-1-surface-text-hover: var(--theme-brand-action);
  --theme-aux-1-surface-text-link: var(--general-color-text-white);
  --theme-aux-1-surface-text-link-underline: var(--general-color-fill-white);
  --theme-aux-1-surface-text-primary: var(--general-color-text-brand-1);
  --theme-aux-1-surface-text-secondary: var(--general-color-text-dark);
  --theme-aux-2-bg-bg: var(--color-primary-color-1-100);
  --theme-aux-2-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-2-bg-border: var(--general-color-border-darkest);
  --theme-aux-2-bg-cta-1-color: brand;
  --theme-aux-2-bg-cta-2-color: brand;
  --theme-aux-2-bg-icon: var(--general-color-fill-brand-1);
  --theme-aux-2-bg-text-hover: var(--theme-brand-action);
  --theme-aux-2-bg-text-link: var(--theme-brand-action);
  --theme-aux-2-bg-text-link-underline: var(--theme-link-underline);
  --theme-aux-2-bg-text-primary: var(--general-color-text-brand-1);
  --theme-aux-2-bg-text-secondary: var(--general-color-text-darkest);
  --theme-aux-2-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-2-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-2-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-2-interactive-button-link-underline: var(--theme-link-underline);
  --theme-aux-2-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-aux-2-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-aux-2-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-2-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-2-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-aux-2-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-2-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-2-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-aux-2-interactive-surface-hover: var(--general-color-background-light);
  --theme-aux-2-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-2-surface-border: var(--general-color-border-darkest);
  --theme-aux-2-surface-border-focus: var(--general-color-border-darkest);
  --theme-aux-2-surface-border-hover: var(--general-color-border-darkest);
  --theme-aux-2-surface-cta-1-color: Inverse;
  --theme-aux-2-surface-cta-2-color: Inverse;
  --theme-aux-2-surface-icon: var(--general-color-fill-brand-2);
  --theme-aux-2-surface-match-bg-border: var(--general-color-border-darkest);
  --theme-aux-2-surface-match-bg-cta-1-color: brand;
  --theme-aux-2-surface-match-bg-cta-2-color: brand;
  --theme-aux-2-surface-match-bg-fill: var(--general-color-fill-brand-1);
  --theme-aux-2-surface-match-bg-surface: var(--theme-aux-2-bg-bg);
  --theme-aux-2-surface-match-bg-text-hover: var(--theme-brand-action);
  --theme-aux-2-surface-match-bg-text-primary: var(--general-color-text-brand-1);
  --theme-aux-2-surface-match-bg-text-secondary: var(--general-color-text-dark);
  --theme-aux-2-surface-surface: var(--general-color-surface-white);
  --theme-aux-2-surface-text-hover: var(--theme-brand-action);
  --theme-aux-2-surface-text-link: var(--theme-brand-action);
  --theme-aux-2-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-2-surface-text-primary: var(--general-color-text-brand-1);
  --theme-aux-2-surface-text-secondary: var(--general-color-text-dark);
  --theme-brand-action: var(--general-color-fill-brand-1);
  --theme-brand-action-alternate: var(--color-primary-color-1-100);
  --theme-brand-action-alternate-inverse: var(--color-primary-color-1-900);
  --theme-brand-action-hover: var(--color-primary-color-1-900);
  --theme-brand-action-hover-inverse: var(--color-primary-color-1-100);
  --theme-brand-action-inverse: var(--general-color-fill-white);
  --theme-link-underline: var(--theme-brand-action);
  --theme-link-underline-inverse: var(--theme-brand-action-inverse);
  --theme-primary-bg-bg: var(--general-color-background-white);
  --theme-primary-bg-bg-decor-accent: var(--general-color-background-brand-2);
  --theme-primary-bg-border: var(--general-color-border-light);
  --theme-primary-bg-cta-1-color: brand;
  --theme-primary-bg-cta-2-color: brand;
  --theme-primary-bg-icon: var(--general-color-fill-brand-1);
  --theme-primary-bg-text-hover: var(--theme-brand-action-hover);
  --theme-primary-bg-text-link: var(--theme-brand-action);
  --theme-primary-bg-text-link-underline: var(--theme-link-underline);
  --theme-primary-bg-text-primary: var(--general-color-text-brand-1);
  --theme-primary-bg-text-secondary: var(--general-color-text-dark);
  --theme-primary-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-primary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-primary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-primary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-primary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-primary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-primary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-primary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-primary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-primary-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-primary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-primary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-surface-focus: var(--theme-primary-surface-surface);
  --theme-primary-interactive-surface-hover: var(--general-color-background-light);
  --theme-primary-interactive-surface-pressed: var(--theme-primary-interactive-surface-hover);
  --theme-primary-surface-border: var(--general-color-border-darkest);
  --theme-primary-surface-border-focus: var(--general-color-border-brand-1);
  --theme-primary-surface-border-hover: var(--general-color-border-light);
  --theme-primary-surface-cta-1-color: brand;
  --theme-primary-surface-cta-2-color: brand;
  --theme-primary-surface-icon: var(--general-color-fill-brand-1);
  --theme-primary-surface-match-bg-border: var(--general-color-border-darkest);
  --theme-primary-surface-match-bg-cta-1-color: brand;
  --theme-primary-surface-match-bg-cta-2-color: brand;
  --theme-primary-surface-match-bg-fill: var(--general-color-fill-darkest);
  --theme-primary-surface-match-bg-surface: var(--theme-primary-bg-bg);
  --theme-primary-surface-match-bg-text-hover: var(--theme-brand-action);
  --theme-primary-surface-match-bg-text-primary: var(--general-color-text-brand-1);
  --theme-primary-surface-match-bg-text-secondary: var(--general-color-text-dark);
  --theme-primary-surface-surface: var(--general-color-surface-white);
  --theme-primary-surface-text-hover: var(--theme-brand-action);
  --theme-primary-surface-text-link: var(--theme-brand-action);
  --theme-primary-surface-text-link-underline: var(--theme-link-underline);
  --theme-primary-surface-text-primary: var(--general-color-text-brand-1);
  --theme-primary-surface-text-secondary: var(--general-color-text-dark);
  --theme-secondary-bg-bg: var(--general-color-background-light);
  --theme-secondary-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-secondary-bg-border: var(--general-color-border-white);
  --theme-secondary-bg-cta-1-color: brand;
  --theme-secondary-bg-cta-2-color: brand;
  --theme-secondary-bg-icon: var(--general-color-fill-brand-1);
  --theme-secondary-bg-text-hover: var(--theme-brand-action-hover);
  --theme-secondary-bg-text-link: var(--theme-brand-action);
  --theme-secondary-bg-text-link-underline: var(--theme-link-underline);
  --theme-secondary-bg-text-primary: var(--general-color-text-brand-1);
  --theme-secondary-bg-text-secondary: var(--general-color-text-darkest);
  --theme-secondary-interactive-action-bar-button-border: var(--component-cta-color-brand-fill-enabled-border);
  --theme-secondary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-secondary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-secondary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-secondary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-secondary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-secondary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-secondary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-secondary-interactive-surface-hover: var(--general-color-background-white);
  --theme-secondary-interactive-surface-pressed: var(--theme-secondary-interactive-surface-hover);
  --theme-secondary-surface-border: var(--general-color-border-darkest);
  --theme-secondary-surface-border-focus: var(--general-color-border-brand-1);
  --theme-secondary-surface-border-hover: var(--general-color-border-darkest);
  --theme-secondary-surface-cta-1-color: brand;
  --theme-secondary-surface-cta-2-color: brand;
  --theme-secondary-surface-icon: var(--general-color-fill-brand-1);
  --theme-secondary-surface-match-bg-border: var(--general-color-border-darkest);
  --theme-secondary-surface-match-bg-cta-1-color: brand;
  --theme-secondary-surface-match-bg-cta-2-color: brand;
  --theme-secondary-surface-match-bg-fill: var(--general-color-fill-brand-1);
  --theme-secondary-surface-match-bg-surface: var(--theme-secondary-bg-bg);
  --theme-secondary-surface-match-bg-text-hover: var(--theme-brand-action);
  --theme-secondary-surface-match-bg-text-primary: var(--general-color-text-brand-1);
  --theme-secondary-surface-match-bg-text-secondary: var(--general-color-text-dark);
  --theme-secondary-surface-surface: var(--general-color-surface-white);
  --theme-secondary-surface-text-hover: var(--theme-brand-action);
  --theme-secondary-surface-text-link: var(--theme-brand-action);
  --theme-secondary-surface-text-link-underline: var(--theme-link-underline);
  --theme-secondary-surface-text-primary: var(--general-color-text-brand-1);
  --theme-secondary-surface-text-secondary: var(--general-color-text-darkest);
  --typography-font-family-accent-header: var(--typography-font-family-noto-serif);
  --typography-font-family-body: var(--typography-font-family-noto-sans);
  --typography-font-family-header: var(--typography-font-family-Barlow);
  --typography-font-size-desktop-accent-header-display: var(--typography-font-size-font-size-80);
  --typography-font-size-desktop-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-accent-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-accent-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-accent-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-desktop-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-desktop-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-desktop-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-display: var(--typography-font-size-font-size-72);
  --typography-font-size-mobile-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-accent-header-large: var(--typography-font-size-font-size-40);
  --typography-font-size-mobile-accent-header-medium: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-accent-header-small: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-accent-header-xlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-mobile-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-accent-header-xxlarge: var(--typography-font-size-font-size-56);
  --typography-font-size-mobile-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-mobile-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-mobile-header-display: var(--typography-font-size-font-size-48);
  --typography-font-size-mobile-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-mobile-header-xlarge: var(--typography-font-size-font-size-36);
  --typography-font-size-mobile-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-mobile-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-accent-header-display: var(--typography-font-size-font-size-104);
  --typography-font-size-tablet-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-accent-header-large: var(--typography-font-size-font-size-48);
  --typography-font-size-tablet-accent-header-medium: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-accent-header-small: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-accent-header-xlarge: var(--typography-font-size-font-size-56);
  --typography-font-size-tablet-accent-header-xsmall: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-accent-header-xxlarge: var(--typography-font-size-font-size-64);
  --typography-font-size-tablet-accent-header-xxsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-tablet-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-tablet-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-tablet-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-header-medium: var(--typography-font-size-font-size-28);
  --typography-font-size-tablet-header-small: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-header-xsmall: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-tablet-header-xxsmall: var(--typography-font-size-font-size-18);
  --typography-font-weight-body: 400;
  --typography-font-weight-body-bold: 700;
  --typography-font-weight-button: 700;
  --typography-font-weight-display: 700;
  --typography-font-weight-large: 700;
  --typography-font-weight-medium: 700;
  --typography-font-weight-small: 700;
  --typography-font-weight-xlarge: 700;
  --typography-font-weight-xsmall: 700;
  --typography-font-weight-xxlarge: 700;
  --typography-font-weight-xxsmall: 700;
}

.BrandsWhiteLabel {
  --color-grayscale-100: var(--color-grayscale-warmGray-100);
  --color-grayscale-200: var(--color-grayscale-warmGray-200);
  --color-grayscale-300: var(--color-grayscale-warmGray-300);
  --color-grayscale-400: var(--color-grayscale-warmGray-400);
  --color-grayscale-500: var(--color-grayscale-warmGray-500);
  --color-grayscale-600: var(--color-grayscale-warmGray-600);
  --color-grayscale-700: var(--color-grayscale-warmGray-700);
  --color-grayscale-800: var(--color-grayscale-warmGray-800);
  --color-grayscale-900: var(--color-grayscale-warmGray-900);
  --color-grayscale-black: #000000;
  --color-primary-color-1-100: #ccb8ff;
  --color-primary-color-1-300: #986fff;
  --color-primary-color-1-500: #682dff;
  --color-primary-color-1-700: #4c17d4;
  --color-primary-color-1-900: #220079;
  --color-primary-color-1-accessible: var(--color-primary-color-1-500);
  --color-primary-color-2-100: #0989fa;
  --color-primary-color-2-300: #0989fa;
  --color-primary-color-2-500: #0989fa;
  --color-primary-color-2-700: #0989fa;
  --color-primary-color-2-900: #0989fa;
  --color-primary-color-2-accessible: var(--color-primary-color-2-500);
  --color-secondary-color-3-100: #daffde;
  --color-secondary-color-3-500: #2fb73c;
  --color-secondary-color-3-900: #1a6621;
  --color-secondary-color-4-100: #d9fcff;
  --color-secondary-color-4-500: #0be5fb;
  --color-secondary-color-4-900: #068794;
  --color-secondary-color-5-100: #fff0e6;
  --color-secondary-color-5-500: #fa6400;
  --color-secondary-color-5-900: #943b00;
  --color-secondary-color-6-100: #fff0e6;
  --color-secondary-color-6-500: #fa6400;
  --color-secondary-color-6-900: #943b00;
  --color-secondary-color-7-100: #fff0e6;
  --color-secondary-color-7-500: #fa6400;
  --color-secondary-color-7-900: #943b00;
  --color-tertiary-color-swatch-500: var(--color-brand-general-mills-generalMills-red);
  --component-accordion-color-default-body: var(--general-color-text-dark);
  --component-accordion-color-default-border: var(--general-color-border-light);
  --component-accordion-color-default-icons: var(--general-color-fill-brand-1);
  --component-accordion-color-default-surface: var(--general-color-surface-white);
  --component-accordion-color-default-title: var(--general-color-text-darkest);
  --component-accordion-color-hover-body: var(--general-color-text-dark);
  --component-accordion-color-hover-border: var(--general-color-border-brand-1);
  --component-accordion-color-hover-icons: var(--general-color-fill-brand-1);
  --component-accordion-color-hover-surface: var(--general-color-surface-white);
  --component-accordion-color-hover-title: var(--general-color-text-darkest);
  --component-accordion-item-border-bottom: 1px;
  --component-accordion-item-border-left: 1px;
  --component-accordion-item-border-right: 1px;
  --component-accordion-item-border-top: 1px;
  --component-accordion-padding-x: var(--padding-medium);
  --component-accordion-padding-y: var(--padding-medium);
  --component-action-bar-border: var(--spacing-spacing-1);
  --component-action-bar-color-border: var(--general-color-border-darkest);
  --component-action-bar-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-enabled-border: var(--general-color-text-brand-1);
  --component-action-bar-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-action-bar-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-focus-focus-border: var(--theme-brand-action);
  --component-action-bar-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-action-bar-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-action-bar-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-action-bar-color-button-hover-text: var(--general-color-text-brand-1);
  --component-action-bar-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-action-bar-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-action-bar-color-surface: var(--general-color-surface-white);
  --component-action-bar-color-toggle-active-bg: var(--general-color-fill-brand-1);
  --component-action-bar-color-toggle-active-switch-circle: var(--general-color-fill-white);
  --component-action-bar-color-toggle-inactive-bg: var(--general-color-fill-mid);
  --component-action-bar-color-toggle-inactive-switch-circle: var(--general-color-fill-white);
  --component-action-bar-gap-horizontal: var(--spacing-spacing-16);
  --component-action-bar-gap-vertical: var(--spacing-spacing-12);
  --component-action-bar-radius: var(--spacing-spacing-12);
  --component-action-bar-share-menu-bg-default: var(--general-color-background-white);
  --component-action-bar-share-menu-bg-hover: var(--color-grayscale-100);
  --component-action-bar-share-menu-blur: 12px;
  --component-action-bar-share-menu-color: #00000014;
  --component-action-bar-share-menu-focus-border: var(--theme-brand-action);
  --component-action-bar-share-menu-max-width: 350px;
  --component-action-bar-share-menu-min-height: 48px;
  --component-action-bar-share-menu-min-width: 200px;
  --component-action-bar-share-menu-text: var(--general-color-text-darkest);
  --component-action-bar-share-menu-y-value: 2px;
  --component-action-bar-width-desktop: 88px;
  --component-action-bar-width-mobile: 64px;
  --component-action-bar-width-tablet: 64px;
  --component-alert-banner-bg: var(--general-color-background-brand-2);
  --component-alert-banner-body: var(--general-color-text-white);
  --component-alert-banner-button-color-1: inverse;
  --component-alert-banner-button-color-2: inverse;
  --component-alert-banner-close: var(--general-color-fill-white);
  --component-alert-banner-icon: var(--general-color-fill-white);
  --component-alert-banner-title: var(--general-color-text-white);
  --component-breadcrumb-color-bg: var(--theme-primary-bg-bg);
  --component-breadcrumb-color-item-enabled-icon: var(--general-color-fill-mid);
  --component-breadcrumb-color-item-enabled-text: var(--general-color-text-mid);
  --component-breadcrumb-color-item-focus-icon: var(--component-breadcrumb-color-item-hover-icon);
  --component-breadcrumb-color-item-focus-text: var(--component-breadcrumb-color-item-hover-text);
  --component-breadcrumb-color-item-hover-icon: var(--theme-brand-action);
  --component-breadcrumb-color-item-hover-text: var(--theme-brand-action);
  --component-breadcrumb-color-item-pressed-icon: var(--component-breadcrumb-color-item-hover-icon);
  --component-breadcrumb-color-item-pressed-text: var(--component-breadcrumb-color-item-hover-text);
  --component-breadcrumb-color-tip-active-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-bg: var(--color-grayscale-black);
  --component-breadcrumb-color-tip-enabled-link: var(--general-color-text-white);
  --component-breadcrumb-color-tip-hover-link: var(--general-color-text-white);
  --component-button-tag-color-disabled-bg: #682dff33;
  --component-button-tag-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-button-tag-color-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-button-tag-color-focus-bg: var(--component-button-tag-color-enabled-bg);
  --component-button-tag-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-button-tag-color-focus-text: var(--component-button-tag-color-enabled-text);
  --component-button-tag-color-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-border: var(--interactiveTheme-button-brand-action-hover);
  --component-button-tag-color-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-button-tag-color-link-underline: var(--general-color-fill-brand-1);
  --component-button-tag-color-pressed-bg: var(--component-button-tag-color-hover-bg);
  --component-button-tag-color-pressed-border: var(--component-button-tag-color-hover-border);
  --component-button-tag-color-pressed-text: var(--component-button-tag-color-hover-text);
  --component-button-tag-radius: var(--radius-radius-rounded);
  --component-button-tag-size-base-border: var(--spacing-spacing-4);
  --component-button-tag-size-base-padding-left: var(--spacing-spacing-16);
  --component-button-tag-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-button-tag-size-base-padding-y: var(--spacing-spacing-8);
  --component-button-tag-size-base-space-between: var(--spacing-spacing-8);
  --component-button-tag-size-small-border: var(--spacing-spacing-4);
  --component-button-tag-size-small-gap: var(--spacing-spacing-8);
  --component-button-tag-size-small-padding-left: var(--spacing-spacing-12);
  --component-button-tag-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-button-tag-size-small-padding-y: var(--spacing-spacing-8);
  --component-card-article-card-border-width: var(--spacing-spacing-4);
  --component-card-article-card-radius: var(--general-radius-card);
  --component-card-article-image-borderWidth: var(--spacing-spacing-4);
  --component-card-article-image-image-ratio: "3:2";
  --component-card-article-image-radius: var(--general-radius-image);
  --component-card-general-card-border-width: var(--spacing-spacing-4);
  --component-card-general-card-radius: var(--general-radius-card);
  --component-card-general-color-body: var(--component-cards-base-color-on-surface-body);
  --component-card-general-color-border: var(--component-cards-base-color-on-surface-border);
  --component-card-general-color-cta-1-color: var(--component-cards-base-color-on-surface-cta-1-color);
  --component-card-general-color-image-border: var(--color-grayscale-black);
  --component-card-general-color-subtitle: var(--component-cards-base-color-on-surface-subtitle);
  --component-card-general-color-surface: var(--component-cards-base-color-on-surface-surface);
  --component-card-general-color-title: var(--component-cards-base-color-on-surface-title);
  --component-card-product-card-border-width: var(--spacing-spacing-4);
  --component-card-product-color-image-bg: var(--general-color-background-brand-1);
  --component-card-product-image-borderWidth: var(--spacing-spacing-4);
  --component-card-product-image-image-ratio: "1:1";
  --component-card-recipe-card-border-width: var(--spacing-spacing-4);
  --component-card-recipe-card-minHeight: 280px;
  --component-card-recipe-card-padding-x: var(--padding-none);
  --component-card-recipe-card-padding-y: var(--padding-none);
  --component-card-recipe-card-radius: var(--general-radius-card);
  --component-card-recipe-color-ratings: var(--interactiveTheme-ratings-active);
  --component-card-recipe-image-borderWidth: var(--spacing-spacing-4);
  --component-card-recipe-image-image-ratio: "3:2";
  --component-card-recipe-image-padding-top: var(--component-card-recipe-image-padding-x);
  --component-card-recipe-image-padding-x: var(--padding-none);
  --component-card-recipe-image-radius: var(--general-radius-image);
  --component-cards-base-card-border-width: var(--spacing-spacing-4);
  --component-cards-base-card-border-width-focus: var(--spacing-spacing-4);
  --component-cards-base-card-border-width-hover: var(--spacing-spacing-4);
  --component-cards-base-card-label-margin: var(--spacing-spacing-0);
  --component-cards-base-card-min-height: 280px;
  --component-cards-base-card-padding-x: var(--padding-none);
  --component-cards-base-card-padding-y: var(--padding-none);
  --component-cards-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-border: var(--componentTheme-cards-on-surface-border);
  --component-cards-base-color-on-surface-border-focus: var(--componentTheme-cards-on-surface-border-focus);
  --component-cards-base-color-on-surface-border-hover: var(--componentTheme-cards-on-surface-border-hover);
  --component-cards-base-color-on-surface-cta-1-color: var(--componentTheme-cards-on-surface-cta-1-color);
  --component-cards-base-color-on-surface-cta-2-color: var(--componentTheme-cards-on-surface-cta-2-color);
  --component-cards-base-color-on-surface-image-bg: var(--color-primary-color-1-500);
  --component-cards-base-color-on-surface-image-border: var(--color-grayscale-black);
  --component-cards-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-cards-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-cards-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-cards-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-cards-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-cards-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-cards-base-copy-padding-x: var(--padding-xsmall);
  --component-cards-base-copy-padding-y: var(--padding-xsmall);
  --component-cards-base-image-bg: var(--color-primary-color-1-500);
  --component-cards-base-image-border: var(--color-grayscale-black);
  --component-cards-base-image-border-width: var(--spacing-spacing-4);
  --component-cards-base-image-category-image-ratio: "1:1";
  --component-cards-base-image-image-ratio: "3:2";
  --component-cards-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-cards-base-image-padding-x: var(--padding-none);
  --component-cards-base-image-radius: var(--general-radius-image);
  --component-cards-card-max-width-mobile: 480px;
  --component-carousel-border-width: 1px;
  --component-carousel-controls-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-brand-icon: var(--interactiveTheme-button-brand-action);
  --component-carousel-controls-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-controls-inverse-icon: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-brand-border: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-brand-fill: var(--interactiveTheme-button-brand-action);
  --component-carousel-pagination-inverse-border: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-inverse-fill: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-carousel-pagination-color: var(--component-content-grid-color-button-color-1);
  --component-category-asset-default-height: 120px;
  --component-category-asset-default-width: 120px;
  --component-category-asset-hover-height: 112px;
  --component-category-asset-hover-width: 112px;
  --component-category-color-bg: var(--componentTheme-content-grid-bg);
  --component-category-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-border-focus: var(--component-category-color-category-enabled);
  --component-category-color-category-enabled: var(--component-content-grid-color-body);
  --component-category-color-category-hover: var(--component-content-grid-color-body);
  --component-category-color-fill: var(--componentTheme-content-grid-fill);
  --component-category-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-category-color-surface: var(--componentTheme-content-grid-bg);
  --component-category-color-title: var(--componentTheme-content-grid-text-primary);
  --component-category-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-category-gutter: var(--layout-base-gutter);
  --component-category-padding-x: var(--layout-base-margin-y);
  --component-category-padding-y: var(--layout-base-margin-y);
  --component-checkbox-radio-color-brand-fill-disabled-opacity: 0.5;
  --component-checkbox-radio-color-brand-fill-disabled-text: var(--general-color-text-mid);
  --component-checkbox-radio-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-checkbox-radio-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-checkbox-radio-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-enabled-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-error-bg: var(--color-system-error-100);
  --component-checkbox-radio-color-brand-fill-error-border: var(--color-system-error-500);
  --component-checkbox-radio-color-brand-fill-error-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-focus-bg);
  --component-checkbox-radio-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-focus-border);
  --component-checkbox-radio-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-focus-icon);
  --component-checkbox-radio-color-brand-fill-focus-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-selected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-selected-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-checkbox-radio-color-brand-fill-hover-selected-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-checkbox-radio-color-brand-fill-hover-selected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-hover-unselected-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-checkbox-radio-color-brand-fill-hover-unselected-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-checkbox-radio-color-brand-fill-hover-unselected-icon: var(--component-action-bar-color-button-hover-icon);
  --component-checkbox-radio-color-brand-fill-hover-unselected-text: var(--general-color-text-dark);
  --component-checkbox-radio-color-brand-fill-uneditable-bg: var(--general-color-background-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-icon: var(--general-color-fill-darkest);
  --component-checkbox-radio-color-brand-fill-uneditable-text: var(--general-color-text-dark);
  --component-content-grid-color-bg: var(--componentTheme-content-grid-bg);
  --component-content-grid-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-content-grid-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-content-grid-color-title: var(--componentTheme-content-grid-text-primary);
  --component-content-grid-margin-x: var(--spacing-general-margin-x);
  --component-content-grid-margin-x-2: var(--spacing-general-margin-x);
  --component-content-grid-margin-y: var(--spacing-general-margin-y);
  --component-content-grid-margin-y-2: var(--spacing-general-margin-y);
  --component-content-grid-pdp-color-bg: var(--general-color-background-white);
  --component-content-grid-pdp-color-body: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-button-color-1: var(--componentTheme-content-grid-cta-1-color);
  --component-content-grid-pdp-color-button-color-2: var(--componentTheme-content-grid-cta-2-color);
  --component-content-grid-pdp-color-subtitle: var(--general-color-text-darkest);
  --component-content-grid-pdp-color-title: var(--general-color-background-darkest);
  --component-cta-color-brand-fill-disabled-opacity: 0.5;
  --component-cta-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-cta-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-enabled-bg);
  --component-cta-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-cta-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-cta-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-cta-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-fill-hover-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-cta-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-cta-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-cta-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-cta-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-cta-color-brand-ghost-disabled-opacity: 0.5;
  --component-cta-color-brand-ghost-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-ghost-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-cta-color-brand-ghost-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-cta-color-brand-ghost-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-ghost-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-cta-color-brand-ghost-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-cta-color-brand-ghost-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-cta-color-brand-ghost-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-cta-color-brand-ghost-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-cta-color-brand-outline-disabled-opacity: 0.5;
  --component-cta-color-brand-outline-enabled-bg: #ffffff00;
  --component-cta-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-cta-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-cta-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-cta-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-cta-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-cta-color-brand-outline-hover-border: var(--component-cta-color-brand-outline-hover-bg);
  --component-cta-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-cta-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-cta-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-cta-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-cta-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-cta-color-inverse-fill-disabled-opacity: 0.5;
  --component-cta-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-cta-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-cta-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-cta-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-cta-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-cta-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-inverse-brand-action-hover-inverse);
  --component-cta-color-inverse-fill-hover-border: var(--component-cta-color-inverse-fill-hover-bg);
  --component-cta-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-fill-hover-text: var(--interactiveTheme-button-brand-action);
  --component-cta-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-cta-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-cta-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-cta-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-cta-color-inverse-ghost-disabled-opacity: 0.5;
  --component-cta-color-inverse-ghost-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-cta-color-inverse-ghost-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-cta-color-inverse-ghost-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-ghost-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-ghost-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-cta-color-inverse-ghost-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-cta-color-inverse-outline-disabled-opacity: 0.5;
  --component-cta-color-inverse-outline-enabled-bg: #ffffff00;
  --component-cta-color-inverse-outline-enabled-border: var(--interactiveTheme-button-brand-action-alternate);
  --component-cta-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-cta-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-cta-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-cta-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-cta-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-cta-color-inverse-outline-hover-bg: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-cta-color-inverse-outline-hover-border: var(--component-cta-color-inverse-outline-hover-bg);
  --component-cta-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-color-inverse-outline-hover-text: var(--theme-brand-action);
  --component-cta-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-cta-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-cta-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-cta-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-cta-focus-radius: var(--radius-radius-0);
  --component-cta-radius: var(--radius-radius-0);
  --component-cta-size-base-border: var(--spacing-spacing-4);
  --component-cta-size-base-border-2: var(--spacing-spacing-4);
  --component-cta-size-base-padding-left: var(--spacing-spacing-12);
  --component-cta-size-base-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-base-padding-y: var(--spacing-spacing-12);
  --component-cta-size-base-space-between: var(--spacing-spacing-8);
  --component-cta-size-small-border: var(--spacing-spacing-4);
  --component-cta-size-small-gap: var(--spacing-spacing-8);
  --component-cta-size-small-padding-left: var(--spacing-spacing-12);
  --component-cta-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-cta-size-small-padding-y: var(--spacing-spacing-8);
  --component-dialog-box-shadow-blur: 24px;
  --component-dialog-color-body: var(--theme-primary-bg-text-secondary);
  --component-dialog-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-dialog-color-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --component-dialog-color-smokescreen: #00000080;
  --component-dialog-color-surface: var(--general-color-surface-white);
  --component-dialog-color-title: var(--theme-primary-bg-text-primary);
  --component-dialog-content-padding-x: var(--padding-medium);
  --component-dialog-content-padding-y: var(--padding-medium);
  --component-error-state-page-color-bg: var(--component-content-grid-color-bg);
  --component-error-state-page-color-body: var(--theme-primary-surface-text-primary);
  --component-error-state-page-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-error-state-page-color-icon: var(--theme-primary-surface-text-secondary);
  --component-error-state-page-color-image-bg: var(--general-color-background-brand-1);
  --component-error-state-page-color-surface: var(--theme-primary-surface-surface);
  --component-error-state-page-color-title: var(--general-color-text-brand-1);
  --component-error-state-page-content-padding-x: var(--layout-full-margin-x);
  --component-error-state-page-content-padding-y: var(--layout-full-margin-y);
  --component-error-state-page-content-radius: var(--general-radius-container);
  --component-error-state-page-copy-padding-x: var(--padding-small);
  --component-error-state-page-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-error-state-page-copy-radius: var(--general-radius-container);
  --component-error-state-page-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-error-state-page-gutter: var(--layout-full-gutter);
  --component-error-state-page-image-imageLeft-radius-bottomLeft: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageLeft-radius-bottomRight: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-error-state-page-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-error-state-page-image-max-height-desktop: 1024px;
  --component-error-state-page-image-max-height-mobile: 360px;
  --component-error-state-page-image-max-height-tablet: 1024px;
  --component-error-state-page-image-min-height-desktop: 370px;
  --component-error-state-page-image-min-height-mobile: 180px;
  --component-error-state-page-image-min-height-tablet: 392px;
  --component-error-state-page-image-padding-x: var(--padding-none);
  --component-error-state-page-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-error-state-page-image-radius: var(--general-radius-container);
  --component-error-state-page-margin-x: var(--spacing-general-margin-x);
  --component-error-state-page-margin-y: var(--spacing-general-margin-y);
  --component-facets-color-default-border: var(--component-facets-color-default-surface);
  --component-facets-color-default-icons: var(--general-color-fill-brand-1);
  --component-facets-color-default-surface: var(--theme-primary-bg-bg);
  --component-facets-color-default-title: var(--theme-primary-surface-match-bg-text-primary);
  --component-facets-color-focus-border: var(--theme-brand-action);
  --component-facets-color-focus-icons: var(--theme-brand-action);
  --component-facets-color-focus-surface: var(--color-grayscale-100);
  --component-facets-color-focus-title: var(--general-color-text-darkest);
  --component-facets-color-hover-border: var(--general-color-border-white);
  --component-facets-color-hover-icons: var(--theme-brand-action);
  --component-facets-color-hover-surface: var(--color-grayscale-100);
  --component-facets-color-hover-title: var(--general-color-text-darkest);
  --component-facets-counter-surface: var(--general-color-background-darkest);
  --component-facets-counter-text: var(--general-color-text-white);
  --component-facets-max-width: 302px;
  --component-facets-padding-x: var(--padding-xxsmall);
  --component-facets-padding-y: var(--padding-xxsmall);
  --component-facets-radius: var(--radius-radius-0);
  --component-favorites-border: var(--spacing-spacing-1);
  --component-favorites-color-border: var(--general-color-border-darkest);
  --component-favorites-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-focus-focus-border: var(--theme-brand-action);
  --component-favorites-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-favorites-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-favorites-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-favorites-color-button-hover-text: var(--general-color-text-brand-1);
  --component-favorites-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-favorites-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-favorites-color-surface: var(--general-color-surface-white);
  --component-favorites-lists-menu-bg-default: var(--general-color-background-white);
  --component-favorites-lists-menu-bg-hover: var(--color-grayscale-100);
  --component-favorites-lists-menu-focus-border: var(--theme-brand-action);
  --component-favorites-lists-menu-max-width: 350px;
  --component-favorites-lists-menu-min-height: 48px;
  --component-favorites-lists-menu-min-width: 200px;
  --component-favorites-lists-menu-text: var(--general-color-text-darkest);
  --component-favorites-radius: var(--spacing-spacing-12);
  --component-feature-full-color-bg: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-feature-full-color-cta-1-color: var(--componentTheme-content-grid-cta-1-color);
  --component-feature-full-color-cta-2-color: var(--componentTheme-content-grid-cta-2-color);
  --component-feature-full-color-eyebrow: var(--componentTheme-content-grid-text-secondary);
  --component-feature-full-color-fill: var(--componentTheme-content-grid-fill);
  --component-feature-full-color-image-bg: var(--general-color-background-brand-1);
  --component-feature-full-color-surface: var(--componentTheme-content-grid-bg);
  --component-feature-full-color-title: var(--componentTheme-content-grid-text-primary);
  --component-feature-full-copy-block-copy-block-indent: var(--padding-none);
  --component-feature-full-copy-block-padding-x: var(--padding-medium);
  --component-feature-full-copy-block-padding-y: var(--component-feature-full-copy-block-padding-x);
  --component-feature-full-copy-block-radius: var(--general-radius-none);
  --component-feature-full-copy-container-padding-x: var(--layout-full-margin-x);
  --component-feature-full-copy-container-padding-y: var(--layout-full-margin-y);
  --component-feature-full-decor-brand: var(--theme-brand-name);
  --component-feature-full-decor-decor-accent: var(--theme-primary-bg-bg-decor-accent);
  --component-feature-full-decor-decor-match-primary-bg: var(--theme-primary-bg-bg);
  --component-feature-full-decor-icon-height: var(--icon-large-height);
  --component-feature-full-image-padding-left: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-right: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-x: var(--spacing-general-margin-x);
  --component-feature-full-image-padding-y: var(--padding-medium);
  --component-feature-full-image-radius: var(--general-radius-container);
  --component-feature-split-color-bg: var(--componentTheme-feature-bg);
  --component-feature-split-color-body: var(--componentTheme-feature-text-primary);
  --component-feature-split-color-button-size: base;
  --component-feature-split-color-cta-1-color: var(--componentTheme-feature-cta-1-color);
  --component-feature-split-color-cta-2-color: var(--componentTheme-feature-cta-2-color);
  --component-feature-split-color-eyebrow: var(--componentTheme-feature-text-primary);
  --component-feature-split-color-fill: var(--componentTheme-feature-fill);
  --component-feature-split-color-image-bg: var(--general-color-background-brand-1);
  --component-feature-split-color-subtitle: var(--componentTheme-feature-text-primary);
  --component-feature-split-color-surface: var(--componentTheme-feature-surface);
  --component-feature-split-color-title: var(--componentTheme-feature-text-primary);
  --component-feature-split-constrained-copy-desktop-max-width: 420px;
  --component-feature-split-constrained-copy-mobile-max-width: 767px;
  --component-feature-split-constrained-copy-padding-x: var(--padding-small);
  --component-feature-split-constrained-copy-padding-y: var(--component-feature-split-constrained-copy-padding-x);
  --component-feature-split-constrained-copy-tablet-max-width: 816px;
  --component-feature-split-constrained-image-desktop-min-width: 480px;
  --component-feature-split-constrained-image-mobile-min-width: 320px;
  --component-feature-split-constrained-image-tablet-min-width: 480px;
  --component-feature-split-constrained-margin-left: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-constrained-margin-right: var(--componentTheme-feature-constrained-margin-left);
  --component-feature-split-content-padding-x: var(--layout-full-margin-x);
  --component-feature-split-content-padding-y: var(--layout-full-margin-y);
  --component-feature-split-content-radius: var(--general-radius-none);
  --component-feature-split-copy-padding-x: var(--padding-small);
  --component-feature-split-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-feature-split-copy-radius: var(--general-radius-container);
  --component-feature-split-decor-bg-accent: var(--general-color-text-brand-3);
  --component-feature-split-decor-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-feature-split-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-feature-split-decor-icon-height: var(--icon-large-height);
  --component-feature-split-gutter: var(--layout-base-gutter);
  --component-feature-split-image-border: var(--color-grayscale-black);
  --component-feature-split-image-border-width: var(--spacing-spacing-4);
  --component-feature-split-image-image-ratio: "3:2";
  --component-feature-split-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-feature-split-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-feature-split-image-padding-x: var(--padding-none);
  --component-feature-split-image-padding-y: var(--component-feature-split-image-padding-x);
  --component-feature-split-image-radius: var(--general-radius-container);
  --component-feature-split-margin-x: var(--layout-base-margin-x);
  --component-feature-split-margin-y: var(--layout-compact-margin-y);
  --component-filters-color-default-border: var(--general-color-border-darkest);
  --component-filters-color-default-label: var(--general-color-text-darkest);
  --component-filters-color-default-surface: var(--general-color-surface-white);
  --component-filters-color-focus-border: var(--theme-brand-action);
  --component-filters-color-focus-label: var(--general-color-text-darkest);
  --component-filters-color-focus-surface: var(--general-color-background-light);
  --component-filters-color-hover-border: var(--theme-brand-action);
  --component-filters-color-hover-label: var(--general-color-text-darkest);
  --component-filters-color-hover-surface: var(--general-color-background-light);
  --component-filters-color-selected-border: var(--theme-brand-action);
  --component-filters-color-selected-icons: var(--general-color-fill-white);
  --component-filters-color-selected-label: var(--general-color-text-darkest);
  --component-filters-color-selected-surface: var(--theme-brand-action);
  --component-filters-counter-surface: var(--general-color-background-darkest);
  --component-filters-counter-text: var(--general-color-text-white);
  --component-filters-padding-x: var(--padding-xxsmall);
  --component-filters-padding-y: var(--padding-xxsmall);
  --component-filters-radius: var(--radius-radius-0);
  --component-form-field-color-button-color-1: brand;
  --component-form-field-color-button-color-2: brand;
  --component-form-field-color-default-bg: var(--component-search-field-default-bg);
  --component-form-field-color-default-border: var(--general-color-border-mid);
  --component-form-field-color-descriptive-text: var(--general-color-text-darkest);
  --component-form-field-color-filled-border: var(--general-color-border-dark);
  --component-form-field-color-icon: var(--general-color-fill-darkest);
  --component-form-field-color-label: var(--general-color-text-darkest);
  --component-form-field-color-placeholder-text: var(--general-color-text-mid);
  --component-form-field-color-required-asterisk: var(--component-form-field-color-label);
  --component-form-field-color-surface: var(--general-color-surface-white);
  --component-hero-color-alternate-bg: var(--componentTheme-hero-bg);
  --component-hero-color-alternate-body: var(--componentTheme-hero-text-secondary);
  --component-hero-color-alternate-cta-1-color: var(--componentTheme-hero-match-bg-cta-1-color);
  --component-hero-color-alternate-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-alternate-eyebrow: var(--componentTheme-hero-text-primary);
  --component-hero-color-alternate-fill: var(--componentTheme-hero-fill);
  --component-hero-color-alternate-surface: var(--componentTheme-hero-match-bg-surface);
  --component-hero-color-alternate-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-alternate-title: var(--componentTheme-hero-match-bg-text-primary);
  --component-hero-color-general-bg: var(--general-color-background-brand-1);
  --component-hero-color-general-body: var(--componentTheme-hero-text-primary);
  --component-hero-color-general-cta-1-color: var(--componentTheme-hero-cta-1-color);
  --component-hero-color-general-cta-2-color: var(--componentTheme-hero-match-bg-cta-2-color);
  --component-hero-color-general-decor: var(--theme-primary-bg-bg);
  --component-hero-color-general-decor-mobile: var(--component-hero-color-general-surface);
  --component-hero-color-general-eyebrow: var(--componentTheme-content-grid-text-primary);
  --component-hero-color-general-fill: var(--componentTheme-hero-fill);
  --component-hero-color-general-surface: var(--componentTheme-hero-surface);
  --component-hero-color-general-text-link: var(--componentTheme-content-grid-text-link);
  --component-hero-color-general-title: var(--componentTheme-content-grid-text-primary);
  --component-hero-color-simple-bg: var(--general-color-background-white);
  --component-hero-color-simple-body: var(--theme-primary-bg-text-secondary);
  --component-hero-color-simple-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-color-simple-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-color-simple-decor-accent: var(--general-color-background-white);
  --component-hero-color-simple-eyebrow: var(--theme-primary-bg-text-secondary);
  --component-hero-color-simple-text-link: var(--theme-primary-bg-text-link);
  --component-hero-color-simple-title: var(--theme-primary-bg-text-primary);
  --component-hero-container-desktop-min-height: 500px;
  --component-hero-container-desktop-radius: var(--general-radius-container);
  --component-hero-container-gap: var(--layout-overlap-overlap-gutter);
  --component-hero-container-mobile-min-height: var(--screen-dimensions-height);
  --component-hero-container-mobile-radius: var(--general-radius-container);
  --component-hero-container-padding-x: var(--layout-compact-margin-x);
  --component-hero-container-padding-y: var(--layout-compact-margin-x);
  --component-hero-container-radius: var(--general-radius-container);
  --component-hero-container-tablet-min-height: var(--screen-dimensions-height);
  --component-hero-container-tablet-radius: var(--general-radius-container);
  --component-hero-copy-padding-x: var(--padding-small);
  --component-hero-copy-padding-y: var(--padding-large);
  --component-hero-copy-radius: var(--general-radius-none);
  --component-hero-copy-radius-bottom-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-bottom-right: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-left: var(--component-hero-copy-radius);
  --component-hero-copy-radius-top-right: var(--component-hero-copy-radius);
  --component-hero-copyBlock-padding-x: var(--padding-small);
  --component-hero-copyBlock-padding-y: var(--padding-large);
  --component-hero-copyBlock-radius: var(--general-radius-none);
  --component-hero-copyBlock-radius-bottom-left: var(--component-hero-container-radius);
  --component-hero-copyBlock-radius-bottom-right: var(--component-hero-image-desktop-radius);
  --component-hero-copyBlock-radius-top-left: var(--component-hero-image-desktop-radius);
  --component-hero-copyBlock-radius-top-right: var(--component-hero-image-desktop-radius);
  --component-hero-decor-brand: var(--theme-brand-name);
  --component-hero-desktop-max-width: var(--screen-dimensions-max-width);
  --component-hero-image-a11y-image-background-blur: 10px;
  --component-hero-image-a11y-image-overlay-opacity: 0.7;
  --component-hero-image-desktop-radius: var(--general-radius-none);
  --component-hero-image-mobile-radius: var(--general-radius-none);
  --component-hero-image-padding-top: var(--layout-full-margin-x);
  --component-hero-image-padding-x: var(--layout-full-margin-x);
  --component-hero-image-padding-y: var(--component-hero-image-padding-x);
  --component-hero-image-splitHero-radius: var(--general-radius-none);
  --component-hero-mobile-max-width: 1000px;
  --component-hero-tablet-max-width: 1000px;
  --component-hero-typography-title: var(--typography-font-size-header-xlarge);
  --component-hero-article-color-bg: var(--theme-primary-bg-bg);
  --component-hero-article-color-bg-accent: var(--general-color-text-brand-3);
  --component-hero-article-color-bg-accent-match-primary-BG: var(--theme-primary-bg-bg);
  --component-hero-article-color-body: var(--theme-primary-surface-text-primary);
  --component-hero-article-color-category: var(--theme-primary-surface-text-primary);
  --component-hero-article-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-hero-article-color-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --component-hero-article-color-date: var(--theme-primary-surface-text-primary);
  --component-hero-article-color-details: var(--theme-primary-surface-text-secondary);
  --component-hero-article-color-icon: var(--theme-primary-surface-text-secondary);
  --component-hero-article-color-image-bg: var(--general-color-background-brand-1);
  --component-hero-article-color-surface: var(--theme-primary-surface-surface);
  --component-hero-article-color-title: var(--theme-primary-surface-text-primary);
  --component-hero-article-content-padding-x: var(--layout-full-margin-x);
  --component-hero-article-content-padding-y: var(--layout-full-margin-y);
  --component-hero-article-content-radius: var(--general-radius-none);
  --component-hero-article-copy-category-margin-bottom: var(--spacing-general-eyebrow-margin-bottom);
  --component-hero-article-copy-padding-x: var(--padding-small);
  --component-hero-article-copy-padding-y: var(--component-hero-article-copy-padding-x);
  --component-hero-article-copy-radius: var(--general-radius-container);
  --component-hero-article-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-article-gutter: var(--layout-base-gutter);
  --component-hero-article-image-image-ratio: "3:2";
  --component-hero-article-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-article-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-article-image-max-height-desktop: 1024px;
  --component-hero-article-image-max-height-mobile: 360px;
  --component-hero-article-image-max-height-tablet: 1024px;
  --component-hero-article-image-min-height-desktop: 370px;
  --component-hero-article-image-min-height-mobile: 180px;
  --component-hero-article-image-min-height-tablet: 392px;
  --component-hero-article-image-padding-x: var(--padding-none);
  --component-hero-article-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-hero-article-image-radius: var(--general-radius-container);
  --component-hero-article-margin-x: var(--layout-base-margin-x);
  --component-hero-article-padding-y: var(--layout-base-margin-y);
  --component-hero-product-brand-decor: var(--component-site-header-main-bar-brand-logo);
  --component-hero-product-color-badge-color: brand;
  --component-hero-product-color-bg: var(--theme-primary-bg-bg);
  --component-hero-product-color-body: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-product-color-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-product-color-decor: var(--general-color-background-brand-1);
  --component-hero-product-color-eyebrow: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-icon: var(--theme-primary-bg-icon);
  --component-hero-product-color-image-bg: var(--general-color-background-brand-1);
  --component-hero-product-color-image-border: var(--general-color-border-mid);
  --component-hero-product-color-image-surface: var(--general-color-surface-white);
  --component-hero-product-color-link: var(--theme-primary-bg-text-link-underline);
  --component-hero-product-color-ratings: var(--theme-secondary-interactive-ratings-active);
  --component-hero-product-color-ratings-inactive: var(--theme-primary-interactive-button-ghost-link);
  --component-hero-product-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-hero-product-color-thumbnail-selected-border: var(--theme-brand-action);
  --component-hero-product-color-title: var(--theme-primary-bg-text-primary);
  --component-hero-product-content-padding-x: var(--layout-full-margin-x);
  --component-hero-product-content-padding-y: var(--layout-full-margin-y);
  --component-hero-product-content-radius: var(--general-radius-none);
  --component-hero-product-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-product-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-hero-product-copy-radius: var(--general-radius-container);
  --component-hero-product-gutter: var(--layout-base-gutter);
  --component-hero-product-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-product-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-product-image-max-height-desktop: 640px;
  --component-hero-product-image-max-height-mobile: 273px;
  --component-hero-product-image-max-height-tablet: 1024px;
  --component-hero-product-image-padding-x: var(--padding-none);
  --component-hero-product-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-product-image-radius: var(--general-radius-container);
  --component-hero-product-margin-x: var(--layout-base-margin-y);
  --component-hero-product-margin-y: var(--layout-base-margin-y);
  --component-hero-recipe-color-badge-color: brand;
  --component-hero-recipe-color-bg: var(--theme-primary-bg-bg);
  --component-hero-recipe-color-body: var(--theme-primary-bg-text-secondary);
  --component-hero-recipe-color-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --component-hero-recipe-color-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --component-hero-recipe-color-eyebrow: var(--theme-primary-bg-text-secondary);
  --component-hero-recipe-color-icon: var(--theme-primary-bg-icon);
  --component-hero-recipe-color-image-bg: var(--general-color-background-brand-1);
  --component-hero-recipe-color-link: var(--theme-primary-interactive-button-ghost-link);
  --component-hero-recipe-color-ratings: var(--theme-secondary-interactive-ratings-active);
  --component-hero-recipe-color-ratings-inactive: var(--theme-primary-interactive-button-ghost-link);
  --component-hero-recipe-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-hero-recipe-color-title: var(--theme-primary-bg-text-primary);
  --component-hero-recipe-content-padding-x: var(--layout-full-margin-x);
  --component-hero-recipe-content-padding-y: var(--layout-full-margin-y);
  --component-hero-recipe-content-radius: var(--general-radius-none);
  --component-hero-recipe-copy-padding-x: var(--width-component-copy-block-no-mobile-padding);
  --component-hero-recipe-copy-padding-y: var(--component-feature-split-copy-padding-x);
  --component-hero-recipe-copy-radius: var(--general-radius-container);
  --component-hero-recipe-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-hero-recipe-gutter: var(--layout-base-gutter);
  --component-hero-recipe-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-hero-recipe-image-max-height-desktop: 640px;
  --component-hero-recipe-image-max-height-mobile: 273px;
  --component-hero-recipe-image-max-height-tablet: 1024px;
  --component-hero-recipe-image-padding-x: var(--padding-none);
  --component-hero-recipe-image-padding-y: var(--component-hero-recipe-image-padding-x);
  --component-hero-recipe-image-radius: var(--general-radius-container);
  --component-hero-recipe-margin-x: var(--layout-base-margin-y);
  --component-hero-recipe-padding-y: var(--layout-base-margin-y);
  --component-icon-content-large-desktop-height: 120px;
  --component-icon-content-large-desktop-width: 120px;
  --component-icon-content-large-mobile-height: 120px;
  --component-icon-content-large-mobile-width: 120px;
  --component-icon-content-large-tablet-height: 120px;
  --component-icon-content-large-tablet-width: 120px;
  --component-icon-content-small-desktop-height: 64px;
  --component-icon-content-small-desktop-width: 64px;
  --component-icon-content-small-mobile-height: 64px;
  --component-icon-content-small-mobile-width: 64px;
  --component-icon-content-small-tablet-height: 64px;
  --component-icon-content-small-tablet-width: 64px;
  --component-image-color-button-color-below-image: brand;
  --component-image-color-button-color-on-image: inverse;
  --component-image-standalone-image-max-width-desktop: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-mobile: var(--typography-copy-max-width);
  --component-image-standalone-image-max-width-tablet: var(--typography-copy-max-width);
  --component-listing-grid-color-bg: var(--theme-primary-bg-bg);
  --component-listing-grid-color-body: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-button-color-1: var(--theme-primary-bg-cta-1-color);
  --component-listing-grid-color-button-color-2: var(--theme-primary-bg-cta-2-color);
  --component-listing-grid-color-subtitle: var(--theme-primary-bg-text-secondary);
  --component-listing-grid-color-title: var(--theme-primary-bg-text-primary);
  --component-listing-grid-margin-x: var(--spacing-general-margin-x);
  --component-listing-grid-margin-y: var(--spacing-general-margin-y);
  --component-location-selector-color-default-body: var(--component-accordion-color-default-body);
  --component-location-selector-color-default-border: var(--component-accordion-color-default-border);
  --component-location-selector-color-default-icons: var(--component-accordion-color-default-icons);
  --component-location-selector-color-default-surface: var(--component-accordion-color-default-surface);
  --component-location-selector-color-default-title: var(--component-accordion-color-default-title);
  --component-location-selector-color-hover-body: var(--component-accordion-color-hover-body);
  --component-location-selector-color-hover-border: var(--component-accordion-color-hover-border);
  --component-location-selector-color-hover-icons: var(--component-accordion-color-hover-icons);
  --component-location-selector-color-hover-surface: var(--component-accordion-color-hover-surface);
  --component-location-selector-color-hover-title: var(--component-accordion-color-hover-title);
  --component-location-selector-item-border-bottom: 0px;
  --component-location-selector-item-border-left: 0px;
  --component-location-selector-item-border-right: 0px;
  --component-location-selector-item-border-top: 1px;
  --component-location-selector-padding-x: var(--component-accordion-padding-x);
  --component-location-selector-padding-y: var(--component-accordion-padding-y);
  --component-modal-color-body: var(--theme-primary-bg-text-secondary);
  --component-modal-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-modal-color-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --component-modal-color-smokescreen: var(--component-dialog-color-smokescreen);
  --component-modal-color-surface: var(--general-color-surface-white);
  --component-modal-color-title: var(--theme-primary-bg-text-primary);
  --component-modal-content-padding-x: var(--padding-small);
  --component-modal-content-padding-y: var(--padding-small);
  --component-my-account-color-bg: var(--theme-primary-bg-bg);
  --component-my-account-color-bg-cta-color: var(--theme-primary-surface-cta-1-color);
  --component-my-account-color-body: var(--theme-primary-bg-text-secondary);
  --component-my-account-color-border: var(--general-color-border-darkest);
  --component-my-account-color-header: var(--theme-primary-bg-text-primary);
  --component-my-account-color-line-break: var(--general-color-border-darkest);
  --component-my-account-color-sidebar-surface: var(--general-color-surface-brand-1);
  --component-my-account-color-sidebar-text: var(--general-color-text-white);
  --component-my-account-color-surface: var(--general-color-surface-white);
  --component-my-account-color-surface-cta-color: var(--theme-primary-surface-cta-1-color);
  --component-my-account-color-surface-highlight: var(--color-grayscale-100);
  --component-my-account-color-title: var(--theme-primary-bg-text-primary);
  --component-my-account-content-padding-x: var(--padding-small);
  --component-my-account-content-padding-y: var(--padding-small);
  --component-my-account-padding-x: var(--spacing-general-margin-x);
  --component-my-account-padding-y: var(--layout-compact-margin-y);
  --component-nav-dropdown-menu-border: var(--spacing-spacing-1);
  --component-nav-dropdown-menu-color-border: var(--general-color-border-darkest);
  --component-nav-dropdown-menu-color-button-active-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-active-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-enabled-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-enabled-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-focus-focus-border: var(--theme-brand-action);
  --component-nav-dropdown-menu-color-button-focus-icon: var(--component-action-bar-color-button-enabled-icon);
  --component-nav-dropdown-menu-color-button-focus-text: var(--component-action-bar-color-button-enabled-text);
  --component-nav-dropdown-menu-color-button-hover-icon: var(--theme-brand-action-hover);
  --component-nav-dropdown-menu-color-button-hover-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-icon: var(--general-color-fill-brand-1);
  --component-nav-dropdown-menu-color-button-pressed-text: var(--general-color-text-brand-1);
  --component-nav-dropdown-menu-color-surface: var(--general-color-surface-white);
  --component-nav-dropdown-menu-lists-menu-bg-default: var(--general-color-background-white);
  --component-nav-dropdown-menu-lists-menu-bg-hover: var(--color-grayscale-100);
  --component-nav-dropdown-menu-lists-menu-focus-border: var(--theme-brand-action);
  --component-nav-dropdown-menu-lists-menu-max-width: 350px;
  --component-nav-dropdown-menu-lists-menu-min-height: 48px;
  --component-nav-dropdown-menu-lists-menu-min-width: 200px;
  --component-nav-dropdown-menu-lists-menu-text: var(--general-color-text-darkest);
  --component-nav-dropdown-menu-radius: var(--spacing-spacing-12);
  --component-newsletter-sign-up-color-bg: var(--component-content-grid-color-bg);
  --component-newsletter-sign-up-color-body: var(--theme-primary-surface-text-primary);
  --component-newsletter-sign-up-color-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --component-newsletter-sign-up-color-icon: var(--theme-primary-surface-text-secondary);
  --component-newsletter-sign-up-color-image-bg: var(--general-color-background-brand-1);
  --component-newsletter-sign-up-color-surface: var(--theme-primary-surface-surface);
  --component-newsletter-sign-up-color-title: var(--theme-primary-surface-text-primary);
  --component-newsletter-sign-up-content-padding-x: var(--layout-full-margin-x);
  --component-newsletter-sign-up-content-padding-y: var(--layout-full-margin-y);
  --component-newsletter-sign-up-content-radius: var(--general-radius-container);
  --component-newsletter-sign-up-copy-padding-x: var(--padding-small);
  --component-newsletter-sign-up-copy-padding-y: var(--component-newsletter-sign-up-copy-padding-x);
  --component-newsletter-sign-up-copy-radius: var(--general-radius-container);
  --component-newsletter-sign-up-decor-brand: var(--component-site-header-main-bar-brand-logo);
  --component-newsletter-sign-up-gutter: var(--layout-full-gutter);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageLeft-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageLeft-radius-top-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageLeft-radius-top-right: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-bottom-right: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-left: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-imageRight-radius-top-right: var(--component-feature-split-image-radius);
  --component-newsletter-sign-up-image-max-height-desktop: 1024px;
  --component-newsletter-sign-up-image-max-height-mobile: 360px;
  --component-newsletter-sign-up-image-max-height-tablet: 1024px;
  --component-newsletter-sign-up-image-min-height-desktop: 370px;
  --component-newsletter-sign-up-image-min-height-mobile: 180px;
  --component-newsletter-sign-up-image-min-height-tablet: 392px;
  --component-newsletter-sign-up-image-padding-x: var(--padding-none);
  --component-newsletter-sign-up-image-padding-y: var(--component-hero-article-image-padding-x);
  --component-newsletter-sign-up-image-radius: var(--general-radius-container);
  --component-newsletter-sign-up-margin-x: var(--spacing-general-margin-x);
  --component-newsletter-sign-up-margin-y: var(--spacing-general-margin-y);
  --component-pagination-color-disabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-disabled-icon: var(--color-grayscale-300);
  --component-pagination-color-disabled-text: var(--interactiveTheme-ratings-inactive);
  --component-pagination-color-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-focus-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-focus-border: var(--component-button-tag-color-enabled-border);
  --component-pagination-color-focus-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-hover-bg: var(--general-color-surface-light);
  --component-pagination-color-hover-text: var(--interactiveTheme-button-brand-action-hover);
  --component-pagination-color-link-underline: var(--general-color-fill-brand-1);
  --component-pagination-color-pressed-bg: var(--component-pagination-color-hover-bg);
  --component-pagination-color-pressed-text: var(--component-pagination-color-hover-text);
  --component-pagination-color-selected-bg: var(--interactiveTheme-button-brand-action);
  --component-pagination-color-selected-border: var(--component-cta-color-brand-outline-enabled-bg);
  --component-pagination-color-selected-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-pagination-radius: var(--radius-radius-rounded);
  --component-pagination-size-base-border: var(--spacing-spacing-4);
  --component-pagination-size-base-padding-left: var(--spacing-spacing-16);
  --component-pagination-size-base-padding-right: var(--component-button-tag-size-base-padding-left);
  --component-pagination-size-base-padding-y: var(--spacing-spacing-8);
  --component-pagination-size-base-space-between: var(--spacing-spacing-8);
  --component-pagination-size-small-border: var(--spacing-spacing-4);
  --component-pagination-size-small-gap: var(--spacing-spacing-8);
  --component-pagination-size-small-padding-left: var(--spacing-spacing-12);
  --component-pagination-size-small-padding-right: var(--component-cta-size-base-padding-left);
  --component-pagination-size-small-padding-y: var(--spacing-spacing-8);
  --component-pdp-product-content-color-bg: var(--theme-secondary-bg-bg);
  --component-pdp-product-content-color-body: var(--theme-secondary-bg-text-secondary);
  --component-pdp-product-content-color-icon: var(--theme-secondary-bg-icon);
  --component-pdp-product-content-color-image-bg: var(--general-color-background-brand-1);
  --component-pdp-product-content-color-surface: var(--general-color-surface-white);
  --component-pdp-product-content-color-surface-border: var(--general-color-border-light);
  --component-pdp-product-content-color-title: var(--theme-secondary-bg-text-primary);
  --component-pdp-product-content-gutter: var(--layout-base-gutter);
  --component-pdp-product-content-margin-x: var(--spacing-general-margin-x);
  --component-pdp-product-content-margin-y: var(--layout-compact-margin-y);
  --component-print-image-print-logo-invert: 1;
  --component-recipe-description-copy-max-width-desktop: 804px;
  --component-recipe-description-copy-max-width-mobile: var(--typography-copy-max-width);
  --component-recipe-description-copy-max-width-tablet: var(--typography-copy-max-width);
  --component-recipe-header-brand: var(--theme-brand-name);
  --component-recipe-header-color-bg: var(--theme-aux-1-bg-bg);
  --component-recipe-header-color-body: var(--theme-aux-1-surface-text-secondary);
  --component-recipe-header-color-cta-1-color: var(--theme-aux-1-surface-cta-1-color);
  --component-recipe-header-color-eyebrow: var(--theme-aux-1-surface-text-secondary);
  --component-recipe-header-color-icon: var(--theme-aux-1-surface-icon);
  --component-recipe-header-color-image-bg: var(--general-color-background-brand-1);
  --component-recipe-header-color-link: var(--theme-aux-1-interactive-button-ghost-link);
  --component-recipe-header-color-ratings: var(--theme-aux-1-interactive-ratings-active);
  --component-recipe-header-color-ratings-inactive: var(--theme-aux-1-interactive-ratings-inactive);
  --component-recipe-header-color-subtitle: var(--theme-aux-1-surface-text-primary);
  --component-recipe-header-color-surface: var(--theme-aux-1-surface-surface);
  --component-recipe-header-color-title: var(--theme-aux-1-surface-text-primary);
  --component-recipe-header-content-padding-x: var(--padding-small);
  --component-recipe-header-content-padding-y: var(--padding-xsmall);
  --component-recipe-header-content-radius: var(--general-radius-none);
  --component-recipe-header-copy-padding-x: var(--padding-small);
  --component-recipe-header-copy-padding-y: var(--padding-small);
  --component-recipe-header-padding-x: var(--spacing-general-margin-x);
  --component-recipe-header-padding-y: var(--layout-compact-margin-y);
  --component-recipe-instructions-card-max-width-mobile: 280px;
  --component-recipe-instructions-color-border: var(--component-recipe-instructions-color-surface);
  --component-recipe-instructions-color-surface: var(--general-color-background-light);
  --component-recipe-instructions-gutter: var(--layout-base-gutter);
  --component-recipe-instructions-padding-x: var(--layout-base-margin-y);
  --component-recipe-instructions-padding-y: var(--layout-base-margin-y);
  --component-recipe-made-with-color-button-color: brand;
  --component-recipe-made-with-color-ratings: var(--theme-primary-interactive-ratings-active);
  --component-recipe-made-with-color-ratings-inactive: var(--theme-primary-interactive-ratings-inactive);
  --component-recipe-nutrition-card-max-width-mobile: 280px;
  --component-recipe-nutrition-color-bg: var(--general-color-background-light);
  --component-recipe-nutrition-color-body: var(--componentTheme-feature-text-primary);
  --component-recipe-nutrition-color-eyebrow: var(--componentTheme-feature-text-primary);
  --component-recipe-nutrition-color-fill: var(--componentTheme-feature-fill);
  --component-recipe-nutrition-color-subtitle: var(--componentTheme-feature-text-primary);
  --component-recipe-nutrition-color-title: var(--componentTheme-feature-text-primary);
  --component-recipe-nutrition-content-padding-x: var(--layout-full-margin-x);
  --component-recipe-nutrition-content-padding-y: var(--layout-full-margin-y);
  --component-recipe-nutrition-content-radius: var(--general-radius-none);
  --component-recipe-nutrition-gutter: var(--layout-base-gutter);
  --component-recipe-nutrition-padding-x: var(--layout-base-margin-y);
  --component-recipe-nutrition-padding-y: var(--layout-base-margin-y);
  --component-related-content-color-bg: var(--component-content-grid-color-bg);
  --component-related-content-color-body: var(--component-content-grid-color-body);
  --component-related-content-color-button-color-1: var(--component-content-grid-color-button-color-1);
  --component-related-content-color-button-color-2: var(--component-content-grid-color-button-color-2);
  --component-related-content-color-subtitle: var(--component-content-grid-color-subtitle);
  --component-related-content-color-title: var(--component-content-grid-color-title);
  --component-search-field-active-bg: var(--general-color-background-white);
  --component-search-field-active-border: var(--general-color-border-brand-2);
  --component-search-field-active-icon: var(--general-color-fill-brand-2);
  --component-search-field-active-search-text: var(--general-color-text-darkest);
  --component-search-field-default-bg: var(--general-color-background-white);
  --component-search-field-default-border: var(--general-color-border-brand-1);
  --component-search-field-default-icon: var(--general-color-fill-brand-1);
  --component-search-field-default-search-text: var(--general-color-text-darkest);
  --component-search-field-dropdown-active-radius: 56px;
  --component-search-field-dropdown-bg-default: var(--component-search-field-default-bg);
  --component-search-field-dropdown-bg-hover: var(--theme-secondary-bg-bg);
  --component-search-field-dropdown-border: var(--component-search-field-active-border);
  --component-search-field-dropdown-border-focus: 2px;
  --component-search-field-dropdown-focus-border: var(--theme-primary-surface-border-focus);
  --component-search-field-dropdown-focus-radius: 12px;
  --component-search-field-hover-bg: var(--general-color-background-white);
  --component-search-field-hover-border: var(--general-color-border-brand-2);
  --component-search-field-hover-icon: var(--general-color-fill-brand-2);
  --component-search-field-hover-search-text: var(--general-color-text-darkest);
  --component-site-footer-bottom-bar-bg: var(--general-color-background-dark);
  --component-site-footer-bottom-bar-cta-2-color: inverse;
  --component-site-footer-bottom-bar-icons: var(--general-color-fill-white);
  --component-site-footer-bottom-bar-link: var(--general-color-text-white);
  --component-site-footer-bottom-bar-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-bottom-bar-padding-y: var(--padding-small);
  --component-site-footer-footer-links-bg: var(--general-color-background-darkest);
  --component-site-footer-footer-links-border: var(--general-color-border-darkest);
  --component-site-footer-footer-links-column-label: var(--general-color-text-white);
  --component-site-footer-footer-links-cta-1-color: brand;
  --component-site-footer-footer-links-footer-logo: var(--theme-brand-name);
  --component-site-footer-footer-links-gap-icon: var(--spacing-spacing-4);
  --component-site-footer-footer-links-icons: var(--general-color-fill-white);
  --component-site-footer-footer-links-link: var(--general-color-text-white);
  --component-site-footer-footer-links-link-underline: var(--general-color-border-white);
  --component-site-footer-footer-links-logo-height-large: 40px;
  --component-site-footer-footer-links-logo-height-small: 40px;
  --component-site-footer-footer-links-padding-x: var(--spacing-general-margin-x);
  --component-site-footer-footer-links-padding-y: var(--padding-medium);
  --component-site-footer-footer-links-text: var(--general-color-text-white);
  --component-site-footer-gap-links: var(--space-between-medium);
  --component-site-footer-space-between: var(--space-between-xsmall);
  --component-site-header-color-main-bar-desktop-bg: var(--general-color-background-white);
  --component-site-header-color-main-bar-desktop-bottom-border: var(--general-color-border-darkest);
  --component-site-header-color-main-bar-desktop-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-desktop-link-link-enabled);
  --component-site-header-color-main-bar-desktop-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-desktop-link-link-enabled: var(--general-color-text-darkest);
  --component-site-header-color-main-bar-desktop-link-link-hover: var(--general-color-text-brand-1);
  --component-site-header-color-main-bar-desktop-link-link-underline: var(--general-color-border-brand-1);
  --component-site-header-color-main-bar-desktop-logo: var(--general-color-fill-brand-1);
  --component-site-header-color-main-bar-mobile-bg: var(--general-color-background-white);
  --component-site-header-color-main-bar-mobile-bottom-border: var(--general-color-border-mid);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-enabled: var(--component-site-header-color-main-bar-desktop-link-link-enabled);
  --component-site-header-color-main-bar-mobile-link-link-dropdown-hover: var(--component-site-header-color-main-bar-desktop-link-link-hover);
  --component-site-header-color-main-bar-mobile-link-link-enabled: var(--general-color-text-darkest);
  --component-site-header-color-main-bar-mobile-link-link-hover: var(--general-color-text-brand-1);
  --component-site-header-color-main-bar-mobile-link-link-underline: var(--general-color-border-brand-1);
  --component-site-header-color-mega-menu-menu-bg: var(--general-color-background-white);
  --component-site-header-color-mega-menu-menu-bottom-border: var(--general-color-border-darkest);
  --component-site-header-color-mega-menu-menu-item-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-hover-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-item-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-left-border-items: var(--general-color-border-brand-1);
  --component-site-header-color-mega-menu-menu-paragraph-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-side-bar-bg: var(--general-color-background-light);
  --component-site-header-color-mega-menu-menu-side-bar-title: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-active-icon: var(--general-color-fill-white);
  --component-site-header-color-mega-menu-menu-title-active-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-enabled-icon: var(--general-color-fill-brand-1);
  --component-site-header-color-mega-menu-menu-title-enabled-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-hover-bg: var(--component-site-header-color-mega-menu-menu-bg);
  --component-site-header-color-mega-menu-menu-title-hover-icon: var(--general-color-fill-darkest);
  --component-site-header-color-mega-menu-menu-title-hover-text: var(--general-color-text-darkest);
  --component-site-header-color-mega-menu-menu-title-pressed-icon: var(--general-color-fill-darkest);
  --component-site-header-color-mega-menu-menu-title-pressed-text: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-enabled-bg: var(--general-color-fill-white);
  --component-site-header-color-search-tag-enabled-border: var(--general-color-border-darkest);
  --component-site-header-color-search-tag-enabled-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-search-tag-enabled-link: var(--general-color-text-darkest);
  --component-site-header-color-search-tag-hover-bg: var(--general-color-fill-light);
  --component-site-header-color-search-tag-hover-border: var(--general-color-border-darkest);
  --component-site-header-color-search-tag-hover-icons: var(--general-color-fill-brand-1);
  --component-site-header-color-search-tag-hover-link: var(--general-color-text-darkest);
  --component-site-header-color-secondary-bar-bg: var(--general-color-background-darkest);
  --component-site-header-color-secondary-bar-on-bar-enabled-bg: #ffffff00;
  --component-site-header-color-secondary-bar-on-bar-enabled-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-bar-enabled-link);
  --component-site-header-color-secondary-bar-on-bar-hover-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-hover-link-icons: var(--component-site-header-color-secondary-bar-on-bar-hover-link);
  --component-site-header-color-secondary-bar-on-bar-pressed-link: var(--general-color-text-white);
  --component-site-header-color-secondary-bar-on-bar-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-bar-pressed-link);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link: var(--component-site-header-color-mega-menu-menu-item-enabled-text);
  --component-site-header-color-secondary-bar-on-mega-menu-enabled-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-enabled-link);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link: var(--component-site-header-color-mega-menu-menu-item-hover-text);
  --component-site-header-color-secondary-bar-on-mega-menu-hover-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-hover-link);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link: var(--component-site-header-color-mega-menu-menu-item-pressed-text);
  --component-site-header-color-secondary-bar-on-mega-menu-pressed-link-icons: var(--component-site-header-color-secondary-bar-on-mega-menu-pressed-link);
  --component-site-header-color-utility-bar-bg: var(--general-color-background-darkest);
  --component-site-header-color-utility-bar-bottom-border: var(--general-color-border-darkest);
  --component-site-header-color-utility-bar-button-color-1: brand;
  --component-site-header-color-utility-bar-button-color-2: inverse;
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-enabled: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-dropdown-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-enabled: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-desktop-link-link-underline: var(--general-color-text-white);
  --component-site-header-color-utility-bar-favorites-button-bg: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-bg-hover: var(--general-color-fill-darkest);
  --component-site-header-color-utility-bar-favorites-button-bg-pressed: var(--general-color-fill-darkest);
  --component-site-header-color-utility-bar-favorites-button-border: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-border-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-focus: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-heart-fill: var(--color-brand-general-mills-generalMills-red);
  --component-site-header-color-utility-bar-favorites-button-heart-fill-hover: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-favorites-button-text: var(--general-color-text-darkest);
  --component-site-header-color-utility-bar-favorites-button-text-hover: var(--general-color-text-white);
  --component-site-header-color-utility-bar-icon: var(--general-color-fill-white);
  --component-site-header-color-utility-bar-logo: var(--general-color-fill-brand-1);
  --component-site-header-main-bar-bottom-border: var(--spacing-spacing-4);
  --component-site-header-main-bar-brand-logo: var(--theme-brand-name);
  --component-site-header-main-bar-gap-links: var(--space-between-medium);
  --component-site-header-main-bar-link-bottom-underline-border: 2px;
  --component-site-header-main-bar-logo-height-large: 48px;
  --component-site-header-main-bar-logo-height-small: 48px;
  --component-site-header-main-bar-logo-margin-right: var(--margin-small);
  --component-site-header-main-bar-logo-width-large: 48px;
  --component-site-header-main-bar-logo-width-small: 48px;
  --component-site-header-main-bar-main-bar-inset: var(--padding-none);
  --component-site-header-main-bar-radius: var(--general-radius-none);
  --component-site-header-mega-menu-menu-item-min-width-: 120px;
  --component-site-header-mega-menu-menu-item-radius: var(--radius-radius-0);
  --component-site-header-padding-x: var(--padding-xsmall);
  --component-site-header-padding-y: var(--padding-xxsmall);
  --component-site-header-site-header-simple-search-bar-max-width-desktop: 400px;
  --component-site-header-utility-bar-margin-bottom: var(--spacing-spacing-0);
  --component-skip-to-content-theme-border-size: var(--spacing-spacing-2);
  --component-skip-to-content-theme-primary-bg: var(--general-color-fill-brand-1);
  --component-skip-to-content-theme-primary-border: var(--general-color-border-white);
  --component-skip-to-content-theme-primary-link-underline: var(--component-skip-to-content-theme-primary-text);
  --component-skip-to-content-theme-primary-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-skip-to-content-theme-secondary-bg: var(--theme-secondary-bg-bg);
  --component-skip-to-content-theme-secondary-border: var(--component-skip-to-content-theme-primary-bg);
  --component-skip-to-content-theme-secondary-link-underline: var(--theme-secondary-bg-text-link-underline);
  --component-skip-to-content-theme-secondary-text: var(--theme-secondary-bg-text-link-underline);
  --component-social-bar-color-bg: var(--general-color-background-white);
  --component-social-bar-color-focus: var(--general-color-background-white);
  --component-social-bar-margin-x: var(--spacing-general-margin-x);
  --component-social-bar-margin-y: var(--spacing-general-margin-y);
  --component-static-icon-base-color-on-surface-body: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-color-on-surface-image-border: var(--color-grayscale-black);
  --component-static-icon-base-color-on-surface-ratings-active: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-ratings-inactive: var(--general-color-fill-brand-1);
  --component-static-icon-base-color-on-surface-subtitle: var(--componentTheme-cards-on-surface-text-secondary);
  --component-static-icon-base-color-on-surface-surface: var(--componentTheme-cards-on-surface-surface);
  --component-static-icon-base-color-on-surface-title: var(--componentTheme-cards-on-surface-text-primary);
  --component-static-icon-base-color-on-surface-title-hover: var(--componentTheme-cards-on-surface-text-hover);
  --component-static-icon-base-color-on-surface-title-underline: var(--component-cards-base-color-on-surface-title-hover);
  --component-static-icon-base-column-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-focus: var(--spacing-spacing-4);
  --component-static-icon-base-column-border-width-hover: var(--spacing-spacing-4);
  --component-static-icon-base-column-label-margin: var(--spacing-spacing-0);
  --component-static-icon-base-column-min-height: 280px;
  --component-static-icon-base-column-padding-x: var(--padding-none);
  --component-static-icon-base-column-padding-y: var(--padding-none);
  --component-static-icon-base-column-width-column-width-large: 550px;
  --component-static-icon-base-column-width-column-width-medium: 480px;
  --component-static-icon-base-column-width-column-width-small: 320px;
  --component-static-icon-base-copy-padding-x: var(--padding-xsmall);
  --component-static-icon-base-copy-padding-y: var(--padding-xsmall);
  --component-static-icon-base-icon-icon-height-large: 300px;
  --component-static-icon-base-icon-icon-height-medium: 200px;
  --component-static-icon-base-icon-icon-height-small: 120px;
  --component-static-icon-base-image-bg: var(--color-primary-color-1-500);
  --component-static-icon-base-image-border: var(--color-grayscale-black);
  --component-static-icon-base-image-border-width: var(--spacing-spacing-4);
  --component-static-icon-base-image-icon-image-ratio: "1:1";
  --component-static-icon-base-image-image-ratio: "3:2";
  --component-static-icon-base-image-padding-top: var(--component-cards-base-image-padding-x);
  --component-static-icon-base-image-padding-x: var(--padding-none);
  --component-static-icon-base-image-radius: var(--general-radius-image);
  --component-table-color-table-row-bg-alt: var(--general-color-background-light);
  --component-table-color-table-row-bg-header: var(--color-primary-color-1-100);
  --component-tabs-color-tab-border-active-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-focus-border: var(--theme-brand-action);
  --component-tabs-color-tab-border-hover-border: var(--theme-brand-action-hover);
  --component-tabs-color-tab-border-inactive-border: var(--general-color-border-mid);
  --component-tabs-color-tab-border-pressed-border: var(--theme-brand-action-hover);
  --component-tag-interactive-border: var(--spacing-spacing-2);
  --component-tag-interactive-color-brand-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-cta-link-enabled-icon: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-cta-link-focus-icon: var(--component-cta-color-brand-ghost-enabled-icon);
  --component-tag-interactive-color-brand-cta-link-focus-text: var(--component-cta-color-brand-ghost-enabled-text);
  --component-tag-interactive-color-brand-cta-link-hover-icon: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-cta-link-hover-link-underline: var(--interactiveTheme-button-ghost-link-underline);
  --component-tag-interactive-color-brand-cta-link-hover-text: var(--interactiveTheme-button-ghost-link);
  --component-tag-interactive-color-brand-cta-link-pressed-icon: var(--component-cta-color-brand-ghost-hover-icon);
  --component-tag-interactive-color-brand-cta-link-pressed-link-underline: var(--component-cta-color-brand-ghost-hover-link-underline);
  --component-tag-interactive-color-brand-cta-link-pressed-text: var(--component-cta-color-brand-ghost-hover-text);
  --component-tag-interactive-color-brand-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-fill-enabled-bg: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-fill-enabled-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-interactive-color-brand-fill-enabled-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-enabled-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-fill-focus-bg: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-interactive-color-brand-fill-focus-border: var(--component-cta-color-brand-fill-enabled-border);
  --component-tag-interactive-color-brand-fill-focus-icon: var(--component-cta-color-brand-fill-enabled-icon);
  --component-tag-interactive-color-brand-fill-focus-text: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-interactive-color-brand-fill-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-fill-hover-border: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-hover-icon: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-hover-inverse);
  --component-tag-interactive-color-brand-fill-pressed-bg: var(--component-cta-color-brand-fill-hover-bg);
  --component-tag-interactive-color-brand-fill-pressed-border: var(--component-cta-color-brand-fill-hover-border);
  --component-tag-interactive-color-brand-fill-pressed-icon: var(--component-cta-color-brand-fill-hover-icon);
  --component-tag-interactive-color-brand-fill-pressed-text: var(--component-cta-color-brand-fill-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-kitchen-tested-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-kitchen-tested-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-kitchen-tested-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-kitchen-tested-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-kitchen-tested-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-kitchen-tested-hover-border: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-kitchen-tested-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-kitchen-tested-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-kitchen-tested-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-brand-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-brand-outline-enabled-border: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-enabled-icon: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-brand-outline-focus-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --component-tag-interactive-color-brand-outline-focus-border: var(--component-cta-color-brand-outline-enabled-border);
  --component-tag-interactive-color-brand-outline-focus-icon: var(--component-cta-color-brand-outline-enabled-icon);
  --component-tag-interactive-color-brand-outline-focus-text: var(--component-cta-color-brand-outline-enabled-text);
  --component-tag-interactive-color-brand-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-brand-outline-hover-border: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-outline-hover-icon: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-brand-outline-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-brand-outline-pressed-bg: var(--component-cta-color-brand-outline-hover-bg);
  --component-tag-interactive-color-brand-outline-pressed-border: var(--component-cta-color-brand-outline-hover-border);
  --component-tag-interactive-color-brand-outline-pressed-icon: var(--component-cta-color-brand-outline-hover-icon);
  --component-tag-interactive-color-brand-outline-pressed-text: var(--component-cta-color-brand-outline-hover-text);
  --component-tag-interactive-color-inverse-cta-link-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-cta-link-enabled-icon: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-focus-icon: var(--component-cta-color-inverse-ghost-enabled-icon);
  --component-tag-interactive-color-inverse-cta-link-focus-text: var(--component-cta-color-inverse-ghost-enabled-text);
  --component-tag-interactive-color-inverse-cta-link-hover-icon: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-cta-link-hover-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-cta-link-pressed-icon: var(--component-cta-color-inverse-ghost-hover-icon);
  --component-tag-interactive-color-inverse-cta-link-pressed-text: var(--component-cta-color-inverse-ghost-hover-text);
  --component-tag-interactive-color-inverse-fill-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-fill-enabled-bg: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-enabled-border: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-enabled-icon: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-enabled-text: var(--interactiveTheme-button-brand-action);
  --component-tag-interactive-color-inverse-fill-focus-bg: var(--component-cta-color-inverse-fill-enabled-bg);
  --component-tag-interactive-color-inverse-fill-focus-border: var(--component-cta-color-inverse-fill-enabled-border);
  --component-tag-interactive-color-inverse-fill-focus-icon: var(--component-cta-color-inverse-fill-enabled-icon);
  --component-tag-interactive-color-inverse-fill-focus-text: var(--component-cta-color-inverse-fill-enabled-text);
  --component-tag-interactive-color-inverse-fill-hover-bg: var(--theme-primary-interactive-button-brand-action-hover);
  --component-tag-interactive-color-inverse-fill-hover-border: var(--component-cta-color-inverse-fill-hover-bg);
  --component-tag-interactive-color-inverse-fill-hover-icon: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-fill-hover-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-interactive-color-inverse-fill-pressed-bg: var(--component-cta-color-inverse-fill-hover-bg);
  --component-tag-interactive-color-inverse-fill-pressed-border: var(--component-cta-color-inverse-fill-hover-border);
  --component-tag-interactive-color-inverse-fill-pressed-icon: var(--component-cta-color-inverse-fill-hover-icon);
  --component-tag-interactive-color-inverse-fill-pressed-text: var(--component-cta-color-inverse-fill-hover-text);
  --component-tag-interactive-color-inverse-outline-disabled-opacity: 0.5;
  --component-tag-interactive-color-inverse-outline-enabled-bg: #ffffff00;
  --component-tag-interactive-color-inverse-outline-enabled-border: var(--interactiveTheme-button-brand-action-alternate);
  --component-tag-interactive-color-inverse-outline-enabled-icon: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-enabled-text: var(--interactiveTheme-button-ghost-inverse-link);
  --component-tag-interactive-color-inverse-outline-focus-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --component-tag-interactive-color-inverse-outline-focus-border: var(--component-cta-color-inverse-outline-enabled-border);
  --component-tag-interactive-color-inverse-outline-focus-icon: var(--component-cta-color-inverse-outline-enabled-icon);
  --component-tag-interactive-color-inverse-outline-focus-text: var(--component-cta-color-inverse-outline-enabled-text);
  --component-tag-interactive-color-inverse-outline-hover-bg: var(--interactiveTheme-button-brand-action-hover);
  --component-tag-interactive-color-inverse-outline-hover-border: var(--component-cta-color-inverse-outline-hover-bg);
  --component-tag-interactive-color-inverse-outline-hover-icon: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-color-inverse-outline-hover-text: var(--theme-brand-action-inverse);
  --component-tag-interactive-color-inverse-outline-pressed-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --component-tag-interactive-color-inverse-outline-pressed-border: var(--component-cta-color-inverse-outline-hover-border);
  --component-tag-interactive-color-inverse-outline-pressed-icon: var(--component-cta-color-inverse-outline-hover-icon);
  --component-tag-interactive-color-inverse-outline-pressed-text: var(--component-cta-color-inverse-outline-hover-text);
  --component-tag-interactive-radius-bottom-left: var(--general-radius-tag);
  --component-tag-interactive-radius-bottom-right: var(--general-radius-tag);
  --component-tag-interactive-radius-top-left: var(--general-radius-tag);
  --component-tag-interactive-radius-top-right: var(--general-radius-tag);
  --component-tag-static-border-width: 2px;
  --component-tag-static-color-fill-A-bg: var(--general-color-fill-brand-1);
  --component-tag-static-color-fill-A-border: var(--component-tag-static-color-fill-A-bg);
  --component-tag-static-color-fill-A-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-A-text: var(--general-color-text-white);
  --component-tag-static-color-fill-B-bg: var(--general-color-fill-brand-2);
  --component-tag-static-color-fill-B-border: var(--component-tag-static-color-fill-B-bg);
  --component-tag-static-color-fill-B-icon: var(--general-color-fill-white);
  --component-tag-static-color-fill-B-text: var(--general-color-text-white);
  --component-tag-static-color-fill-border: var(--component-cta-color-brand-fill-enabled-bg);
  --component-tag-static-color-fill-icon: var(--component-cta-color-brand-fill-enabled-text);
  --component-tag-static-color-fill-text: var(--interactiveTheme-button-inverse-brand-action-inverse);
  --component-tag-static-color-outline-A-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-A-border: var(--general-color-border-brand-1);
  --component-tag-static-color-outline-A-icon: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-A-text: var(--component-tag-static-color-outline-A-border);
  --component-tag-static-color-outline-B-bg: var(--general-color-surface-white);
  --component-tag-static-color-outline-B-border: var(--general-color-border-brand-2);
  --component-tag-static-color-outline-B-icon: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-B-text: var(--component-tag-static-color-outline-B-border);
  --component-tag-static-color-outline-bg: #682dff00;
  --component-tag-static-color-outline-border: var(--theme-brand-action);
  --component-tag-static-color-outline-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-outline-text: var(--interactiveTheme-button-brand-action);
  --component-tag-static-color-text-icon: var(--component-tag-static-color-outline-text);
  --component-tag-static-color-text-text: var(--interactiveTheme-button-brand-action);
  --component-tag-static-inset: var(--padding-none);
  --component-tag-static-radius-bottom-left: var(--general-radius-tag);
  --component-tag-static-radius-bottom-right: var(--general-radius-tag);
  --component-tag-static-radius-top-left: var(--general-radius-tag);
  --component-tag-static-radius-top-right: var(--general-radius-tag);
  --component-vertical-video-asset-default-height: 120px;
  --component-vertical-video-asset-default-width: 120px;
  --component-vertical-video-asset-hover-height: 112px;
  --component-vertical-video-asset-hover-width: 112px;
  --component-vertical-video-border-width: 0px;
  --component-vertical-video-color-bg: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-body: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-border-focus: var(--component-category-color-category-enabled);
  --component-vertical-video-color-category-enabled: var(--component-content-grid-color-body);
  --component-vertical-video-color-category-hover: var(--component-content-grid-color-body);
  --component-vertical-video-color-fill: var(--componentTheme-content-grid-fill);
  --component-vertical-video-color-subtitle: var(--componentTheme-content-grid-text-secondary);
  --component-vertical-video-color-surface: var(--componentTheme-content-grid-bg);
  --component-vertical-video-color-title: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-color-title-hover: var(--componentTheme-content-grid-text-primary);
  --component-vertical-video-gutter: var(--layout-base-gutter);
  --component-vertical-video-padding-x: var(--layout-base-margin-y);
  --component-vertical-video-padding-y: var(--layout-base-margin-y);
  --component-video-margin-x: var(--spacing-general-margin-x);
  --component-video-margin-y: var(--spacing-general-margin-y);
  --component-video-standalone-video-max-width-desktop: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-mobile: var(--typography-copy-max-width);
  --component-video-standalone-video-max-width-tablet: var(--typography-copy-max-width);
  --general-color-background-brand-1: var(--color-primary-color-1-500);
  --general-color-background-brand-2: var(--color-primary-color-2-500);
  --general-color-background-brand-3: var(--color-secondary-color-3-500);
  --general-color-background-brand-4: var(--color-secondary-color-4-500);
  --general-color-background-dark: var(--color-grayscale-700);
  --general-color-background-darkest: var(--color-grayscale-black);
  --general-color-background-light: var(--color-grayscale-100);
  --general-color-background-white: var(--color-grayscale-white);
  --general-color-border-brand-1: var(--color-primary-color-1-500);
  --general-color-border-brand-2: var(--color-primary-color-2-500);
  --general-color-border-brand-3: var(--color-secondary-color-3-500);
  --general-color-border-dark: var(--color-grayscale-700);
  --general-color-border-darkest: var(--color-grayscale-black);
  --general-color-border-light: var(--color-grayscale-300);
  --general-color-border-mid: var(--color-grayscale-400);
  --general-color-border-white: var(--color-grayscale-white);
  --general-color-fill-brand-1: var(--color-primary-color-1-500);
  --general-color-fill-brand-2: var(--color-primary-color-2-500);
  --general-color-fill-brand-3: var(--color-secondary-color-3-500);
  --general-color-fill-dark: var(--color-grayscale-700);
  --general-color-fill-darkest: var(--color-grayscale-900);
  --general-color-fill-light: var(--color-grayscale-100);
  --general-color-fill-mid: var(--color-grayscale-400);
  --general-color-fill-white: var(--color-grayscale-white);
  --general-color-surface-brand-1: var(--color-primary-color-1-500);
  --general-color-surface-brand-2: var(--color-primary-color-2-500);
  --general-color-surface-brand-3: var(--color-secondary-color-3-500);
  --general-color-surface-dark: var(--color-grayscale-800);
  --general-color-surface-darkest: var(--color-grayscale-black);
  --general-color-surface-light: var(--color-grayscale-200);
  --general-color-surface-white: var(--color-grayscale-white);
  --general-color-text-brand-1: var(--color-primary-color-1-500);
  --general-color-text-brand-2: var(--color-primary-color-2-500);
  --general-color-text-brand-3: var(--color-secondary-color-3-500);
  --general-color-text-dark: var(--color-grayscale-800);
  --general-color-text-darkest: var(--color-grayscale-black);
  --general-color-text-light: var(--color-primary-color-1-100);
  --general-color-text-mid: var(--color-grayscale-500);
  --general-color-text-white: var(--color-grayscale-white);
  --general-drop-shadow-blur: 0px;
  --general-drop-shadow-color: #000000cc;
  --general-drop-shadow-sub-menu-blur: 12px;
  --general-drop-shadow-sub-menu-color: #00000014;
  --general-drop-shadow-sub-menu-y-value: 2px;
  --general-radius-accordion: var(--radius-radius-0);
  --general-radius-base: var(--radius-radius-0);
  --general-radius-card: var(--general-radius-base);
  --general-radius-card-focus: var(--general-radius-base);
  --general-radius-container: var(--general-radius-base);
  --general-radius-container-l2: var(--radius-radius-0);
  --general-radius-dialog: var(--radius-radius-0);
  --general-radius-focus: var(--radius-radius-0);
  --general-radius-image: var(--general-radius-base);
  --general-radius-label: var(--radius-radius-0);
  --general-radius-modal: var(--radius-radius-0);
  --general-radius-none: var(--radius-radius-0);
  --general-radius-tag: var(--radius-radius-0);
  --spacing-columns-desktop-full-max-width: var(--global-columns-base-desktop-full-max-width);
  --spacing-columns-desktop-full-min-width: var(--global-columns-base-desktop-full-min-width);
  --spacing-columns-desktop-half-max-width: var(--global-columns-base-desktop-half-max-width);
  --spacing-columns-desktop-half-min-width: var(--global-columns-base-desktop-half-min-width);
  --spacing-columns-desktop-one-fourth-max-width: var(--global-columns-base-desktop-oneFourth-max-width);
  --spacing-columns-desktop-one-fourth-min-width: var(--global-columns-base-desktop-oneFourth-min-width);
  --spacing-columns-desktop-one-third-max-width: var(--global-columns-base-desktop-oneThird-max-width);
  --spacing-columns-desktop-one-third-min-width: var(--global-columns-base-desktop-oneThird-min-width);
  --spacing-columns-desktop-three-fourth-max-width: var(--global-columns-base-desktop-three-fourth-max-width);
  --spacing-columns-desktop-three-fourth-min-width: var(--global-columns-base-desktop-three-fourth-min-width);
  --spacing-columns-mobile-full-max-width: var(--global-columns-base-mobile-full-max-width);
  --spacing-columns-mobile-full-min-width: var(--global-columns-base-mobile-full-min-width);
  --spacing-columns-mobile-half-max-width: var(--global-columns-base-mobile-half-max-width);
  --spacing-columns-mobile-half-min-width: var(--global-columns-base-mobile-half-min-width);
  --spacing-columns-mobile-one-fourth-max-width: var(--global-columns-base-mobile-oneFourth-max-width);
  --spacing-columns-mobile-one-third-max-width: var(--global-columns-base-mobile-oneThird-max-width);
  --spacing-columns-mobile-one-third-min-width: var(--global-columns-base-mobile-oneThird-min-width);
  --spacing-columns-mobile-oneFourth-min-width: var(--global-columns-base-mobile-oneFourth-min-width);
  --spacing-columns-mobile-three-fourth-max-width: var(--global-columns-base-mobile-three-fourth-max-width);
  --spacing-columns-mobile-three-fourth-min-width: var(--global-columns-base-mobile-three-fourth-min-width);
  --spacing-columns-tablet-full-max-width: var(--global-columns-base-tablet-full-max-width);
  --spacing-columns-tablet-full-min-width: var(--global-columns-base-tablet-full-min-width);
  --spacing-columns-tablet-half-max-width: var(--global-columns-base-tablet-half-max-width);
  --spacing-columns-tablet-half-min-width: var(--global-columns-base-tablet-half-min-width);
  --spacing-columns-tablet-one-fourth-max-width: var(--global-columns-base-tablet-oneFourth-max-width);
  --spacing-columns-tablet-one-fourth-min-width: var(--global-columns-base-tablet-oneFourth-min-width);
  --spacing-columns-tablet-one-third-max-width: var(--global-columns-base-tablet-oneThird-max-width);
  --spacing-columns-tablet-one-third-min-width: var(--global-columns-base-tablet-oneThird-min-width);
  --spacing-columns-tablet-three-fourth-max-width: var(--global-columns-base-tablet-three-fourth-max-width);
  --spacing-columns-tablet-three-fourth-min-width: var(--global-columns-base-tablet-three-fourth-min-width);
  --spacing-general-buttons-space-between: var(--space-between-small);
  --spacing-general-container-padding-x: var(--layout-full-margin-y);
  --spacing-general-container-padding-y: var(--layout-full-margin-y);
  --spacing-general-copy-margin-bottom: var(--margin-none);
  --spacing-general-cta-margin-top: var(--margin-medium);
  --spacing-general-eyebrow-margin-bottom: var(--margin-xsmall);
  --spacing-general-favicon-dimensions: var(--spacing-spacing-32);
  --spacing-general-gutter: var(--layout-base-gutter);
  --spacing-general-icon-margin-bottom: var(--margin-xsmall);
  --spacing-general-image-padding: var(--padding-none);
  --spacing-general-margin-related-y: var(--spacing-spacing-16);
  --spacing-general-margin-x: var(--layout-base-margin-x);
  --spacing-general-margin-y: var(--layout-base-margin-y);
  --spacing-general-subtitle-margin-top: var(--margin-xsmall);
  --spacing-general-title-margin-bottom: var(--margin-xsmall);
  --spacing-general-top-title-margin-bottom: var(--margin-small);
  --theme-aux-1-bg-bg: var(--general-color-background-brand-1);
  --theme-aux-1-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-1-bg-cta-1-color: inverse;
  --theme-aux-1-bg-cta-2-color: inverse;
  --theme-aux-1-bg-icon: var(--general-color-fill-white);
  --theme-aux-1-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link: var(--theme-brand-action-inverse);
  --theme-aux-1-bg-text-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-bg-text-primary: var(--general-color-text-white);
  --theme-aux-1-bg-text-secondary: var(--general-color-text-white);
  --theme-aux-1-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-1-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-1-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-1-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-1-interactive-button-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-aux-1-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-aux-1-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-1-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-1-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-1-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-1-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-1-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-1-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-aux-1-interactive-surface-hover: var(--general-color-background-light);
  --theme-aux-1-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-1-surface-border: var(--general-color-border-darkest);
  --theme-aux-1-surface-border-focus: var(--general-color-border-brand-1);
  --theme-aux-1-surface-border-hover: var(--general-color-border-darkest);
  --theme-aux-1-surface-cta-1-color: brand;
  --theme-aux-1-surface-cta-2-color: brand;
  --theme-aux-1-surface-icon: var(--general-color-fill-brand-1);
  --theme-aux-1-surface-match-bg-border: var(--general-color-border-darkest);
  --theme-aux-1-surface-match-bg-cta-1-color: inverse;
  --theme-aux-1-surface-match-bg-cta-2-color: inverse;
  --theme-aux-1-surface-match-bg-icon: var(--general-color-fill-white);
  --theme-aux-1-surface-match-bg-surface: var(--theme-aux-1-bg-bg);
  --theme-aux-1-surface-match-bg-text-hover: var(--theme-brand-action-inverse);
  --theme-aux-1-surface-match-bg-text-primary: var(--general-color-text-white);
  --theme-aux-1-surface-match-bg-text-secondary: var(--general-color-text-light);
  --theme-aux-1-surface-surface: var(--general-color-background-white);
  --theme-aux-1-surface-text-hover: var(--theme-brand-action);
  --theme-aux-1-surface-text-link: var(--theme-brand-action);
  --theme-aux-1-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-1-surface-text-primary: var(--general-color-text-darkest);
  --theme-aux-1-surface-text-secondary: var(--general-color-text-dark);
  --theme-aux-2-bg-bg: var(--color-primary-color-1-100);
  --theme-aux-2-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-aux-2-bg-border: var(--general-color-border-darkest);
  --theme-aux-2-bg-cta-1-color: brand;
  --theme-aux-2-bg-cta-2-color: brand;
  --theme-aux-2-bg-icon: var(--general-color-border-brand-2);
  --theme-aux-2-bg-text-hover: var(--theme-brand-action);
  --theme-aux-2-bg-text-link: var(--theme-brand-action);
  --theme-aux-2-bg-text-link-underline: var(--theme-link-underline);
  --theme-aux-2-bg-text-primary: var(--general-color-text-darkest);
  --theme-aux-2-bg-text-secondary: var(--general-color-text-darkest);
  --theme-aux-2-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-aux-2-interactive-button-brand-action: var(--theme-brand-action);
  --theme-aux-2-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-aux-2-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-aux-2-interactive-button-link-underline: var(--theme-link-underline);
  --theme-aux-2-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-aux-2-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-aux-2-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-aux-2-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-aux-2-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-aux-2-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-aux-2-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-aux-2-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-aux-2-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-aux-2-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-aux-2-interactive-surface-hover: var(--general-color-background-light);
  --theme-aux-2-interactive-surface-pressed: var(--theme-aux-1-interactive-surface-hover);
  --theme-aux-2-surface-border: var(--general-color-border-darkest);
  --theme-aux-2-surface-border-focus: var(--general-color-border-darkest);
  --theme-aux-2-surface-border-hover: var(--general-color-border-darkest);
  --theme-aux-2-surface-cta-1-color: inverse;
  --theme-aux-2-surface-cta-2-color: inverse;
  --theme-aux-2-surface-icon: var(--general-color-fill-brand-2);
  --theme-aux-2-surface-match-bg-border: var(--general-color-border-darkest);
  --theme-aux-2-surface-match-bg-cta-1-color: brand;
  --theme-aux-2-surface-match-bg-cta-2-color: brand;
  --theme-aux-2-surface-match-bg-fill: var(--general-color-fill-brand-1);
  --theme-aux-2-surface-match-bg-surface: var(--theme-aux-2-bg-bg);
  --theme-aux-2-surface-match-bg-text-hover: var(--theme-brand-action);
  --theme-aux-2-surface-match-bg-text-primary: var(--general-color-text-darkest);
  --theme-aux-2-surface-match-bg-text-secondary: var(--general-color-text-dark);
  --theme-aux-2-surface-surface: var(--general-color-surface-white);
  --theme-aux-2-surface-text-hover: var(--theme-brand-action);
  --theme-aux-2-surface-text-link: var(--theme-brand-action);
  --theme-aux-2-surface-text-link-underline: var(--theme-link-underline);
  --theme-aux-2-surface-text-primary: var(--general-color-text-darkest);
  --theme-aux-2-surface-text-secondary: var(--general-color-text-dark);
  --theme-brand-action: var(--general-color-fill-brand-1);
  --theme-brand-action-alternate: var(--color-primary-color-1-100);
  --theme-brand-action-alternate-inverse: var(--color-primary-color-1-900);
  --theme-brand-action-hover: var(--color-primary-color-1-900);
  --theme-brand-action-hover-inverse: var(--color-primary-color-1-100);
  --theme-brand-action-inverse: var(--general-color-fill-white);
  --theme-link-underline: var(--theme-brand-action);
  --theme-link-underline-inverse: var(--theme-brand-action-inverse);
  --theme-primary-bg-bg: var(--general-color-background-white);
  --theme-primary-bg-bg-decor-accent: var(--general-color-background-brand-2);
  --theme-primary-bg-border: var(--general-color-border-light);
  --theme-primary-bg-cta-1-color: brand;
  --theme-primary-bg-cta-2-color: brand;
  --theme-primary-bg-icon: var(--general-color-fill-brand-1);
  --theme-primary-bg-text-hover: var(--theme-brand-action-hover);
  --theme-primary-bg-text-link: var(--theme-brand-action);
  --theme-primary-bg-text-link-underline: var(--theme-link-underline);
  --theme-primary-bg-text-primary: var(--general-color-text-darkest);
  --theme-primary-bg-text-secondary: var(--general-color-text-dark);
  --theme-primary-interactive-action-bar-button-border: var(--general-color-border-white);
  --theme-primary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-primary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-primary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-primary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-primary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-primary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-primary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-primary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-primary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-primary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-primary-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-primary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-primary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-primary-interactive-surface-focus: var(--theme-primary-surface-surface);
  --theme-primary-interactive-surface-hover: var(--general-color-background-light);
  --theme-primary-interactive-surface-pressed: var(--theme-primary-interactive-surface-hover);
  --theme-primary-surface-border: var(--general-color-border-darkest);
  --theme-primary-surface-border-focus: var(--general-color-border-brand-1);
  --theme-primary-surface-border-hover: var(--general-color-border-light);
  --theme-primary-surface-cta-1-color: brand;
  --theme-primary-surface-cta-2-color: brand;
  --theme-primary-surface-icon: var(--general-color-fill-brand-1);
  --theme-primary-surface-match-bg-border: var(--general-color-border-darkest);
  --theme-primary-surface-match-bg-cta-1-color: brand;
  --theme-primary-surface-match-bg-cta-2-color: brand;
  --theme-primary-surface-match-bg-fill: var(--general-color-fill-darkest);
  --theme-primary-surface-match-bg-surface: var(--theme-primary-bg-bg);
  --theme-primary-surface-match-bg-text-hover: var(--theme-brand-action);
  --theme-primary-surface-match-bg-text-primary: var(--general-color-text-darkest);
  --theme-primary-surface-match-bg-text-secondary: var(--general-color-text-dark);
  --theme-primary-surface-surface: var(--general-color-surface-white);
  --theme-primary-surface-text-hover: var(--theme-brand-action);
  --theme-primary-surface-text-link: var(--theme-brand-action);
  --theme-primary-surface-text-link-underline: var(--theme-link-underline);
  --theme-primary-surface-text-primary: var(--general-color-text-darkest);
  --theme-primary-surface-text-secondary: var(--general-color-text-dark);
  --theme-secondary-bg-bg: var(--general-color-background-light);
  --theme-secondary-bg-bg-decor-accent: var(--theme-primary-bg-bg);
  --theme-secondary-bg-border: var(--general-color-border-white);
  --theme-secondary-bg-cta-1-color: brand;
  --theme-secondary-bg-cta-2-color: brand;
  --theme-secondary-bg-icon: var(--general-color-fill-brand-1);
  --theme-secondary-bg-text-hover: var(--theme-brand-action-hover);
  --theme-secondary-bg-text-link: var(--theme-brand-action);
  --theme-secondary-bg-text-link-underline: var(--theme-link-underline);
  --theme-secondary-bg-text-primary: var(--general-color-text-dark);
  --theme-secondary-bg-text-secondary: var(--general-color-text-darkest);
  --theme-secondary-interactive-action-bar-button-border: var(--component-cta-color-brand-fill-enabled-border);
  --theme-secondary-interactive-button-brand-action: var(--theme-brand-action);
  --theme-secondary-interactive-button-brand-action-alternate: var(--theme-brand-action-alternate);
  --theme-secondary-interactive-button-brand-action-hover: var(--theme-brand-action-hover);
  --theme-secondary-interactive-button-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-link: var(--theme-brand-action);
  --theme-secondary-interactive-button-ghost-link-underline: var(--theme-link-underline);
  --theme-secondary-interactive-button-ghost-inverse-link: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-ghost-inverse-link-underline: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-alternate-inverse: var(--theme-brand-action-alternate-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-hover-inverse: var(--theme-brand-action-hover-inverse);
  --theme-secondary-interactive-button-inverse-brand-action-inverse: var(--theme-brand-action-inverse);
  --theme-secondary-interactive-button-inverse-link-underline-inverse: var(--theme-link-underline-inverse);
  --theme-secondary-interactive-ratings-active: var(--general-color-fill-brand-1);
  --theme-secondary-interactive-ratings-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-ratings-inverse-active: var(--general-color-fill-white);
  --theme-secondary-interactive-ratings-inverse-inactive: var(--general-color-fill-mid);
  --theme-secondary-interactive-surface-focus: var(--theme-secondary-surface-surface);
  --theme-secondary-interactive-surface-hover: var(--general-color-background-white);
  --theme-secondary-interactive-surface-pressed: var(--theme-secondary-interactive-surface-hover);
  --theme-secondary-surface-border: var(--general-color-border-darkest);
  --theme-secondary-surface-border-focus: var(--general-color-border-brand-1);
  --theme-secondary-surface-border-hover: var(--general-color-border-darkest);
  --theme-secondary-surface-cta-1-color: brand;
  --theme-secondary-surface-cta-2-color: brand;
  --theme-secondary-surface-icon: var(--general-color-fill-brand-1);
  --theme-secondary-surface-match-bg-border: var(--general-color-border-darkest);
  --theme-secondary-surface-match-bg-cta-1-color: brand;
  --theme-secondary-surface-match-bg-cta-2-color: brand;
  --theme-secondary-surface-match-bg-fill: var(--general-color-fill-brand-1);
  --theme-secondary-surface-match-bg-surface: var(--theme-secondary-bg-bg);
  --theme-secondary-surface-match-bg-text-hover: var(--theme-brand-action);
  --theme-secondary-surface-match-bg-text-primary: var(--general-color-text-darkest);
  --theme-secondary-surface-match-bg-text-secondary: var(--general-color-text-dark);
  --theme-secondary-surface-surface: var(--general-color-surface-white);
  --theme-secondary-surface-text-hover: var(--theme-brand-action);
  --theme-secondary-surface-text-link: var(--theme-brand-action);
  --theme-secondary-surface-text-link-underline: var(--theme-link-underline);
  --theme-secondary-surface-text-primary: var(--general-color-text-darkest);
  --theme-secondary-surface-text-secondary: var(--general-color-text-darkest);
  --typography-font-family-accent-header: var(--typography-font-family-yellowtail);
  --typography-font-family-body: var(--typography-font-family-noto-sans);
  --typography-font-family-header: var(--typography-font-family-noto-sans);
  --typography-font-size-desktop-accent-header-display: var(--typography-font-size-font-size-80);
  --typography-font-size-desktop-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-accent-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-accent-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-accent-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-accent-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-accent-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-desktop-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-desktop-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-desktop-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-desktop-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-desktop-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-desktop-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-desktop-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-desktop-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-desktop-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-desktop-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-accent-header-display: var(--typography-font-size-font-size-72);
  --typography-font-size-mobile-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-accent-header-large: var(--typography-font-size-font-size-40);
  --typography-font-size-mobile-accent-header-medium: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-accent-header-small: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-accent-header-xlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-mobile-accent-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-accent-header-xxlarge: var(--typography-font-size-font-size-56);
  --typography-font-size-mobile-accent-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-mobile-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-mobile-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-mobile-header-display: var(--typography-font-size-font-size-48);
  --typography-font-size-mobile-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-mobile-header-medium: var(--typography-font-size-font-size-24);
  --typography-font-size-mobile-header-small: var(--typography-font-size-font-size-20);
  --typography-font-size-mobile-header-xlarge: var(--typography-font-size-font-size-36);
  --typography-font-size-mobile-header-xsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-mobile-header-xxlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-mobile-header-xxsmall: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-accent-header-display: var(--typography-font-size-font-size-104);
  --typography-font-size-tablet-accent-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-accent-header-large: var(--typography-font-size-font-size-48);
  --typography-font-size-tablet-accent-header-medium: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-accent-header-small: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-accent-header-xlarge: var(--typography-font-size-font-size-56);
  --typography-font-size-tablet-accent-header-xsmall: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-accent-header-xxlarge: var(--typography-font-size-font-size-64);
  --typography-font-size-tablet-accent-header-xxsmall: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-body-large: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-body-medium: var(--typography-font-size-font-size-16);
  --typography-font-size-tablet-body-small: var(--typography-font-size-font-size-14);
  --typography-font-size-tablet-body-xlarge: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-body-xsmall: var(--typography-font-size-font-size-12);
  --typography-font-size-tablet-header-display: var(--typography-font-size-font-size-64);
  --typography-font-size-tablet-header-eyebrow: var(--typography-font-size-font-size-18);
  --typography-font-size-tablet-header-large: var(--typography-font-size-font-size-32);
  --typography-font-size-tablet-header-medium: var(--typography-font-size-font-size-28);
  --typography-font-size-tablet-header-small: var(--typography-font-size-font-size-24);
  --typography-font-size-tablet-header-xlarge: var(--typography-font-size-font-size-40);
  --typography-font-size-tablet-header-xsmall: var(--typography-font-size-font-size-20);
  --typography-font-size-tablet-header-xxlarge: var(--typography-font-size-font-size-48);
  --typography-font-size-tablet-header-xxsmall: var(--typography-font-size-font-size-18);
  --typography-font-weight-body: 400;
  --typography-font-weight-body-bold: 700;
  --typography-font-weight-button: 700;
  --typography-font-weight-display: 700;
  --typography-font-weight-large: 700;
  --typography-font-weight-medium: 700;
  --typography-font-weight-small: 700;
  --typography-font-weight-xlarge: 700;
  --typography-font-weight-xsmall: 700;
  --typography-font-weight-xxlarge: 700;
  --typography-font-weight-xxsmall: 700;
}

.ThemesAux1 {
  --componentTheme-action-bar-border: var(--theme-aux-1-interactive-action-bar-button-border);
  --componentTheme-action-bar-cta-padding: var(--padding-xsmall);
  --componentTheme-cards-match-bg-border: var(--theme-primary-surface-match-bg-border);
  --componentTheme-cards-match-bg-cta-1-color: var(--theme-aux-1-surface-match-bg-cta-1-color);
  --componentTheme-cards-match-bg-cta-2-color: var(--theme-aux-1-surface-match-bg-cta-2-color);
  --componentTheme-cards-match-bg-icon: var(--theme-aux-1-surface-match-bg-icon);
  --componentTheme-cards-match-bg-link-underline: var(--theme-aux-1-surface-text-link-underline);
  --componentTheme-cards-match-bg-surface: var(--theme-aux-1-surface-match-bg-surface);
  --componentTheme-cards-match-bg-text-hover: var(--theme-aux-1-surface-match-bg-text-hover);
  --componentTheme-cards-match-bg-text-primary: var(--theme-aux-1-surface-match-bg-text-primary);
  --componentTheme-cards-match-bg-text-secondary: var(--theme-aux-1-surface-match-bg-text-secondary);
  --componentTheme-cards-on-surface-border: var(--general-color-border-white);
  --componentTheme-cards-on-surface-border-focus: var(--theme-aux-1-surface-border-focus);
  --componentTheme-cards-on-surface-border-hover: var(--theme-aux-1-surface-border-hover);
  --componentTheme-cards-on-surface-cta-1-color: var(--theme-aux-1-surface-cta-1-color);
  --componentTheme-cards-on-surface-cta-2-color: var(--theme-aux-1-surface-cta-2-color);
  --componentTheme-cards-on-surface-icon: var(--theme-aux-1-surface-icon);
  --componentTheme-cards-on-surface-link-underline: var(--theme-aux-1-surface-text-link-underline);
  --componentTheme-cards-on-surface-ratings: var(--theme-aux-1-surface-icon);
  --componentTheme-cards-on-surface-ratings-inactive: var(--theme-aux-1-surface-icon);
  --componentTheme-cards-on-surface-surface: var(--theme-aux-1-surface-surface);
  --componentTheme-cards-on-surface-text-hover: var(--theme-aux-1-surface-text-hover);
  --componentTheme-cards-on-surface-text-primary: var(--theme-aux-1-surface-text-primary);
  --componentTheme-cards-on-surface-text-secondary: var(--theme-aux-1-surface-text-secondary);
  --componentTheme-category-on-surface-border: var(--theme-primary-surface-border);
  --componentTheme-category-on-surface-match-bg-border: var(--theme-aux-1-surface-match-bg-border);
  --componentTheme-content-grid-a11y-image-overlay: var(--componentTheme-content-grid-bg);
  --componentTheme-content-grid-bg: var(--theme-aux-1-bg-bg);
  --componentTheme-content-grid-bg-decor-accent: var(--theme-aux-1-bg-bg-decor-accent);
  --componentTheme-content-grid-cta-1-color: var(--theme-aux-1-bg-cta-1-color);
  --componentTheme-content-grid-cta-2-color: var(--theme-aux-1-bg-cta-2-color);
  --componentTheme-content-grid-fill: var(--theme-aux-1-bg-icon);
  --componentTheme-content-grid-text-link: var(--theme-aux-1-bg-text-link);
  --componentTheme-content-grid-text-link-underline: var(--theme-aux-1-bg-text-link-underline);
  --componentTheme-content-grid-text-primary: var(--theme-aux-1-bg-text-primary);
  --componentTheme-content-grid-text-secondary: var(--theme-aux-1-bg-text-secondary);
  --componentTheme-feature-bg: var(--theme-aux-1-bg-bg);
  --componentTheme-feature-border: var(--theme-aux-1-surface-border);
  --componentTheme-feature-constrained-margin-left: var(--layout-base-margin-x);
  --componentTheme-feature-constrained-margin-right: var(--layout-base-margin-x);
  --componentTheme-feature-cta-1-color: var(--theme-aux-1-surface-cta-1-color);
  --componentTheme-feature-cta-2-color: var(--theme-aux-1-surface-cta-2-color);
  --componentTheme-feature-fill: var(--theme-aux-1-surface-icon);
  --componentTheme-feature-match-bg-border: var(--theme-aux-1-surface-match-bg-border);
  --componentTheme-feature-match-bg-cta-1-color: var(--theme-aux-1-surface-match-bg-cta-1-color);
  --componentTheme-feature-match-bg-cta-2-color: var(--theme-aux-1-surface-match-bg-cta-2-color);
  --componentTheme-feature-match-bg-fill: var(--theme-aux-1-surface-match-bg-icon);
  --componentTheme-feature-match-bg-surface: var(--theme-aux-1-surface-match-bg-surface);
  --componentTheme-feature-match-bg-text-primary: var(--theme-aux-1-surface-match-bg-text-primary);
  --componentTheme-feature-match-bg-text-secondary: var(--theme-aux-1-surface-match-bg-text-secondary);
  --componentTheme-feature-surface: var(--theme-aux-1-surface-surface);
  --componentTheme-feature-text-primary: var(--theme-aux-1-surface-text-primary);
  --componentTheme-feature-text-secondary: var(--theme-aux-1-surface-text-secondary);
  --componentTheme-hero-a11y-image-overlay: var(--componentTheme-hero-bg);
  --componentTheme-hero-bg: var(--theme-aux-1-bg-bg);
  --componentTheme-hero-cta-1-color: var(--theme-aux-1-surface-match-bg-cta-1-color);
  --componentTheme-hero-cta-2-color: var(--theme-aux-1-surface-match-bg-cta-2-color);
  --componentTheme-hero-fill: var(--theme-aux-1-surface-icon);
  --componentTheme-hero-match-bg-cta-1-color: var(--theme-aux-1-surface-match-bg-cta-1-color);
  --componentTheme-hero-match-bg-cta-2-color: var(--theme-aux-1-surface-match-bg-cta-2-color);
  --componentTheme-hero-match-bg-fill: var(--theme-aux-1-surface-match-bg-icon);
  --componentTheme-hero-match-bg-surface: var(--theme-aux-1-surface-match-bg-surface);
  --componentTheme-hero-match-bg-text-primary: var(--theme-aux-1-surface-match-bg-text-primary);
  --componentTheme-hero-match-bg-text-secondary: var(--theme-aux-1-surface-match-bg-text-secondary);
  --componentTheme-hero-max-width: 1400px;
  --componentTheme-hero-min-width: 1200px;
  --componentTheme-hero-surface: var(--theme-aux-1-surface-match-bg-surface);
  --componentTheme-hero-text-primary: var(--theme-aux-1-surface-match-bg-text-primary);
  --componentTheme-hero-text-secondary: var(--theme-aux-1-surface-match-bg-text-secondary);
  --componentTheme-surface-cta-1-color: var(--theme-aux-1-surface-cta-1-color);
  --componentTheme-surface-cta-2-color: var(--theme-aux-1-surface-cta-2-color);
  --componentTheme-surface-icon: var(--theme-aux-1-surface-icon);
  --componentTheme-surface-surface: var(--theme-aux-1-surface-surface);
  --componentTheme-surface-text-link: var(--theme-aux-1-surface-text-link);
  --componentTheme-surface-text-link-underline: var(--theme-aux-1-surface-text-link-underline);
  --componentTheme-surface-text-primary: var(--theme-aux-1-surface-text-primary);
  --componentTheme-surface-text-secondary: var(--theme-aux-1-surface-text-secondary);
  --interactiveTheme-button-brand-action: var(--theme-aux-1-interactive-button-brand-action);
  --interactiveTheme-button-brand-action-alternate: var(--theme-aux-1-interactive-button-brand-action-alternate);
  --interactiveTheme-button-brand-action-hover: var(--theme-aux-1-interactive-button-brand-action-hover);
  --interactiveTheme-button-link-underline: var(--theme-aux-1-interactive-button-ghost-link-underline);
  --interactiveTheme-button-ghost-link: var(--theme-aux-1-interactive-button-ghost-link);
  --interactiveTheme-button-ghost-link-underline: var(--theme-aux-1-interactive-button-ghost-link-underline);
  --interactiveTheme-button-ghost-inverse-link: var(--theme-aux-1-interactive-button-ghost-inverse-link);
  --interactiveTheme-button-ghost-inverse-link-underline: var(--theme-aux-1-interactive-button-ghost-inverse-link-underline);
  --interactiveTheme-button-inverse-brand-action-alternate-inverse: var(--theme-primary-interactive-button-inverse-brand-action-alternate-inverse);
  --interactiveTheme-button-inverse-brand-action-hover-inverse: var(--theme-aux-1-interactive-button-inverse-brand-action-hover-inverse);
  --interactiveTheme-button-inverse-brand-action-inverse: var(--theme-aux-1-interactive-button-inverse-brand-action-inverse);
  --interactiveTheme-button-inverse-link-underline-inverse: var(--theme-brand-action-inverse);
  --interactiveTheme-button-tag-enabled-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --interactiveTheme-button-tag-enabled-border: var(--component-cta-color-inverse-outline-enabled-border);
  --interactiveTheme-button-tag-enabled-text: var(--component-cta-color-inverse-outline-enabled-text);
  --interactiveTheme-button-tag-focus-bg: var(--component-cta-color-inverse-outline-focus-bg);
  --interactiveTheme-button-tag-focus-border: var(--component-cta-color-inverse-outline-focus-border);
  --interactiveTheme-button-tag-focus-text: var(--component-cta-color-inverse-outline-focus-text);
  --interactiveTheme-button-tag-hover-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --interactiveTheme-button-tag-hover-border: var(--component-cta-color-inverse-outline-hover-border);
  --interactiveTheme-button-tag-hover-text: var(--component-cta-color-inverse-outline-hover-text);
  --interactiveTheme-button-tag-pressed-bg: var(--component-cta-color-inverse-outline-pressed-bg);
  --interactiveTheme-button-tag-pressed-border: var(--component-cta-color-inverse-outline-pressed-border);
  --interactiveTheme-button-tag-pressed-text: var(--component-cta-color-inverse-outline-pressed-text);
  --interactiveTheme-ratings-active: var(--theme-aux-1-interactive-ratings-active);
  --interactiveTheme-ratings-inactive: var(--theme-aux-1-interactive-ratings-inactive);
  --interactiveTheme-ratings-inverse-active: var(--theme-aux-1-interactive-ratings-inverse-active);
  --interactiveTheme-ratings-inverse-inactive: var(--theme-aux-1-interactive-ratings-inverse-inactive);
  --interactiveTheme-surface-focus: var(--theme-aux-1-interactive-surface-focus);
  --interactiveTheme-surface-hover: var(--theme-aux-1-interactive-surface-hover);
  --interactiveTheme-surface-pressed: var(--theme-aux-1-interactive-surface-pressed);
}

.ThemesAux2 {
  --componentTheme-action-bar-border: var(--theme-aux-2-interactive-action-bar-button-border);
  --componentTheme-action-bar-cta-padding: var(--padding-xsmall);
  --componentTheme-cards-match-bg-border: var(--theme-primary-surface-match-bg-border);
  --componentTheme-cards-match-bg-cta-1-color: var(--theme-aux-2-surface-match-bg-cta-1-color);
  --componentTheme-cards-match-bg-cta-2-color: var(--theme-aux-2-surface-match-bg-cta-2-color);
  --componentTheme-cards-match-bg-icon: var(--theme-aux-2-surface-match-bg-fill);
  --componentTheme-cards-match-bg-link-underline: var(--theme-aux-2-surface-text-link-underline);
  --componentTheme-cards-match-bg-surface: var(--theme-aux-2-surface-match-bg-surface);
  --componentTheme-cards-match-bg-text-hover: var(--theme-aux-2-surface-match-bg-text-hover);
  --componentTheme-cards-match-bg-text-primary: var(--theme-aux-2-surface-match-bg-text-primary);
  --componentTheme-cards-match-bg-text-secondary: var(--theme-aux-2-surface-match-bg-text-secondary);
  --componentTheme-cards-on-surface-border: var(--general-color-border-white);
  --componentTheme-cards-on-surface-border-focus: var(--theme-aux-2-surface-border-focus);
  --componentTheme-cards-on-surface-border-hover: var(--theme-aux-2-surface-border-hover);
  --componentTheme-cards-on-surface-cta-1-color: var(--theme-aux-2-surface-cta-1-color);
  --componentTheme-cards-on-surface-cta-2-color: var(--theme-aux-2-surface-cta-2-color);
  --componentTheme-cards-on-surface-icon: var(--theme-aux-2-surface-icon);
  --componentTheme-cards-on-surface-link-underline: var(--theme-aux-2-surface-text-link-underline);
  --componentTheme-cards-on-surface-ratings: var(--theme-aux-2-surface-icon);
  --componentTheme-cards-on-surface-ratings-inactive: var(--theme-aux-2-surface-icon);
  --componentTheme-cards-on-surface-surface: var(--theme-aux-2-surface-surface);
  --componentTheme-cards-on-surface-text-hover: var(--theme-aux-2-surface-text-hover);
  --componentTheme-cards-on-surface-text-primary: var(--theme-aux-2-surface-text-primary);
  --componentTheme-cards-on-surface-text-secondary: var(--theme-aux-2-surface-text-secondary);
  --componentTheme-category-on-surface-border: var(--theme-primary-surface-border);
  --componentTheme-category-on-surface-match-bg-border: var(--theme-primary-surface-match-bg-border);
  --componentTheme-content-grid-a11y-image-overlay: var(--componentTheme-content-grid-bg);
  --componentTheme-content-grid-bg: var(--theme-aux-2-bg-bg);
  --componentTheme-content-grid-bg-decor-accent: var(--theme-aux-2-bg-bg-decor-accent);
  --componentTheme-content-grid-cta-1-color: var(--theme-aux-2-bg-cta-1-color);
  --componentTheme-content-grid-cta-2-color: var(--theme-aux-2-bg-cta-2-color);
  --componentTheme-content-grid-fill: var(--theme-aux-2-bg-icon);
  --componentTheme-content-grid-text-link: var(--theme-aux-2-bg-text-link);
  --componentTheme-content-grid-text-link-underline: var(--theme-aux-2-bg-text-link-underline);
  --componentTheme-content-grid-text-primary: var(--theme-aux-2-bg-text-primary);
  --componentTheme-content-grid-text-secondary: var(--theme-aux-2-bg-text-secondary);
  --componentTheme-feature-bg: var(--theme-aux-2-bg-bg);
  --componentTheme-feature-border: var(--theme-aux-2-surface-match-bg-border);
  --componentTheme-feature-constrained-margin-left: var(--layout-base-margin-x);
  --componentTheme-feature-constrained-margin-right: var(--layout-base-margin-x);
  --componentTheme-feature-cta-1-color: var(--theme-aux-2-surface-cta-1-color);
  --componentTheme-feature-cta-2-color: var(--theme-aux-2-surface-cta-2-color);
  --componentTheme-feature-fill: var(--theme-aux-2-surface-match-bg-fill);
  --componentTheme-feature-match-bg-border: var(--theme-aux-2-surface-match-bg-border);
  --componentTheme-feature-match-bg-cta-1-color: var(--theme-aux-2-surface-match-bg-cta-1-color);
  --componentTheme-feature-match-bg-cta-2-color: var(--theme-aux-2-surface-match-bg-cta-2-color);
  --componentTheme-feature-match-bg-fill: var(--theme-aux-2-surface-match-bg-fill);
  --componentTheme-feature-match-bg-surface: var(--theme-aux-2-surface-match-bg-surface);
  --componentTheme-feature-match-bg-text-primary: var(--theme-aux-2-surface-match-bg-text-primary);
  --componentTheme-feature-match-bg-text-secondary: var(--theme-aux-2-surface-match-bg-text-secondary);
  --componentTheme-feature-surface: var(--theme-aux-2-surface-surface);
  --componentTheme-feature-text-primary: var(--theme-aux-2-surface-text-primary);
  --componentTheme-feature-text-secondary: var(--theme-aux-2-surface-text-secondary);
  --componentTheme-hero-a11y-image-overlay: var(--componentTheme-hero-bg);
  --componentTheme-hero-bg: var(--theme-aux-2-bg-bg);
  --componentTheme-hero-cta-1-color: var(--theme-aux-2-surface-match-bg-cta-1-color);
  --componentTheme-hero-cta-2-color: var(--theme-aux-2-surface-match-bg-cta-2-color);
  --componentTheme-hero-fill: var(--theme-aux-2-surface-match-bg-fill);
  --componentTheme-hero-match-bg-cta-1-color: var(--theme-aux-2-surface-match-bg-cta-1-color);
  --componentTheme-hero-match-bg-cta-2-color: var(--theme-aux-2-surface-match-bg-cta-2-color);
  --componentTheme-hero-match-bg-fill: var(--theme-aux-2-surface-match-bg-fill);
  --componentTheme-hero-match-bg-surface: var(--theme-aux-2-surface-match-bg-surface);
  --componentTheme-hero-match-bg-text-primary: var(--theme-aux-2-surface-match-bg-text-primary);
  --componentTheme-hero-match-bg-text-secondary: var(--theme-aux-2-surface-match-bg-text-secondary);
  --componentTheme-hero-max-width: 1400px;
  --componentTheme-hero-min-width: 1200px;
  --componentTheme-hero-surface: var(--theme-aux-2-surface-match-bg-surface);
  --componentTheme-hero-text-primary: var(--theme-aux-2-surface-match-bg-text-primary);
  --componentTheme-hero-text-secondary: var(--theme-aux-2-surface-match-bg-text-secondary);
  --componentTheme-surface-cta-1-color: var(--theme-aux-2-surface-cta-1-color);
  --componentTheme-surface-cta-2-color: var(--theme-aux-2-surface-cta-2-color);
  --componentTheme-surface-icon: var(--theme-aux-2-surface-icon);
  --componentTheme-surface-surface: var(--theme-aux-2-surface-surface);
  --componentTheme-surface-text-link: var(--theme-aux-2-surface-text-link);
  --componentTheme-surface-text-link-underline: var(--theme-aux-2-surface-text-link-underline);
  --componentTheme-surface-text-primary: var(--theme-aux-2-surface-text-secondary);
  --componentTheme-surface-text-secondary: var(--theme-aux-2-surface-text-secondary);
  --interactiveTheme-button-brand-action: var(--theme-aux-2-interactive-button-brand-action);
  --interactiveTheme-button-brand-action-alternate: var(--theme-aux-2-interactive-button-brand-action-alternate);
  --interactiveTheme-button-brand-action-hover: var(--theme-aux-2-interactive-button-brand-action-hover);
  --interactiveTheme-button-link-underline: var(--theme-aux-2-interactive-button-ghost-link-underline);
  --interactiveTheme-button-ghost-link: var(--theme-aux-2-interactive-button-ghost-link);
  --interactiveTheme-button-ghost-link-underline: var(--theme-aux-2-interactive-button-ghost-link-underline);
  --interactiveTheme-button-ghost-inverse-link: var(--theme-aux-2-interactive-button-ghost-inverse-link);
  --interactiveTheme-button-ghost-inverse-link-underline: var(--theme-aux-2-interactive-button-ghost-inverse-link-underline);
  --interactiveTheme-button-inverse-brand-action-alternate-inverse: var(--theme-primary-interactive-button-inverse-brand-action-alternate-inverse);
  --interactiveTheme-button-inverse-brand-action-hover-inverse: var(--theme-aux-2-interactive-button-inverse-brand-action-hover-inverse);
  --interactiveTheme-button-inverse-brand-action-inverse: var(--theme-aux-2-interactive-button-inverse-brand-action-inverse);
  --interactiveTheme-button-inverse-link-underline-inverse: var(--theme-brand-action-inverse);
  --interactiveTheme-button-tag-enabled-bg: var(--component-cta-color-inverse-outline-enabled-bg);
  --interactiveTheme-button-tag-enabled-border: var(--component-cta-color-inverse-outline-enabled-border);
  --interactiveTheme-button-tag-enabled-text: var(--component-cta-color-inverse-outline-enabled-text);
  --interactiveTheme-button-tag-focus-bg: var(--component-cta-color-inverse-outline-focus-bg);
  --interactiveTheme-button-tag-focus-border: var(--component-cta-color-inverse-outline-focus-border);
  --interactiveTheme-button-tag-focus-text: var(--component-cta-color-inverse-outline-focus-text);
  --interactiveTheme-button-tag-hover-bg: var(--component-cta-color-inverse-outline-hover-bg);
  --interactiveTheme-button-tag-hover-border: var(--component-cta-color-inverse-outline-hover-border);
  --interactiveTheme-button-tag-hover-text: var(--component-cta-color-inverse-outline-hover-text);
  --interactiveTheme-button-tag-pressed-bg: var(--component-cta-color-inverse-outline-pressed-bg);
  --interactiveTheme-button-tag-pressed-border: var(--component-cta-color-inverse-outline-pressed-border);
  --interactiveTheme-button-tag-pressed-text: var(--component-cta-color-inverse-outline-pressed-text);
  --interactiveTheme-ratings-active: var(--theme-aux-2-interactive-ratings-active);
  --interactiveTheme-ratings-inactive: var(--theme-aux-2-interactive-ratings-inactive);
  --interactiveTheme-ratings-inverse-active: var(--theme-aux-2-interactive-ratings-inverse-active);
  --interactiveTheme-ratings-inverse-inactive: var(--theme-aux-2-interactive-ratings-inverse-inactive);
  --interactiveTheme-surface-focus: var(--theme-aux-2-interactive-surface-focus);
  --interactiveTheme-surface-hover: var(--theme-aux-2-interactive-surface-hover);
  --interactiveTheme-surface-pressed: var(--theme-aux-2-interactive-surface-pressed);
}

.ThemesPrimary {
  --componentTheme-action-bar-border: var(--theme-primary-interactive-action-bar-button-border);
  --componentTheme-action-bar-cta-padding: var(--padding-none);
  --componentTheme-cards-match-bg-border: var(--theme-primary-surface-match-bg-border);
  --componentTheme-cards-match-bg-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --componentTheme-cards-match-bg-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --componentTheme-cards-match-bg-icon: var(--theme-primary-surface-match-bg-fill);
  --componentTheme-cards-match-bg-link-underline: var(--theme-primary-surface-text-link-underline);
  --componentTheme-cards-match-bg-surface: var(--theme-primary-surface-match-bg-surface);
  --componentTheme-cards-match-bg-text-hover: var(--theme-primary-surface-match-bg-text-hover);
  --componentTheme-cards-match-bg-text-primary: var(--theme-primary-surface-match-bg-text-primary);
  --componentTheme-cards-match-bg-text-secondary: var(--theme-primary-surface-match-bg-text-secondary);
  --componentTheme-cards-on-surface-border: var(--general-color-border-dark);
  --componentTheme-cards-on-surface-border-focus: var(--theme-primary-surface-border-focus);
  --componentTheme-cards-on-surface-border-hover: var(--theme-primary-surface-border-hover);
  --componentTheme-cards-on-surface-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --componentTheme-cards-on-surface-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --componentTheme-cards-on-surface-icon: var(--theme-primary-surface-icon);
  --componentTheme-cards-on-surface-link-underline: var(--theme-primary-surface-text-link-underline);
  --componentTheme-cards-on-surface-ratings: var(--theme-primary-interactive-ratings-active);
  --componentTheme-cards-on-surface-ratings-inactive: var(--theme-secondary-interactive-ratings-inactive);
  --componentTheme-cards-on-surface-surface: var(--theme-primary-surface-surface);
  --componentTheme-cards-on-surface-text-hover: var(--theme-primary-surface-text-hover);
  --componentTheme-cards-on-surface-text-primary: var(--theme-primary-surface-text-primary);
  --componentTheme-cards-on-surface-text-secondary: var(--theme-primary-surface-text-secondary);
  --componentTheme-category-on-surface-border: var(--theme-primary-surface-border);
  --componentTheme-category-on-surface-match-bg-border: var(--theme-primary-surface-match-bg-border);
  --componentTheme-content-grid-a11y-image-overlay: var(--componentTheme-content-grid-bg);
  --componentTheme-content-grid-bg: var(--theme-primary-bg-bg);
  --componentTheme-content-grid-bg-decor-accent: var(--theme-primary-bg-bg-decor-accent);
  --componentTheme-content-grid-cta-1-color: var(--theme-primary-bg-cta-1-color);
  --componentTheme-content-grid-cta-2-color: var(--theme-primary-bg-cta-2-color);
  --componentTheme-content-grid-fill: var(--theme-primary-bg-icon);
  --componentTheme-content-grid-text-link: var(--theme-primary-bg-text-link);
  --componentTheme-content-grid-text-link-underline: var(--theme-primary-bg-text-link-underline);
  --componentTheme-content-grid-text-primary: var(--theme-primary-bg-text-primary);
  --componentTheme-content-grid-text-secondary: var(--theme-primary-bg-text-secondary);
  --componentTheme-feature-bg: var(--theme-primary-bg-bg);
  --componentTheme-feature-border: var(--theme-primary-surface-border);
  --componentTheme-feature-constrained-margin-left: var(--width-component-feature-constrained-margin-x);
  --componentTheme-feature-constrained-margin-right: var(--width-component-feature-constrained-margin-x);
  --componentTheme-feature-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --componentTheme-feature-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --componentTheme-feature-fill: var(--theme-primary-surface-icon);
  --componentTheme-feature-match-bg-border: var(--theme-primary-surface-match-bg-border);
  --componentTheme-feature-match-bg-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --componentTheme-feature-match-bg-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --componentTheme-feature-match-bg-fill: var(--theme-primary-surface-match-bg-fill);
  --componentTheme-feature-match-bg-surface: var(--theme-primary-surface-match-bg-surface);
  --componentTheme-feature-match-bg-text-primary: var(--theme-primary-surface-match-bg-text-primary);
  --componentTheme-feature-match-bg-text-secondary: var(--theme-primary-surface-match-bg-text-secondary);
  --componentTheme-feature-surface: var(--theme-primary-surface-surface);
  --componentTheme-feature-text-primary: var(--theme-primary-surface-text-primary);
  --componentTheme-feature-text-secondary: var(--theme-primary-surface-text-secondary);
  --componentTheme-hero-a11y-image-overlay: var(--componentTheme-hero-bg);
  --componentTheme-hero-bg: var(--theme-primary-bg-bg);
  --componentTheme-hero-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --componentTheme-hero-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --componentTheme-hero-fill: var(--theme-primary-surface-icon);
  --componentTheme-hero-match-bg-cta-1-color: var(--theme-primary-surface-match-bg-cta-1-color);
  --componentTheme-hero-match-bg-cta-2-color: var(--theme-primary-surface-match-bg-cta-2-color);
  --componentTheme-hero-match-bg-fill: var(--theme-primary-surface-match-bg-fill);
  --componentTheme-hero-match-bg-surface: var(--theme-primary-surface-match-bg-surface);
  --componentTheme-hero-match-bg-text-primary: var(--theme-primary-surface-match-bg-text-primary);
  --componentTheme-hero-match-bg-text-secondary: var(--theme-primary-surface-match-bg-text-secondary);
  --componentTheme-hero-max-width: 1400px;
  --componentTheme-hero-min-width: 1200px;
  --componentTheme-hero-surface: var(--theme-primary-surface-surface);
  --componentTheme-hero-text-primary: var(--theme-primary-surface-text-primary);
  --componentTheme-hero-text-secondary: var(--theme-primary-surface-text-secondary);
  --componentTheme-surface-cta-1-color: var(--theme-primary-surface-cta-1-color);
  --componentTheme-surface-cta-2-color: var(--theme-primary-surface-cta-2-color);
  --componentTheme-surface-icon: var(--theme-primary-surface-icon);
  --componentTheme-surface-surface: var(--theme-primary-surface-surface);
  --componentTheme-surface-text-link: var(--theme-primary-surface-text-link);
  --componentTheme-surface-text-link-underline: var(--theme-primary-surface-text-link-underline);
  --componentTheme-surface-text-primary: var(--theme-primary-surface-text-primary);
  --componentTheme-surface-text-secondary: var(--theme-primary-surface-text-secondary);
  --interactiveTheme-button-brand-action: var(--theme-primary-interactive-button-brand-action);
  --interactiveTheme-button-brand-action-alternate: var(--theme-primary-interactive-button-brand-action-alternate);
  --interactiveTheme-button-brand-action-hover: var(--theme-primary-interactive-button-brand-action-hover);
  --interactiveTheme-button-link-underline: var(--theme-primary-interactive-button-ghost-link-underline);
  --interactiveTheme-button-ghost-link: var(--theme-primary-interactive-button-ghost-link);
  --interactiveTheme-button-ghost-link-underline: var(--theme-primary-interactive-button-ghost-link-underline);
  --interactiveTheme-button-ghost-inverse-link: var(--theme-primary-interactive-button-ghost-inverse-link);
  --interactiveTheme-button-ghost-inverse-link-underline: var(--theme-primary-interactive-button-ghost-inverse-link-underline);
  --interactiveTheme-button-inverse-brand-action-alternate-inverse: var(--theme-primary-interactive-button-inverse-brand-action-alternate-inverse);
  --interactiveTheme-button-inverse-brand-action-hover-inverse: var(--theme-primary-interactive-button-inverse-brand-action-hover-inverse);
  --interactiveTheme-button-inverse-brand-action-inverse: var(--theme-primary-interactive-button-inverse-brand-action-inverse);
  --interactiveTheme-button-inverse-link-underline-inverse: var(--theme-brand-action-inverse);
  --interactiveTheme-button-tag-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --interactiveTheme-button-tag-enabled-border: var(--component-cta-color-brand-outline-enabled-border);
  --interactiveTheme-button-tag-enabled-text: var(--component-cta-color-brand-outline-enabled-text);
  --interactiveTheme-button-tag-focus-bg: var(--component-cta-color-brand-outline-focus-bg);
  --interactiveTheme-button-tag-focus-border: var(--component-cta-color-brand-outline-focus-border);
  --interactiveTheme-button-tag-focus-text: var(--component-cta-color-brand-outline-focus-text);
  --interactiveTheme-button-tag-hover-bg: var(--component-cta-color-brand-outline-hover-bg);
  --interactiveTheme-button-tag-hover-border: var(--component-cta-color-brand-outline-hover-border);
  --interactiveTheme-button-tag-hover-text: var(--component-cta-color-brand-outline-hover-text);
  --interactiveTheme-button-tag-pressed-bg: var(--component-cta-color-brand-outline-pressed-bg);
  --interactiveTheme-button-tag-pressed-border: var(--component-cta-color-brand-outline-pressed-border);
  --interactiveTheme-button-tag-pressed-text: var(--component-cta-color-brand-outline-pressed-text);
  --interactiveTheme-ratings-active: var(--theme-primary-interactive-ratings-active);
  --interactiveTheme-ratings-inactive: var(--theme-primary-interactive-ratings-inactive);
  --interactiveTheme-ratings-inverse-active: var(--theme-primary-interactive-ratings-inverse-active);
  --interactiveTheme-ratings-inverse-inactive: var(--theme-primary-interactive-ratings-inverse-inactive);
  --interactiveTheme-surface-focus: var(--theme-primary-interactive-surface-focus);
  --interactiveTheme-surface-hover: var(--theme-primary-interactive-surface-hover);
  --interactiveTheme-surface-pressed: var(--theme-primary-interactive-surface-pressed);
}

.ThemesSecondary {
  --componentTheme-action-bar-border: var(--theme-secondary-interactive-action-bar-button-border);
  --componentTheme-action-bar-cta-padding: var(--padding-xsmall);
  --componentTheme-cards-match-bg-border: var(--theme-primary-surface-match-bg-border);
  --componentTheme-cards-match-bg-cta-1-color: var(--theme-secondary-surface-match-bg-cta-1-color);
  --componentTheme-cards-match-bg-cta-2-color: var(--theme-secondary-surface-match-bg-cta-2-color);
  --componentTheme-cards-match-bg-icon: var(--theme-secondary-surface-match-bg-fill);
  --componentTheme-cards-match-bg-link-underline: var(--theme-secondary-surface-text-link-underline);
  --componentTheme-cards-match-bg-surface: var(--theme-secondary-surface-match-bg-surface);
  --componentTheme-cards-match-bg-text-hover: var(--theme-secondary-surface-match-bg-text-hover);
  --componentTheme-cards-match-bg-text-primary: var(--theme-secondary-surface-match-bg-text-primary);
  --componentTheme-cards-match-bg-text-secondary: var(--theme-secondary-surface-match-bg-text-secondary);
  --componentTheme-cards-on-surface-border: var(--general-color-border-white);
  --componentTheme-cards-on-surface-border-focus: var(--theme-secondary-surface-border-focus);
  --componentTheme-cards-on-surface-border-hover: var(--theme-secondary-surface-border-hover);
  --componentTheme-cards-on-surface-cta-1-color: var(--theme-secondary-surface-cta-1-color);
  --componentTheme-cards-on-surface-cta-2-color: var(--theme-secondary-surface-cta-2-color);
  --componentTheme-cards-on-surface-icon: var(--theme-secondary-surface-icon);
  --componentTheme-cards-on-surface-link-underline: var(--theme-secondary-surface-text-link-underline);
  --componentTheme-cards-on-surface-ratings: var(--theme-secondary-surface-icon);
  --componentTheme-cards-on-surface-ratings-inactive: var(--theme-secondary-surface-icon);
  --componentTheme-cards-on-surface-surface: var(--theme-secondary-surface-surface);
  --componentTheme-cards-on-surface-text-hover: var(--theme-secondary-surface-text-hover);
  --componentTheme-cards-on-surface-text-primary: var(--theme-secondary-surface-text-primary);
  --componentTheme-cards-on-surface-text-secondary: var(--theme-secondary-surface-text-secondary);
  --componentTheme-category-on-surface-border: var(--theme-primary-surface-match-bg-border);
  --componentTheme-category-on-surface-match-bg-border: var(--theme-primary-surface-match-bg-border);
  --componentTheme-content-grid-a11y-image-overlay: var(--componentTheme-content-grid-bg);
  --componentTheme-content-grid-bg: var(--theme-secondary-bg-bg);
  --componentTheme-content-grid-bg-decor-accent: var(--theme-secondary-bg-bg-decor-accent);
  --componentTheme-content-grid-cta-1-color: var(--theme-secondary-bg-cta-1-color);
  --componentTheme-content-grid-cta-2-color: var(--theme-secondary-bg-cta-2-color);
  --componentTheme-content-grid-fill: var(--theme-secondary-bg-icon);
  --componentTheme-content-grid-text-link: var(--theme-secondary-bg-text-link);
  --componentTheme-content-grid-text-link-underline: var(--theme-secondary-bg-text-link-underline);
  --componentTheme-content-grid-text-primary: var(--theme-secondary-bg-text-primary);
  --componentTheme-content-grid-text-secondary: var(--theme-secondary-bg-text-secondary);
  --componentTheme-feature-bg: var(--theme-secondary-bg-bg);
  --componentTheme-feature-border: var(--theme-secondary-surface-border);
  --componentTheme-feature-constrained-margin-left: var(--layout-base-margin-x);
  --componentTheme-feature-constrained-margin-right: var(--layout-base-margin-x);
  --componentTheme-feature-cta-1-color: var(--theme-secondary-surface-cta-1-color);
  --componentTheme-feature-cta-2-color: var(--theme-secondary-surface-cta-2-color);
  --componentTheme-feature-fill: var(--theme-secondary-surface-icon);
  --componentTheme-feature-match-bg-border: var(--theme-secondary-surface-border);
  --componentTheme-feature-match-bg-cta-1-color: var(--theme-secondary-surface-match-bg-cta-1-color);
  --componentTheme-feature-match-bg-cta-2-color: var(--theme-secondary-surface-match-bg-cta-2-color);
  --componentTheme-feature-match-bg-fill: var(--theme-secondary-surface-icon);
  --componentTheme-feature-match-bg-surface: var(--theme-secondary-surface-match-bg-surface);
  --componentTheme-feature-match-bg-text-primary: var(--theme-secondary-surface-match-bg-text-primary);
  --componentTheme-feature-match-bg-text-secondary: var(--theme-secondary-surface-match-bg-text-secondary);
  --componentTheme-feature-surface: var(--theme-secondary-surface-surface);
  --componentTheme-feature-text-primary: var(--general-color-text-darkest);
  --componentTheme-feature-text-secondary: var(--general-color-text-dark);
  --componentTheme-hero-a11y-image-overlay: var(--componentTheme-hero-bg);
  --componentTheme-hero-bg: var(--theme-secondary-bg-bg);
  --componentTheme-hero-cta-1-color: var(--theme-secondary-surface-cta-1-color);
  --componentTheme-hero-cta-2-color: var(--theme-secondary-surface-cta-2-color);
  --componentTheme-hero-fill: var(--theme-secondary-surface-icon);
  --componentTheme-hero-match-bg-cta-1-color: var(--theme-secondary-surface-match-bg-cta-1-color);
  --componentTheme-hero-match-bg-cta-2-color: var(--theme-secondary-surface-match-bg-cta-2-color);
  --componentTheme-hero-match-bg-fill: var(--theme-secondary-surface-match-bg-fill);
  --componentTheme-hero-match-bg-surface: var(--theme-secondary-surface-match-bg-surface);
  --componentTheme-hero-match-bg-text-primary: var(--theme-secondary-surface-match-bg-text-primary);
  --componentTheme-hero-match-bg-text-secondary: var(--theme-secondary-surface-match-bg-text-secondary);
  --componentTheme-hero-max-width: 1400px;
  --componentTheme-hero-min-width: 1200px;
  --componentTheme-hero-surface: var(--theme-secondary-surface-surface);
  --componentTheme-hero-text-primary: var(--theme-secondary-surface-text-primary);
  --componentTheme-hero-text-secondary: var(--theme-secondary-surface-text-secondary);
  --componentTheme-surface-cta-1-color: var(--theme-secondary-surface-cta-1-color);
  --componentTheme-surface-cta-2-color: var(--theme-secondary-surface-cta-2-color);
  --componentTheme-surface-icon: var(--theme-secondary-surface-icon);
  --componentTheme-surface-surface: var(--theme-secondary-surface-surface);
  --componentTheme-surface-text-link: var(--theme-secondary-surface-text-link);
  --componentTheme-surface-text-link-underline: var(--theme-secondary-surface-text-link-underline);
  --componentTheme-surface-text-primary: var(--theme-secondary-surface-text-primary);
  --componentTheme-surface-text-secondary: var(--theme-secondary-surface-text-secondary);
  --interactiveTheme-button-brand-action: var(--theme-secondary-interactive-button-brand-action);
  --interactiveTheme-button-brand-action-alternate: var(--theme-secondary-interactive-button-brand-action-alternate);
  --interactiveTheme-button-brand-action-hover: var(--theme-secondary-interactive-button-brand-action-hover);
  --interactiveTheme-button-link-underline: var(--theme-secondary-interactive-button-ghost-link-underline);
  --interactiveTheme-button-ghost-link: var(--theme-secondary-interactive-button-ghost-link);
  --interactiveTheme-button-ghost-link-underline: var(--theme-secondary-interactive-button-ghost-link-underline);
  --interactiveTheme-button-ghost-inverse-link: var(--theme-secondary-interactive-button-ghost-inverse-link);
  --interactiveTheme-button-ghost-inverse-link-underline: var(--theme-secondary-interactive-button-ghost-inverse-link-underline);
  --interactiveTheme-button-inverse-brand-action-alternate-inverse: var(--theme-secondary-interactive-button-inverse-brand-action-alternate-inverse);
  --interactiveTheme-button-inverse-brand-action-hover-inverse: var(--theme-secondary-interactive-button-inverse-brand-action-hover-inverse);
  --interactiveTheme-button-inverse-brand-action-inverse: var(--theme-secondary-interactive-button-inverse-brand-action-inverse);
  --interactiveTheme-button-inverse-link-underline-inverse: var(--theme-brand-action-inverse);
  --interactiveTheme-button-tag-enabled-bg: var(--component-cta-color-brand-outline-enabled-bg);
  --interactiveTheme-button-tag-enabled-border: var(--component-cta-color-brand-outline-enabled-border);
  --interactiveTheme-button-tag-enabled-text: var(--component-cta-color-brand-outline-enabled-text);
  --interactiveTheme-button-tag-focus-bg: var(--component-cta-color-brand-outline-focus-bg);
  --interactiveTheme-button-tag-focus-border: var(--component-cta-color-brand-outline-focus-border);
  --interactiveTheme-button-tag-focus-text: var(--component-cta-color-on-bg-default-outline-focus-text);
  --interactiveTheme-button-tag-hover-bg: var(--component-cta-color-brand-outline-hover-bg);
  --interactiveTheme-button-tag-hover-border: var(--component-cta-color-brand-outline-hover-border);
  --interactiveTheme-button-tag-hover-text: var(--component-cta-color-brand-outline-hover-text);
  --interactiveTheme-button-tag-pressed-bg: var(--component-cta-color-brand-outline-pressed-bg);
  --interactiveTheme-button-tag-pressed-border: var(--component-cta-color-brand-outline-pressed-border);
  --interactiveTheme-button-tag-pressed-text: var(--component-cta-color-brand-outline-pressed-text);
  --interactiveTheme-ratings-active: var(--theme-secondary-interactive-ratings-active);
  --interactiveTheme-ratings-inactive: var(--theme-secondary-interactive-ratings-inactive);
  --interactiveTheme-ratings-inverse-active: var(--theme-secondary-interactive-ratings-inverse-active);
  --interactiveTheme-ratings-inverse-inactive: var(--theme-secondary-interactive-ratings-inverse-inactive);
  --interactiveTheme-surface-focus: var(--theme-secondary-interactive-surface-focus);
  --interactiveTheme-surface-hover: var(--theme-secondary-interactive-surface-hover);
  --interactiveTheme-surface-pressed: var(--theme-secondary-interactive-surface-pressed);
}

.__className_f2a7cb {
  font-family:
    Bitter,
    Bitter Fallback;
  font-style: normal;
}

.__variable_f2a7cb {
  --font-bitter: "Bitter", "Bitter Fallback";
}

.__className_d71f5b {
  font-family:
    Lexend,
    Lexend Fallback;
  font-style: normal;
}

.__variable_d71f5b {
  --font-lexend: "Lexend", "Lexend Fallback";
}

.__className_523b35 {
  font-family:
    Jost,
    Jost Fallback;
  font-style: normal;
}

.__variable_523b35 {
  --font-jost: "Jost", "Jost Fallback";
}

.__className_087bc8 {
  font-family:
    Agbalumo,
    Agbalumo Fallback;
  font-weight: 400;
  font-style: normal;
}

.__variable_087bc8 {
  --font-agbalumo: "Agbalumo", "Agbalumo Fallback";
}

.__className_b9ed4d {
  font-family:
    Montserrat,
    Montserrat Fallback;
  font-style: normal;
}

.__variable_b9ed4d {
  --font-montserrat: "Montserrat", "Montserrat Fallback";
}

.__className_a3fa16 {
  font-family:
    Roboto Slab,
    Roboto Slab Fallback;
  font-style: normal;
}

.__variable_a3fa16 {
  --font-roboto-slab: "Roboto Slab", "Roboto Slab Fallback";
}

.__className_3d3a3c {
  font-family:
    Poppins,
    Poppins Fallback;
  font-style: normal;
}

.__variable_3d3a3c {
  --font-poppins: "Poppins", "Poppins Fallback";
}

.__className_f0b2ec {
  font-family:
    Roboto,
    Roboto Fallback;
  font-style: normal;
}

.__variable_f0b2ec {
  --font-roboto: "Roboto", "Roboto Fallback";
}

.__className_4b99f3 {
  font-family:
    Galada,
    Galada Fallback;
  font-weight: 400;
  font-style: normal;
}

.__variable_4b99f3 {
  --font-galada: "Galada", "Galada Fallback";
}

.__className_47a102 {
  font-family:
    Lato,
    Lato Fallback;
  font-style: normal;
}

.__variable_47a102 {
  --font-lato: "Lato", "Lato Fallback";
}

.__className_9a03ec {
  font-family:
    Zilla Slab,
    Zilla Slab Fallback;
  font-style: normal;
}

.__variable_9a03ec {
  --font-zilla-slab: "Zilla Slab", "Zilla Slab Fallback";
}

.__className_f3d8ed {
  font-family:
    Slackey,
    Slackey Fallback;
  font-weight: 400;
  font-style: normal;
}

.__variable_f3d8ed {
  --font-slackey: "Slackey", "Slackey Fallback";
}

.__className_b36659 {
  font-family:
    Lora,
    Lora Fallback;
  font-style: normal;
}

.__variable_b36659 {
  --font-lora: "Lora", "Lora Fallback";
}

.__className_6f32cb {
  font-family:
    Poppins,
    Poppins Fallback;
  font-style: normal;
}

.__variable_6f32cb {
  --font-poppins: "Poppins", "Poppins Fallback";
}

.__className_b68c9b {
  font-family:
    Oswald,
    Oswald Fallback;
  font-style: normal;
}

.__variable_b68c9b {
  --font-oswald: "Oswald", "Oswald Fallback";
}

.__className_e9b2a8 {
  font-family:
    Boogaloo,
    Boogaloo Fallback;
  font-weight: 400;
  font-style: normal;
}

.__variable_e9b2a8 {
  --font-boogaloo: "Boogaloo", "Boogaloo Fallback";
}

.__className_f98467 {
  font-family:
    Yellowtail,
    Yellowtail Fallback;
  font-weight: 400;
  font-style: normal;
}

.__variable_f98467 {
  --font-yellowtail: "Yellowtail", "Yellowtail Fallback";
}

.__className_cae096 {
  font-family:
    Noto Sans,
    Noto Sans Fallback;
  font-style: normal;
}

.__variable_cae096 {
  --font-noto-sans: "Noto Sans", "Noto Sans Fallback";
}

/* Copyright 2017 The Chromium Authors
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

a {
  color: var(--link-color);
}

.module-corp-header {
  --background-color: #fff;
  --error-code-color: var(--google-gray-700);
  --google-blue-50: rgb(232, 240, 254);
  --google-blue-100: rgb(210, 227, 252);
  --google-blue-300: rgb(138, 180, 248);
  --google-blue-600: rgb(26, 115, 232);
  --google-blue-700: rgb(25, 103, 210);
  --google-gray-100: rgb(241, 243, 244);
  --google-gray-300: rgb(218, 220, 224);
  --google-gray-500: rgb(154, 160, 166);
  --google-gray-50: rgb(248, 249, 250);
  --google-gray-600: rgb(128, 134, 139);
  --google-gray-700: rgb(95, 99, 104);
  --google-gray-800: rgb(60, 64, 67);
  --google-gray-900: rgb(32, 33, 36);
  --heading-color: var(--google-gray-900);
  --link-color: rgb(88, 88, 88);
  --primary-button-fill-color-active: var(--google-blue-700);
  --primary-button-fill-color: var(--google-blue-600);
  --primary-button-text-color: #fff;
  --quiet-background-color: rgb(247, 247, 247);
  --secondary-button-border-color: var(--google-gray-500);
  --secondary-button-fill-color: #fff;
  --secondary-button-hover-border-color: var(--google-gray-600);
  --secondary-button-hover-fill-color: var(--google-gray-50);
  --secondary-button-text-color: var(--google-gray-700);
  --small-link-color: var(--google-gray-700);
  --text-color: var(--google-gray-700);
  background: var(--background-color);
  color: var(--text-color);
  word-wrap: break-word;
}

.nav-wrapper .secondary-button {
  background: var(--secondary-button-fill-color);
  border: 1px solid var(--secondary-button-border-color);
  color: var(--secondary-button-text-color);
  float: none;
  margin: 0;
  padding: 8px 16px;
}

.hidden {
  display: none;
}

html {
  -webkit-text-size-adjust: 100%;
  font-size: 125%;
}

.icon {
  background-repeat: no-repeat;
  background-size: 100%;
}

@media (prefers-color-scheme: dark) {
  .module-corp-header {
    --background-color: var(--google-gray-900);
    --error-code-color: var(--google-gray-500);
    --heading-color: var(--google-gray-500);
    --link-color: var(--google-blue-300);
    --primary-button-fill-color-active: rgb(129, 162, 208);
    --primary-button-fill-color: var(--google-blue-300);
    --primary-button-text-color: var(--google-gray-900);
    --quiet-background-color: var(--background-color);
    --secondary-button-border-color: var(--google-gray-700);
    --secondary-button-fill-color: var(--google-gray-900);
    --secondary-button-hover-fill-color: rgb(48, 51, 57);
    --secondary-button-text-color: var(--google-blue-300);
    --small-link-color: var(--google-blue-300);
    --text-color: var(--google-gray-500);
  }
}

/* Copyright 2014 The Chromium Authors
   Use of this source code is governed by a BSD-style license that can be
   found in the LICENSE file. */

button {
  border: 0;
  border-radius: 20px;
  box-sizing: border-box;
  color: var(--primary-button-text-color);
  cursor: pointer;
  float: right;
  font-size: 0.875em;
  margin: 0;
  padding: 8px 16px;
  transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
  user-select: none;
}

[dir="rtl"] button {
  float: left;
}

.bad-clock button,
.captive-portal button,
.https-only button,
.insecure-form button,
.lookalike-url button,
.main-frame-blocked button,
.neterror button,
.pdf button,
.ssl button,
.enterprise-block button,
.enterprise-warn button,
.managed-profile-required button,
.safe-browsing-billing button,
.supervised-user-verify button,
.supervised-user-verify-subframe button {
  background: var(--primary-button-fill-color);
}

button:active {
  background: var(--primary-button-fill-color-active);
  outline: 0;
}

#debugging {
  display: inline;
  overflow: auto;
}

.debugging-content {
  line-height: 1em;
  margin-bottom: 0;
  margin-top: 1em;
}

.debugging-content-fixed-width {
  display: block;
  font-family: monospace;
  font-size: 1.2em;
  margin-top: 0.5em;
}

.debugging-title {
  font-weight: bold;
}

#details {
  margin: 0 0 50px;
}

#details p:not(:first-of-type) {
  margin-top: 20px;
}

.secondary-button:active {
  border-color: white;
  box-shadow:
    0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 2px 6px 2px rgba(60, 64, 67, 0.15);
}

.secondary-button:hover {
  background: var(--secondary-button-hover-fill-color);
  border-color: var(--secondary-button-hover-border-color);
  text-decoration: none;
}

.error-code {
  color: var(--error-code-color);
  font-size: 0.8em;
  margin-top: 12px;
  text-transform: uppercase;
}

#error-debugging-info {
  font-size: 0.8em;
}

h1 {
  color: var(--heading-color);
  font-size: 1.6em;
  font-weight: normal;
  line-height: 1.25em;
  margin-bottom: 16px;
}

h2 {
  font-size: 1.2em;
  font-weight: normal;
}

.icon {
  height: 72px;
  margin: 0 0 40px;
  width: 72px;
}

input[type="checkbox"] {
  opacity: 0;
}

input[type="checkbox"]:focus ~ .checkbox::after {
  outline: -webkit-focus-ring-color auto 5px;
}

.interstitial-wrapper {
  box-sizing: border-box;
  font-size: 1em;
  line-height: 1.6em;
  margin: 14vh auto 0;
  max-width: 600px;
  width: 100%;
}

#main-message > p {
  display: inline;
}

#extended-reporting-opt-in {
  font-size: 0.875em;
  margin-top: 32px;
}

#extended-reporting-opt-in label {
  display: grid;
  grid-template-columns: 1.8em 1fr;
  position: relative;
}

#enhanced-protection-message {
  border-radius: 20px;
  font-size: 1em;
  margin-top: 32px;
  padding: 10px 5px;
}

#enhanced-protection-message a {
  color: var(--google-red-10);
}

#enhanced-protection-message label {
  display: grid;
  grid-template-columns: 2.5em 1fr;
  position: relative;
}

#enhanced-protection-message div {
  margin: 0.5em;
}

#enhanced-protection-message .icon {
  height: 1.5em;
  vertical-align: middle;
  width: 1.5em;
}

.nav-wrapper {
  margin-top: 51px;
}

.nav-wrapper::after {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}

.small-link {
  color: var(--small-link-color);
  font-size: 0.875em;
}

.checkboxes {
  flex: 0 0 24px;
}

.checkbox {
  --padding: 0.9em;
  background: transparent;
  display: block;
  height: 1em;
  left: -1em;
  padding-inline-start: var(--padding);
  position: absolute;
  right: 0;
  top: -0.5em;
  width: 1em;
}

.checkbox::after {
  border: 1px solid white;
  border-radius: 2px;
  content: "";
  height: 1em;
  left: var(--padding);
  position: absolute;
  top: var(--padding);
  width: 1em;
}

.checkbox::before {
  background: transparent;
  border: 2px solid white;
  border-inline-end-width: 0;
  border-top-width: 0;
  content: "";
  height: 0.2em;
  left: calc(0.3em + var(--padding));
  opacity: 0;
  position: absolute;
  top: calc(0.3em + var(--padding));
  transform: rotate(-45deg);
  width: 0.5em;
}

input[type="checkbox"]:checked ~ .checkbox::before {
  opacity: 1;
}

@media (max-width: 700px) {
  .interstitial-wrapper {
    padding: 0 10%;
  }

  #error-debugging-info {
    overflow: auto;
  }
}

@media (max-width: 420px) {
  button,
  [dir="rtl"] button,
  .small-link {
    float: none;
    font-size: 0.825em;
    font-weight: 500;
    margin: 0;
    width: 100%;
  }

  button {
    padding: 16px 24px;
  }

  #details {
    margin: 20px 0 20px 0;
  }

  #details p:not(:first-of-type) {
    margin-top: 10px;
  }

  .secondary-button:not(.hidden) {
    display: block;
    margin-top: 20px;
    text-align: center;
    width: 100%;
  }

  .interstitial-wrapper {
    padding: 0 5%;
  }

  #extended-reporting-opt-in {
    margin-top: 24px;
  }

  #enhanced-protection-message {
    margin-top: 24px;
  }

  .nav-wrapper {
    margin-top: 30px;
  }
}

/**
 * Mobile specific styling.
 * Navigation buttons are anchored to the bottom of the screen.
 * Details message replaces the top content in its own scrollable area.
 */

@media (max-width: 420px) {
  .nav-wrapper .secondary-button {
    border: 0;
    margin: 16px 0 0;
    margin-inline-end: 0;
    padding-bottom: 16px;
    padding-top: 16px;
  }
}

/* Fixed nav. */
@media (min-width: 240px) and (max-width: 420px) and (min-height: 401px), (min-width: 421px) and (min-height: 240px) and (max-height: 560px) {
  .module-corp-header .nav-wrapper {
    background: var(--background-color);
    bottom: 0;
    box-shadow: 0 -12px 24px var(--background-color);
    left: 0;
    margin: 0 auto;
    max-width: 736px;
    padding-inline-end: 24px;
    padding-inline-start: 24px;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 2;
  }

  .interstitial-wrapper {
    max-width: 736px;
  }

  #details,
  #main-content {
    padding-bottom: 40px;
  }

  #details {
    padding-top: 5.5vh;
  }

  button.small-link {
    color: var(--google-blue-600);
  }
}

@media (max-width: 420px) and (orientation: portrait), (max-height: 560px) {
  .module-corp-header {
    margin: 0 auto;
  }

  button,
  [dir="rtl"] button,
  button.small-link,
  .nav-wrapper .secondary-button {
    font-family: Roboto-Regular, Helvetica;
    font-size: 0.933em;
    margin: 0px 0;
    transform: translatez(0);
  }

  .nav-wrapper {
    box-sizing: border-box;
    padding-bottom: 8px;
    width: 100%;
  }

  #details {
    box-sizing: border-box;
    height: auto;
    margin: 0;
    opacity: 1;
    transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  #details.hidden,
  #main-content.hidden {
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding-bottom: 0;
    transition: none;
  }

  h1 {
    font-size: 1.5em;
    margin-bottom: 8px;
  }

  .icon {
    margin-bottom: 5.69vh;
  }

  .interstitial-wrapper {
    box-sizing: border-box;
    margin: 7vh auto 12px;
    padding: 0 24px;
    position: relative;
  }

  .interstitial-wrapper p {
    font-size: 0.95em;
    line-height: 1.61em;
    margin-top: 8px;
  }

  #main-content {
    margin: 0;
    transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  .small-link {
    border: 0;
  }

  .suggested-left > #control-buttons,
  .suggested-right > #control-buttons {
    float: none;
    margin: 0;
  }
}

@media (min-width: 421px) and (min-height: 500px) and (max-height: 560px) {
  .interstitial-wrapper {
    margin-top: 10vh;
  }
}

@media (min-height: 400px) and (orientation: portrait) {
  .interstitial-wrapper {
    margin-bottom: 145px;
  }
}

@media (min-height: 299px) {
  .nav-wrapper {
    padding-bottom: 16px;
  }
}

@media (max-height: 560px) and (min-height: 240px) and (orientation: landscape) {
  .extended-reporting-has-checkbox #details {
    padding-bottom: 80px;
  }
}

@media (min-height: 500px) and (max-height: 650px) and (max-width: 414px) and (orientation: portrait) {
  .interstitial-wrapper {
    margin-top: 7vh;
  }
}

@media (min-height: 650px) and (max-width: 414px) and (orientation: portrait) {
  .interstitial-wrapper {
    margin-top: 10vh;
  }
}

/* Small mobile screens. No fixed nav. */
@media (max-height: 400px) and (orientation: portrait), (max-height: 239px) and (orientation: landscape), (max-width: 419px) and (max-height: 399px) {
  .interstitial-wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
  }

  #details {
    flex: 1 1 auto;
    order: 0;
  }

  #main-content {
    flex: 1 1 auto;
    order: 0;
  }

  .nav-wrapper {
    flex: 0 1 auto;
    margin-top: 8px;
    order: 1;
    padding-inline-end: 0;
    padding-inline-start: 0;
    position: relative;
    width: 100%;
  }

  button,
  .nav-wrapper .secondary-button {
    padding: 16px 24px;
  }

  button.small-link {
    color: var(--google-blue-600);
  }
}

@media (max-width: 239px) and (orientation: portrait) {
  .nav-wrapper {
    padding-inline-end: 0;
    padding-inline-start: 0;
  }
}

/* Copyright 2013 The Chromium Authors
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

/* Don't use the main frame div when the error is in a subframe. */
html[subframe] #main-frame-error {
  display: none;
}

/* Don't use the subframe error div when the error is in a main frame. */
html:not([subframe]) #sub-frame-error {
  display: none;
}

h1 {
  margin-top: 0;
  word-wrap: break-word;
}

h1 span {
  font-weight: 500;
}

a {
  text-decoration: none;
}

.icon {
  -webkit-user-select: none;
  display: inline-block;
}

.icon-generic {
  /* Can't access chrome://theme/IDR_ERROR_NETWORK_GENERIC from an untrusted
   * renderer process, so embed the resource manually. */
  content: image-set(
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIAQMAAABvIyEEAAAABlBMVEUAAABTU1OoaSf/AAAAAXRSTlMAQObYZgAAAENJREFUeF7tzbEJACEQRNGBLeAasBCza2lLEGx0CxFGG9hBMDDxRy/72O9FMnIFapGylsu1fgoBdkXfUHLrQgdfrlJN1BdYBjQQm3UAAAAASUVORK5CYII=)
      1x,
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQAQMAAADdiHD7AAAABlBMVEUAAABTU1OoaSf/AAAAAXRSTlMAQObYZgAAAFJJREFUeF7t0cENgDAMQ9FwYgxG6WjpaIzCCAxQxVggFuDiCvlLOeRdHR9yzjncHVoq3npu+wQUrUuJHylSTmBaespJyJQoObUeyxDQb3bEm5Au81c0pSCD8HYAAAAASUVORK5CYII=)
      2x
  );
}

.icon-info {
  content: image-set(
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAB21JREFUeAHtXF1IHFcU9ie2bovECqWxeWyLjRH60BYpKZHYpoFCU60/xKCt5ME3QaSpT6WUPElCEXyTUpIojfgTUwshNpBgqZVQ86hGktdgSsFGQqr1t9+nd2WZPefO7LjrzjYzcJmZc8495zvf3Ll3Zu+dzcoKt5CBkIGQgZCBkIFMZSB7r4G3tLS8sLCw8D7ivo1Ssrm5WYL9AZSC7OzsAuyzIHuCHcsjyOawZ7lbVFT0W09Pzz843rNtTwhqaGh4ZXV1tQFZfYZSDgKe85MhyFpBvTsoV/Py8q5g+9OPn0TqpJSgurq6CpBxFuUEQO1LBJgH2zUQdgPlwuDg4LgHe18mKSGovr7+2Pr6+jkgOuILVeKVJnJzc78eGBi4nXhVe42kEtTY2Fi8vLz8HVrMKXvY1GjRmvrz8/Pb+/r65pMVIWkEodV8vLGx8SPI2Z8scH78gKTFnJyc02hN1/3Ud9ZJCkG1tbVfwnEnyMlxBpDOkcQybG9ifwv6OezvRyKRv5eWljhyZeG4AMcvweYNnHKkq4TNcezzqXfbYLsBm46hoaELbrZu+l0R1Nra+vz8/HwPgH/uFgj6xwA+inINt8Evvb29Tz3U2TFpamp6EbfvR4hVhXISisIdpXKAWJeLi4tburu7/1VMXMW+CcII9TKA/oTyni0KQC5B34V9J0abRZutVx1i70fcDti3YR+x1UPcSZRPEfsvm52m80WQaTm3beQA1Dr0F9EffANwDzUAu5GDqIPo975FrGbEytV8QT+JlnTMT0vyRRD6nEsAZLutOIpUDw8P86Eu5VtNTU05goygFGvBQNJl9ElfaHpNrrKuVWCHDHLOanoAmUKr+QBgZjWbZMtnZ2cflpWV9cPvUZRXFf9vHT58+OnMzMzvil4UJ0QQh3KQ8wM8iS0P5PSjVOGWWhCjpVCIxJ+AgD6EeA2lTAoFbB+CyKnp6en7kl6SiYlKhuYhcBYEic85JAethu9bad/Qyq8Ap/iwCpyLGEUPeX2Y9PTcwozNE7JGzhQCn0k7MwYAsaBMSXh4gZmLpJNknlqQebe6JTmAbB59zru7GanQyW5KvtHJe8In1TUj3B/QiR033t0qvby7eWpB5sUzDgeu0jqE1bshJ85pkgQGU7XBGOdVy8lp6EoQrkQFKolv5WiuF/dqKHcC93JObMSo2B4xuSnqbbErQQggDum4Mkt8CLR6D4CSGIlVgqLlFmtrJYi/BMIJf+yStq4g3lpOoAZjl1POc+bGHCVdVGYlaGVl5TQMpV8C+eLZGXUS9L3B+ljAuc/8FCyotkVS8jvGcFwNlnfOoweQj+LKJOXFkz53M1pFMdn2xIpno1HkIr0e8XdysYXRp9qCOPsAPd9x4jYQdC1OGHCBBXO5yVXMQCWIUzNgPG72AYGW+XuO6C3AQmImdidE5mimoZyqrXOVIGg5bxW3weHNRH/sinOSBgExE7sSWsyVtjaCSiRnuAraE7VkHiiZBbuYK8GrBIFtsRKC3AtU1gmA0bBrudK1bRQ7oMR+oMh9i1PxLqaA0bBrueotCAG25smdgTj74JRlyrkFu5gr81JvMTRHsVJ0aiZTSInFqWHXcrUSFOv4WT5WWxA6rq1JPCc5nNRzyjLlXMOu5cq8VIKgEwnijGemEOLEacEu5sr6NoIeOQPwHGxzOjgjNwt2MVcmqRKEjmtOYUF8PlJsgyYWsVty1QlCZiJBuAqVQcvaKx4LdjFX+lVbEHR3pcBg+zgXEki6IMuImdgVjGKutFUJ4oJJOFxxOsRVyOcqC6c86OdmZUjc8hnmyFw1/CpBZjWpOLcOkqo0h0GVWzDfsa2cVQkyiV6VEkawk5gRECcRJft0y4iVmBUcYo5RWytBXGoLw7Woccy+EAE7Ys4DfWiwFgog10yOgmpbZCWI65Bxj44ptdtwZQ4qusCIDcY2CRByu+G21tpKEJ3CyXnJOa5KhIuXJF2QZMRIrBIm5Oa6htGVIMwIjMP5hBKg2SxektRplxEbSGhWgEyY3BT1ttiVIJpxkbbkBVeG64tGgnirGUwjBmMcfC0np6Hn1RMua264/OUorog4xesMmupzkBMBMb+ivCPFAlbPa5k8tSAGwbRJOxyLk4UEgsKVZ4HYiMVCDhdQtXsF6rkF0aFZTf8zgovE8sqgnElXSzIth+SckggAtg0sZvgkkVX4Ca1R5Nq+0tJSfq+lvWpwbeAJrBW8zjWDEshUydjngJgxFA0bR+SvcPEuJYIhoRYUdYz+6JlZBizeKlEitD2X9+NqTGp6yIuhn8Aw+70ZTSym/lX0zRiMxZiaJ2IlZk1vk/tqQXQIcOGnCDZmqQs/ZnFjyOjRJ/n+HArNn1PZDzipF5234uyD+YH9dXS6b6Jk5udQsfz9Xz+o89VJxxITPeazBR7ADqFF8JuJtGyMTQyJPOe4AfXdSdscm4Xn52AjLh+21fWpy4yPep3JYaSrQP+Rys/Cx9BqzuPhb9wZO1nnKWlBTnDhHws4GbGcZ9pfU1hSCVUhAyEDIQMhAyEDAWfgP5qNU5RLQmxEAAAAAElFTkSuQmCC)
      1x,
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAYAAADnRuK4AAAAAXNSR0IArs4c6QAAEp1JREFUeAHtnVuMFkUWx2dgRlBhvUxQSZTsw25wAUPiNQTRgFkv8YIbZhBcB8hK2NVkXnxRY0xMDFFffJkHsyxskBFRGIJ4iWjioLJqdL3EENFZ35AELxnRHZFFBtjff+gePsbv0qe6+vv6+6Y66XR39alT5/zPv6urq6q7m5rCEhAICAQEAgIBgYBAQCAgEBAICAQEAgIBgYBAQCAgEBAICAQEAgIBgYBAQCAgEBBoTASaG9Ot8l6tWLFi4sGDB3+P1HStx44d0/a85ubmyWwnHz9+fHgbHTdxPEj6IMfD2+j423HjxvWTPryeeeaZX65fv/5/HI+pZUwQ6I477vjD0NDQAgiwgOBfynYa23E+I43OY+jcy/Zjtn0tLS19zz///Oc+y8ijroYkUEdHxxSCuBDAF7DOZ/+CWoAPmb6m3J2sfexv37Jly3e1sCPLMhuGQF1dXRP2799/G2TpBLCbWFuyBM5B9xB5XoVIPVOnTn2xu7v7sIOO3GWpewJR21xJG+ZukF3MenbuEC5u0A8kb6YNtY5a6YPiIvWRWrcEWrx48XyI8xA1znX1AXVxK6mR3oBIqzdv3qxbXd0tdUcgapybIY2IM6fu0C5jMER6j3U1NdIrZcRyd6puCARx5kCabtbLcoeiR4Mg0UesXRDpPY9qM1OVewItW7asjT6bJ0DgL6y5t9dTpI6j55/0Ld2/YcOGAU86M1GT24BQ0zS3t7evxOvHWNsy8T7/SkWeB3t7e9dSK4lUuVtySSBuV9NoID8LWnNzh1htDHqHhvad3Nb21qb40qV67Y0tXUzyMzxd3Urt8wk5AnlOwjZXmAibk0n52MtNDbRq1arWgYGBx4HlvmpAwy3hJ8rpJzD98ZgW+1+RPjh+/PjB0047bfDQoUMa+2o6/fTTJ//yyy+Tjx49OjxOhsxFJA+PobE/PJ5G3kmSrcLyZFtb2wNr1qw5UoWyKhaRCwItWbLkIsaqthCEqypa7CggwqD/bbZ9bPsuueSSTx955JFjjupOyYaecbt3756Nbo21acztGraZEQr97zPW1vHcc899dYohNTioOYFo78ygvfMavl+Ygf8aQe+lhumZMWPGLgKt4YTMF8pp2bNnzzz86oRI7RSo0X3fyz78uoF20R7fii36akqgqG/nZUA+12J0JVlI8zrr08htA+BDleSzPM+t+YwDBw7cjo/LWa/3WRY+fs96Sy37jGpGIMhzM1foZgA9wweoAKnb0VbaL6uZRvGpD52+dTCtZDbtqIfQuwgy+XqA+ZmaaDEkqkkPdk0IRP/OnwFwPUCmHjGPiPNMa2vrY5s2bfrCd9Cz0Ld06dKLjxw58iC67/JEpCFItBwSqeujqkvVCRTVPC/gpQ/yfEgA7tm6deuHVUXNU2GLFi26nAvgKXy43INKkej2atdEvqrRRP6rzRPdtlKRB9APANa9s2bNuqpeySPAZLt8kC/yKRGIpYVahK0wLi3i/0zVaiAcm8GVtos1VYMZoHfQL7O8p6fnW/9w1E5jZ2fnefQ7PQ0+N6axAnzUsJ5HTVSVp7OqEEj9PNzz3wWYNI/qqqIfZt7MEwCUy3GhNIFXXsjTTG/z/dQkj3KYppbeN3HixDkbN27cl9amSvkzv4Wph1mdhBiShjzq85jPVfV4o5JHgZJv8lG+cpgm+BcePny4V9hLb5ZL5gTS8ARXVpoe5k8B9AqA/VeWQORJt3yVz9jk3B0hzKOhoUxdy/QWpsE/+j1edPWAK/It1oUA+qOrjnrOR7vxLIiwnfVaVz/oF7uN2/5Lrvkr5cusBsL5adzL11cyoNR5iLNt0qRJN45V8ggX+S4MhEUpnCqlKwaKRSU51/OZEIgrphnDn2Xr9MQlwFg7xuKbnqMDKQyEhSuJFIMoFpncbTIhUDST0Gk+D0C9xVWnyVNHR4M5Vo+FhTARNo4YzI1i4pi9dDbvrIzmMPdTpMs0VDWYrx3Lt63SoWpqUpuI2kQkml1OrsS5AeZYT/c9x9p7DRRNgHchjx7Vx3Sbp0TgR5J1YQkjElwe8eOXE0b0+djxWgNxhWio4h0Ms+pVJ6H6eWr2qM64lKlzkmEIq48+4jWsA5yvBuedHLQYlR4H57ng7O2VIa81EA22bhwyA4tTD9eSPMYg1FxcWAkzB0Oaoxg5ZC2exRuBuCr0xuhlxYspnUrDcIeGJ0pLhDPFEIiGdHYUO1cuTTFSrMrJWM55IxCGaaKUaYE8BzQwytZ0+zAV0qDCwizCzjyK7xKrUjB6IRA9zvoGj3kaASA81Gij6qWAziJd2AlDq27FSjGz5ism74VANOjMTuD4hzNnzvx7MaNCWnIEhKGwTJ7jhKRLzIqVkZpA3E+vhNGmT6zgsD4Hd4+v12qKOTZW0oShsBSmFp8VM8XOkqeYbGoCYcjKYoorpD1TzzMJK/hW9dMRls9YC3aM3SnFpCKQPiuHER2naKxwoCtFE+AriIXTRgSEqUMt1KEYGos6RTwVgfRNQrRZPyu3tV7enjgFqZwfRJhuNZp5dhRDY7aT4qkIhJplJ1Ul29N7W8kkg5QVARdsuYPoo6TOizOBaIDpU7qmCeBUsa/n9aU/ZwRzlFHYCmOjSTcplsY8I+LWsZSRjJBnIQem/Dj39IiCnO3UcmzLJxTCmNhYXqFuiWK51sUO5xqIwhYYCxxE3nlmnbGssSwujIW1ZbHGckR3GgKZejK5MnoZBKzphw5GvG7gHWEsrI0ummJZqNuJQNwz9ZKg6fcBjB73FBYc9rNDwIq1Yqn/ibhY5EQgusFNjOWK+Enf53ExMOSxIyCshbklp35GY5GPZZ0IhHGmwmD429X6uFPs2FjeCmthbsHAGtNYtxOBMO7SWEGSLcb1JZELMv4QsGJujWlsqZlA+lkbxpneM8K4QKAY8SptrZgrpoqt1TwzgfSnP4xLnA/DftIHLa2GBfl0CAhzYZ9Ui2Ia/cUxaZZhucREKNCqz9palv4wbcMClx/ZCHO9XmVZrLFtypxAMNvqhMXhIFsGAQfssycQj/CmQuiTCAQqE+QsT1mxt8ZWtpvGspSB++r5MFu7SZe6IFA9vReWFHjkTNgrtgbdw6IutzDTR7Mh21dWo4K8HwQcsDfFVla6EMj0CX9YbR3Y84Ne0KK7hRV7U2ydCASrTSxlkpPViRB6TwhYsbfG1olAZDIRSH+98YRHUGNEwAF7U2xljvkWRrVoKiT+ZZLR9yDuAQEr9tbYykQzgTz4FVQ0EAJmAnGfNN2S9LO2BsKrrlyxYm+NrcAwE4g8JgLpT391hXoDGeuAvSm2gspMIOujoX4T2UAxqStXrNhbY+tEIDKZWOryaFhXUcqxsQ7Ym2LrSqDEUwRUAKzWD2rDUgMErNhXpQ1EId8YsTANvhp1B/HyCFixN/8BydwGqsYIb3lMwtmkCFhH162xlR1mApHHOsJrvQqS4hPkKiDALcyKvSm2Kj5zAlHGdGbHuZRTAZ5wuhwCEeb5IxBfO/8SZh8rZ3zhOdpMk3bv3j27MC3sZ4+AMBf2SUtSTBXbpPKxnLlm0M8/MGxvrCDJFuMWJJELMv4QsGKumLr83MZMILmIcR9bXMW4QCALYB5krZhbYxqb6EQgjDO954Vx13BPNk+fjY0MWxsCwlqYW3JZYxrrdiJQS0uLiUAYN2nPnj3z4kLDNlsEhLUwt5RijWms24lAfAnrcxj+dawkyZY+iVSfUktSRpA5gYAVa8VSMXXBz4lAUUH6W0zihSuinc/CnJ44QxB0QkAYC2tjZlMsC3WnIZDpNkahGpX/U2HhYT8TBISxdQaENZYjhjsTiGpvO1qGRjQl2OHKWJ5ALIikQACMVxizD0WxNGY7Ie5MID6l9h0qXrWUinPX8yWs0KloAc0gK2zB+I+GLBJ9NYqlMdsJcWcCKTvMNX+2jklO5h+zOHk2BjO5YOsSw0JoUxFo6tSpL6Lsh0KFCfYXLV269OIEckHEgECE6SJDFon+EMXQmO2keCoCdXd3H0bV5pPqKu9RxY47cuTIg5Ulg4QFAWEqbC15kN0cxdCY7aS4tcCTOaM95pCs+1Vi5YS7+JjB5ZXFgkQSBCIs70oiWyjjGLtCFU7TOU5RQAPsA+6jb5ySWOFAVwp5ngrTPCoAleC0MBSW1tpHMVPsEhRRViR1DSTtMNn8AxUcvvyzzz77a1nrwsmKCAhDYVlRcJSAS8xGqRg+9EIg/iC8E0a/V6yAcmk4vrqzs/O8cjLhXGkEhJ0wLC1R/IxipZgVP2tL9UIgFYlRZkdw/hze39bPQZptZgdpYRZhd44VDZdYlSrDG4G4n76CYR+VKqhUOkDcyB+E7y91PqQXR0CYCbviZ0unKkaKVWkJ2xlvBFKxGNfF5rjNhKYmRo8fZRDwamu+sSovrISZg//Hoxg5ZC2exfutg0fKtRR1d/Hiyqbuo2F3BVeHaZpIWY0NeBLyXAB5/o1rFzq4t47/oq10yFcyi9caSKUwMVu3o4GSJZY+cSHA7ACgs0qLjO0zwkYYgYILeQai2HgF0TuBNmzYIPK49jRrMHC7yyf3vaKSQ2XCRNhgmutg9INRbLx65/0WJutwtLm9vX0Xu3NdrOU+vY21g9vZUZf8jZaHmmc8mG5h1Vwfl+Wd3t7eeWBqbp9WKsx7DaQCZSjtmTvZfl/JgGLnBZQACzVRU1NU8ziTRzGIYuGdPMOxLhZAX2k8at7KFAON2DstOP8W60Jqoh+dFNR5JrV5uJC2s17r6gpfar2NTsOXXPNXyje+kkCa83Sz/4e/5/0GHXMc9fwW8G6aNWvWC7xpYPqsjGN5uckGefS0pTHGq1IY9SS3ru4U+StmzeQWVlhqW1vbA9Qi7xemGfdn67EVQMdMP5F8lc/g5NpgVjPifWFvxNosnkkjerQVS5YsuYj5Ku+S7vL4Gasb4l7+MNXxE4CTyf08LqhWW2rbZvUwQx51EqZ5EXPfxIkT52zcuHFf1r5UhUBygqtKf3rexXpuGqcgzw6+Prq8p6fH/DGkNOVmnVcDo9HYlnl4otA28PmedR7txj2F6VntZ9oGKjSaNsx3M2fOFIGWkt5aeM64/zv+MLwSXf/lav34zTffrOvaSPN5pkyZ8jdq6G1gc4kRi9HiP1NL3wh5Phl9IqvjqtVAsQPURDdTRb/AcZoqOlandsK9dM9/GCfU01YzCaktNBnMPJ+niJ+6xd8OebwNlBYp41dJVSeQLIBEd0Kip9lNTSICcAw9z7S2tj62adOmL6Q/74smwEfzwu+CPD4eZESe5ZDn2Wr7XhMCycmoJtKE/DN8OB0RaSv9Hqt5z/tTHzp969B7W9GrN4s8EUcm6ra1uNo1T4xNzQgkAyDRHIB8mTVVwzp2Jt5CptdZVcNtA9hDcXottvio7wGoZ3056/U+bcBHNZhvwUfzbFBfdtSUQHICgGdwO3uN3TSP+KXwGATgXq7QHjo0d9FgHSol6DOdclr0iRX86oQ07eie7FN/pEvTX26APFV52iplf80JJMPUT8STlcZ70vS6lvJxOB0i/YT+t9n2se3Tf9UJtNpPqRc9SembhOhegO4FbK9ha/o+j8UI9L8/YcKE9mr081SyKxcEkpGrVq1qHRgYeJzd+yoZ7eM8QdDQSD+B7udK7o/2vyJ9UH/608/a4v9t6a83+nEJ7ZfJyE9G5iLkp1PDTGdfX0KdniVh0F+4PKke5jVr1hwpTKzVfm4IFAOgAVgCs56AeG0XxfrrdQtRNaq+IsuBURdsckcgOUG7aBok0iOp03wiFyBynucdyHMn7Z29ebMzlwQSSNRAmpS2kt3HWNuUNgaX4dmdjKivpQbKZY+7j06sTOIqwOhh/gfzeNXGWMeaSwAzcf6Er+vkuzDIK3nke25roNGBifqMuqmZLht9rpGOIctHrF217Nux4Fk3BIqdgkg3Q6KHWF0nqcWqcrWFNO+xroY4VR3LSgtC3REodpintfk0tEWk6+K0etxCmjdoIK/29a56tTGoWwLFQFEjXQmJVrJ2kHZ2nJ7z7Q8QZwvrWmqc1J9YqaWvdU+gGLyurq4J+/fvv43jZZBJk7JSj/THuj1t9TVUvRS4QZ+VS/tlME82pVbTMAQqRIJaaQokWkjaAtb57F9QeL5a+xBGr2nvZO1jfzu1jb5s21BLQxJodIQglAZs5xNEjVVdynYaW69dGOg8hs69bD9m20e7ZieEqelA52gcsjgeEwQaDZxe1jt48ODvSR8ex4JcGtM6n2ONmk+CANpqzGt4FJ3jQY41sq+txtAGSfsGkgyPoXHcT5/Nly7/2yJvWAICAYGAQEAgIBAQCAgEBAICAYGAQEAgIBAQCAgEBAICAYGAQEAgIBAQCAgEBAICAYEcIvB/Q079+h6myXwAAAAASUVORK5CYII=)
      2x
  );
}

.icon-offline {
  content: image-set(
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIAQMAAABvIyEEAAAABlBMVEUAAABTU1OoaSf/AAAAAXRSTlMAQObYZgAAAGxJREFUeF7tyMEJwkAQRuFf5ipMKxYQiJ3Z2nSwrWwBA0+DQZcdxEOueaePp9+dQZFB7GpUcURSVU66yVNFj6LFICatThZB6r/ko/pbRpUgilY0Cbw5sNmb9txGXUKyuH7eV25x39DtJXUNPQGJtWFV+BT/QAAAAABJRU5ErkJggg==)
      1x,
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQBAMAAAAVaP+LAAAAGFBMVEUAAABTU1NNTU1TU1NPT09SUlJSUlJTU1O8B7DEAAAAB3RSTlMAoArVKvVgBuEdKgAAAJ1JREFUeF7t1TEOwyAMQNG0Q6/UE+RMXD9d/tC6womIFSL9P+MnAYOXeTIzMzMzMzMzaz8J9Ri6HoITmuHXhISE8nEh9yxDh55aCEUoTGbbQwjqHwIkRAEiIaG0+0AA9VBMaE89Rogeoww936MQrWdBr4GN/z0IAdQ6nQ/FIpRXDwHcA+JIJcQowQAlFUA0MfQpXLlVQfkzR4igS6ENjknm/wiaGhsAAAAASUVORK5CYII=)
      2x
  );
  position: relative;
}

.icon-disabled {
  content: image-set(
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABICAMAAAAZF4G5AAAABlBMVEVMaXFTU1OXUj8tAAAAAXRSTlMAQObYZgAAASZJREFUeAHd11Fq7jAMRGGf/W/6PoWB67YMqv5DybwG/CFjRuR8JBw3+ByiRjgV9W/TJ31P0tBfC6+cj1haUFXKHmVJo5wP98WwQ0ZCbfUc6LQ6VuUBz31ikADkLMkDrfUC4rR6QGW+gF6rx7NaHWCj1Y/W6lf4L7utvgBSt3rBFSS/XBMPUILcJINHCBWYUfpWn4NBi1ZfudIc3rf6/NGEvEA+AsYTJozmXemjXeLZAov+mnkN2HfzXpMSVQDnGw++57qNJ4D1xitA2sJ+VAWMygSEaYf2mYPTjZfk2K8wmP7HLIH5Mg4/pP+PEcDzUvDMvYbs/2NWwPO5vBdMZE4EE5UTQLiBFDaUlTDPBRoJ9HdAYIkIo06og3BNXtCzy7zA1aXk5x+tJARq63eAygAAAABJRU5ErkJggg==)
      1x,
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOAAAACQAQMAAAArwfVjAAAABlBMVEVMaXFTU1OXUj8tAAAAAXRSTlMAQObYZgAAAYdJREFUeF7F1EFqwzAUBNARAmVj0FZe5QoBH6BX+dn4GlY2PYNzGx/A0CvkCIJuvIraKJKbgBvzf2g62weDGD7CYggpfFReis4J0ey9EGFIiEQQojFSlA9kSIiqd0KkFjKsewgRbStEN19mxUPTtmW9HQ/h6tyqNQ8NlSMZdzyE6qkoE0trVYGFm0n1WYeBhduzwbwBC7voS+vIxfeMjeaiLxsMMtQNwMPtuew+DjzcTHk8YMfDknEcIUOtf2lVfgVH3K4Xv5PRYAXRVMtItIJ3rfaCIVn9DsTH2NxisAVRex2Hh3hX+/mRUR08bAwPEYsI51ZxWH4Q0SpicQRXeyEaIug48FEdegARfMz/tADVsRciwTAxW308ehmC2gLraC+YCbV3QoTZexa+zegAEW5PhhgYfmbvJgcRqngGByOSXdFJcLk2JeDPEN0kxe1JhIt5FiFA+w+ItMELsUyPF2IaJ4aILqb4FbxPwhImwj6JauKgDUCYaxmYIsd4KXdMjIC9ItB5Bn4BNRwsG0XM2nwAAAAASUVORK5CYII=)
      2x
  );
  width: 112px;
}

.hidden {
  display: none;
}

#suggestions-list a {
  color: var(--google-blue-600);
}

#suggestions-list p {
  margin-block-end: 0;
}

#suggestions-list ul {
  margin-top: 0;
}

.single-suggestion {
  list-style-type: none;
  padding-inline-start: 0;
}

.link-button {
  color: rgb(66, 133, 244);
  display: inline-block;
  font-weight: bold;
  text-transform: uppercase;
}

#sub-frame-error-details {
  color: #8f8f8f;

  /* Not done on mobile for performance reasons. */
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

.secondary-button {
  background: #d9d9d9;
  color: #696969;
  margin-inline-end: 16px;
}

.snackbar {
  background: #323232;
  border-radius: 2px;
  bottom: 24px;
  box-sizing: border-box;
  color: #fff;
  font-size: 0.87em;
  left: 24px;
  max-width: 568px;
  min-width: 288px;
  opacity: 0;
  padding: 16px 24px 12px;
  position: fixed;
  transform: translateY(90px);
  will-change: opacity, transform;
  z-index: 999;
}

.snackbar-show {
  -webkit-animation:
    show-snackbar 250ms cubic-bezier(0, 0, 0.2, 1) forwards,
    hide-snackbar 250ms cubic-bezier(0.4, 0, 1, 1) forwards 5s;
}

@-webkit-keyframes show-snackbar {
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes hide-snackbar {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

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

.suggestions {
  margin-top: 18px;
}

.suggestion-header {
  font-weight: bold;
  margin-bottom: 4px;
}

.suggestion-body {
  color: #777;
}

/* Decrease padding at low sizes. */
@media (max-width: 640px), (max-height: 640px) {
  h1 {
    margin: 0 0 15px;
  }

  .suggestions {
    margin-top: 10px;
  }

  .suggestion-header {
    margin-bottom: 0;
  }
}

#cancel-save-page-button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48Y2xpcFBhdGggaWQ9Im1hc2siPjxwYXRoIGQ9Ik0xMiAyQzYuNSAyIDIgNi41IDIgMTJzNC41IDEwIDEwIDEwIDEwLTQuNSAxMC0xMFMxNy41IDIgMTIgMnptNSAxNkg3di0yaDEwdjJ6bS02LjctNEw3IDEwLjdsMS40LTEuNCAxLjkgMS45IDUuMy01LjNMMTcgNy4zIDEwLjMgMTR6IiBmaWxsPSIjOUFBMEE2Ii8+PC9jbGlwUGF0aD48cGF0aCBjbGlwLXBhdGg9InVybCgjbWFzaykiIGZpbGw9IiM5QUEwQTYiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48cGF0aCBjbGlwLXBhdGg9InVybCgjbWFzaykiIGZpbGw9IiMxQTczRTgiIHN0eWxlPSJhbmltYXRpb246b2ZmbGluZUFuaW1hdGlvbiA0cyBpbmZpbml0ZSIgZD0iTTAgMGgyNHYyNEgweiIvPjxzdHlsZT5Aa2V5ZnJhbWVzIG9mZmxpbmVBbmltYXRpb257MCUsMzUle2hlaWdodDowfTYwJXtoZWlnaHQ6MTAwJX05MCV7ZmlsbC1vcGFjaXR5OjF9dG97ZmlsbC1vcGFjaXR5OjB9fTwvc3R5bGU+PC9zdmc+);
  background-position: right 27px center;
  background-repeat: no-repeat;
  border: 1px solid var(--google-gray-300);
  border-radius: 5px;
  color: var(--google-gray-700);
  margin-bottom: 26px;
  padding-bottom: 16px;
  padding-inline-end: 88px;
  padding-inline-start: 16px;
  padding-top: 16px;
  text-align: start;
}

html[dir="rtl"] #cancel-save-page-button {
  background-position: left 27px center;
}

#save-page-for-later-button {
  display: flex;
  justify-content: start;
}

#save-page-for-later-button a::before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxLjJlbSIgaGVpZ2h0PSIxLjJlbSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNSAyMGgxNHYtMkg1bTE0LTloLTRWM0g5djZINWw3IDcgNy03eiIgZmlsbD0iIzQyODVGNCIvPjwvc3ZnPg==);
  display: inline-block;
  margin-inline-end: 4px;
  vertical-align: -webkit-baseline-middle;
}

.hidden#save-page-for-later-button {
  display: none;
}

/* Don't allow overflow when in a subframe. */
html[subframe] .module-corp-header {
  overflow: hidden;
}

#sub-frame-error {
  -webkit-align-items: center;
  -webkit-flex-flow: column;
  -webkit-justify-content: center;
  background-color: #ddd;
  display: -webkit-flex;
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transition: background-color 200ms ease-in-out;
  width: 100%;
}

#sub-frame-error:hover {
  background-color: #eee;
}

#sub-frame-error .icon-generic {
  margin: 0 0 16px;
}

#sub-frame-error-details {
  margin: 0 10px;
  text-align: center;
  opacity: 0;
}

/* Show details only when hovering. */
#sub-frame-error:hover #sub-frame-error-details {
  opacity: 1;
}

/* If the iframe is too small, always hide the error code. */
/* TODO(mmenke): See if overflow: no-display works better, once supported. */
@media (max-width: 200px), (max-height: 95px) {
  #sub-frame-error-details {
    display: none;
  }
}

/* Adjust icon for small embedded frames in apps. */
@media (max-height: 100px) {
  #sub-frame-error .icon-generic {
    height: auto;
    margin: 0;
    padding-top: 0;
    width: 25px;
  }
}

/* details-button is special; it's a <button> element that looks like a link. */
#details-button {
  box-shadow: none;
  min-width: 0;
}

/* Styles for platform dependent separation of controls and details button. */
.suggested-left > #control-buttons,
.suggested-right > #details-button {
  float: left;
}

.suggested-right > #control-buttons,
.suggested-left > #details-button {
  float: right;
}

.suggested-left .secondary-button {
  margin-inline-end: 0;
  margin-inline-start: 16px;
}

#details-button.singular {
  float: none;
}

/* download-button shows both icon and text. */
#download-button {
  padding-bottom: 4px;
  padding-top: 4px;
  position: relative;
}

#download-button::before {
  background: image-set(
      url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAO0lEQVQ4y2NgGArgPxIY1YChsOE/LtBAmpYG0mxpIOSDBpKUo2lpIDZxNJCkHKqlYZAla3RAHQ1DFgAARRroHyLNTwwAAAAASUVORK5CYII=) 1x,
      url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAZElEQVRYw+3Ruw3AMAwDUY3OzZUmRRD4E9iim9wNwAdbEURHyk4AAAAATiCVK8lLyPsKeT9K3lsownnunfkPxO78hKiYHxBV8x2icr5BVM+/CMf8g3DN34Rzns6ViwHUAUQ/6wIAd5Km7l6c8AAAAABJRU5ErkJggg==)
        2x
    )
    no-repeat;
  content: "";
  display: inline-block;
  height: 24px;
  margin-inline-end: 4px;
  margin-inline-start: -4px;
  vertical-align: middle;
  width: 24px;
}

#download-button:disabled {
  background: rgb(180, 206, 249);
  color: rgb(255, 255, 255);
}

#buttons::after {
  clear: both;
  content: "";
  display: block;
  width: 100%;
}

/* Offline page */
html[dir="rtl"] .runner-container,
html[dir="rtl"].offline .icon-offline {
  transform: scaleX(-1);
}

.offline {
  transition:
    filter 1.5s cubic-bezier(0.65, 0.05, 0.36, 1),
    background-color 1.5s cubic-bezier(0.65, 0.05, 0.36, 1);

  will-change: filter, background-color;
}

.offline .module-corp-header {
  transition: background-color 1.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.offline #main-message > p {
  display: none;
}

.offline.inverted {
  background-color: #fff;
  filter: invert(1);
}

.offline.inverted .module-corp-header {
  background-color: #fff;
}

.offline .interstitial-wrapper {
  color: var(--text-color);
  font-size: 1em;
  line-height: 1.55;
  margin: 0 auto;
  max-width: 600px;
  padding-top: 100px;
  position: relative;
  width: 100%;
}

.offline .runner-container {
  direction: ltr;
  height: 150px;
  max-width: 600px;
  overflow: hidden;
  position: absolute;
  top: 35px;
  width: 44px;
}

.offline .runner-container:focus {
  outline: none;
}

.offline .runner-container:focus-visible {
  outline: 3px solid var(--google-blue-300);
}

.offline .runner-canvas {
  height: 150px;
  max-width: 600px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 10;
}

.offline .controller {
  height: 100vh;
  left: 0;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: 9;
}

#offline-resources {
  display: none;
}

#offline-instruction {
  image-rendering: pixelated;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 60px;
  width: fit-content;
}

.offline-runner-live-region {
  bottom: 0;
  clip-path: polygon(0 0, 0 0, 0 0);
  color: var(--background-color);
  display: block;
  font-size: xx-small;
  overflow: hidden;
  position: absolute;
  text-align: center;
  transition: color 1.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  user-select: none;
}

/* Custom toggle */
.slow-speed-option {
  align-items: center;
  background: var(--google-gray-50);
  border-radius: 24px/50%;
  bottom: 0;
  color: var(--error-code-color);
  display: inline-flex;
  font-size: 1em;
  left: 0;
  line-height: 1.1em;
  margin: 5px auto;
  padding: 2px 12px 3px 20px;
  position: absolute;
  right: 0;
  width: max-content;
  z-index: 999;
}

.slow-speed-option.hidden {
  display: none;
}

.slow-speed-option [type="checkbox"] {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.slow-speed-option .slow-speed-toggle {
  cursor: pointer;
  margin-inline-start: 8px;
  padding: 8px 4px;
  position: relative;
}

.slow-speed-option [type="checkbox"]:disabled ~ .slow-speed-toggle {
  cursor: default;
}

.slow-speed-option-label [type="checkbox"] {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.slow-speed-option .slow-speed-toggle::before,
.slow-speed-option .slow-speed-toggle::after {
  content: "";
  display: block;
  margin: 0 3px;
  transition: all 100ms cubic-bezier(0.4, 0, 1, 1);
}

.slow-speed-option .slow-speed-toggle::before {
  background: rgb(189, 193, 198);
  border-radius: 0.65em;
  height: 0.9em;
  width: 2em;
}

.slow-speed-option .slow-speed-toggle::after {
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 40%);
  height: 1.2em;
  position: absolute;
  top: 51%;
  transform: translate(-20%, -50%);
  width: 1.1em;
}

.slow-speed-option [type="checkbox"]:focus + .slow-speed-toggle {
  box-shadow: 0 0 8px rgb(94, 158, 214);
  outline: 1px solid rgb(93, 157, 213);
}

.slow-speed-option [type="checkbox"]:checked + .slow-speed-toggle::before {
  background: var(--google-blue-600);
  opacity: 0.5;
}

.slow-speed-option [type="checkbox"]:checked + .slow-speed-toggle::after {
  background: var(--google-blue-600);
  transform: translate(calc(2em - 90%), -50%);
}

.slow-speed-option [type="checkbox"]:checked:disabled + .slow-speed-toggle::before {
  background: rgb(189, 193, 198);
}

.slow-speed-option [type="checkbox"]:checked:disabled + .slow-speed-toggle::after {
  background: var(--google-gray-50);
}

@media (max-width: 420px) {
  #download-button {
    padding-bottom: 12px;
    padding-top: 12px;
  }

  .suggested-left > #control-buttons,
  .suggested-right > #control-buttons {
    float: none;
  }

  .snackbar {
    border-radius: 0;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}

@media (max-height: 350px) {
  h1 {
    margin: 0 0 15px;
  }

  .icon-offline {
    margin: 0 0 10px;
  }

  .interstitial-wrapper {
    margin-top: 5%;
  }

  .nav-wrapper {
    margin-top: 30px;
  }
}

@media (min-width: 420px) and (max-width: 736px) and (min-height: 240px) and (max-height: 420px) and (orientation: landscape) {
  .interstitial-wrapper {
    margin-bottom: 100px;
  }
}

@media (max-width: 360px) and (max-height: 480px) {
  .offline .interstitial-wrapper {
    padding-top: 60px;
  }

  .offline .runner-container {
    top: 8px;
  }
}

@media (min-height: 240px) and (orientation: landscape) {
  .offline .interstitial-wrapper {
    margin-bottom: 90px;
  }

  .icon-offline {
    margin-bottom: 20px;
  }
}

@media (max-height: 320px) and (orientation: landscape) {
  .icon-offline {
    margin-bottom: 0;
  }

  .offline .runner-container {
    top: 10px;
  }
}

@media (max-width: 240px) {
  button {
    padding-inline-end: 12px;
    padding-inline-start: 12px;
  }

  .interstitial-wrapper {
    overflow: inherit;
    padding: 0 8px;
  }
}

@media (max-width: 120px) {
  button {
    width: auto;
  }
}

.arcade-mode,
.arcade-mode .runner-container,
.arcade-mode .runner-canvas {
  image-rendering: pixelated;
  max-width: 100%;
  overflow: hidden;
}

.arcade-mode #buttons,
.arcade-mode #main-content {
  opacity: 0;
  overflow: hidden;
}

.arcade-mode .interstitial-wrapper {
  height: 100vh;
  max-width: 100%;
  overflow: hidden;
}

.arcade-mode .runner-container {
  left: 0;
  margin: auto;
  right: 0;
  transform-origin: top center;
  transition: transform 250ms cubic-bezier(0.4, 0, 1, 1) 400ms;
  z-index: 2;
}

@media (prefers-color-scheme: dark) {
  .icon {
    filter: invert(1);
  }

  .offline .runner-canvas {
    filter: invert(1);
  }

  .offline.inverted {
    background-color: var(--background-color);
    filter: invert(0);
  }

  .offline.inverted .module-corp-header {
    background-color: #fff;
  }

  .offline.inverted .offline-runner-live-region {
    color: #fff;
  }

  #suggestions-list a {
    color: var(--link-color);
  }

  .slow-speed-option {
    background: var(--google-gray-800);
    color: var(--google-gray-100);
  }

  .slow-speed-option .slow-speed-toggle::before,
  .slow-speed-option [type="checkbox"]:checked:disabled + .slow-speed-toggle::before {
    background: rgb(189, 193, 198);
  }

  .slow-speed-option [type="checkbox"]:checked + .slow-speed-toggle::after,
  .slow-speed-option [type="checkbox"]:checked + .slow-speed-toggle::before {
    background: var(--google-blue-300);
  }
}

#main-frame-error:not(.showing-details) #details {
  display: none;
}

@media (min-width: 240px) and (max-width: 420px) and (min-height: 401px), (min-height: 240px) and (max-height: 560px) and (min-width: 421px) {
  #main-frame-error.showing-details #main-content,
  #main-frame-error.showing-details .runner-container {
    display: none;
  }
}

.HeaderMobile_menuMobileList__KvEqP .HeaderMobile_menuMobileItemWrapper__IQTTx {
  width: 100vw;
}

.Header_headerMobile__mk69r {
  margin-top: 46px;
}

@media screen and (max-width: 414px) {
  .Header_headerMobile__mk69r {
    margin-top: 0px;
  }
}

@media screen and (max-width: 420px) {
  .SearchBar_searchBtn__d7Yy0 {
    margin-left: 0px;
  }

  .SearchBar_searchBox__VSWOu {
    padding-left: 0px;
    gap: 0px;
  }
}

@media screen and (max-width: 1200px) {
  .SvgIcons_sm__Zs_wf {
    width: 24px !important;
    height: 24px !important;
  }
}

@media screen and (max-width: 420px) {
  .SearchBar_searchBtn__d7Yy0 {
    width: auto;
  }
}