:root {
  --header-02--block--background-color: var(--theme--colors--white);
  --header-02--block--border-bottom-color: var(--theme--colors--gray--400);
  --header-02--block--border-bottom-width: 0px;
  --header-02--block--border-top-color: transparent;
  --header-02--block--border-top-width: 0px;
  --header-02--block--box-shadow: var(--theme--effects--shadow-sm--box-shadow);
  --header-02--block--padding-y: 1rem;
  --header-02--block--position: sticky;
  --header-02--logo--height: 0.75rem;
  --header-02--logo--max-width: 100%;
  --header-02--buttons--border-radius: var(--theme--borders--element--border-radius);
  --header-02--account-button--background-color: transparent;
  --header-02--account-button--background-color-hover: transparent;
  --header-02--account-button--border-bottom-width: var(--elements--buttons--button--border-bottom-width);
  --header-02--account-button--border-left-width: var(--elements--buttons--button--border-left-width);
  --header-02--account-button--border-right-width: var(--elements--buttons--button--border-right-width);
  --header-02--account-button--border-top-width: var(--elements--buttons--button--border-top-width);
  --header-02--account-button--border-color: var(--elements--buttons--outline-default--border-color);
  --header-02--account-button--border-color-hover: var(--elements--buttons--outline-default--border-color-hover);
  --header-02--account-button--color: var(--elements--buttons--outline-default--color);
  --header-02--account-button--color-hover: var(--elements--buttons--outline-default--color-hover);
  --header-02--account-button--font-weight: var(--elements--buttons--button--font-weight);
  --header-02--account-button--padding-y: var(--elements--buttons--button--padding-y);
  --header-02--account-button--padding-x: var(--elements--buttons--button--padding-x);
  --header-02--cart-button--background-color: var(--elements--buttons--primary--background-color);
  --header-02--cart-button--background-color-hover: var(--elements--buttons--primary--background-color-hover);
  --header-02--cart-button--border-bottom-width: var(--elements--buttons--button--border-bottom-width);
  --header-02--cart-button--border-left-width: var(--elements--buttons--button--border-left-width);
  --header-02--cart-button--border-right-width: var(--elements--buttons--button--border-right-width);
  --header-02--cart-button--border-top-width: var(--elements--buttons--button--border-top-width);
  --header-02--cart-button--border-color: var(--elements--buttons--primary--border-color);
  --header-02--cart-button--border-color-hover: var(--elements--buttons--primary--border-color-hover);
  --header-02--cart-button--color: var(--elements--buttons--primary--color);
  --header-02--cart-button--color-hover: var(--elements--buttons--primary--color-hover);
  --header-02--cart-button-badge--background-color: var(--theme--colors--primary--800);
  --header-02--cart-button-badge--border-color: #ffffff;
  --header-02--cart-button-badge--color: #ffffff;
  --header-02--search--background-color: var(--theme--colors--gray--100);
  --header-02--search--background-color-focus: #ffffff;
  --header-02--search--border-color: var(--theme--colors--gray--400);
  --header-02--search--border-color-focus: var(--theme--colors--gray--500);
  --header-02--search--border-bottom-width: 1px;
  --header-02--search--border-left-width: 1px;
  --header-02--search--border-right-width: 1px;
  --header-02--search--border-top-width: 1px;
  --header-02--search--border-radius: var(--theme--borders--element--border-radius);
  --header-02--search--box-shadow: var(--theme--effects--shadow-sm--box-shadow);
  --header-02--search--color: var(--theme--colors--gray--800);
  --header-02--search--height: 2.625rem;
  --header-02--search--icon-width: 2.25rem;
}

@media (max-width: 1023px) {
  :root {
    --header-02--nav-mobile-icon--display: flex;
    --header-02--nav-mobile-icon--border-width: 0px;
    --header-02--nav-mobile-icon--border-radius: var(--theme--borders--element--border-radius);
    --header-02--nav-mobile-icon--background-color: var(--theme--colors--gray--300);
    --header-02--nav-mobile-icon--border-color: var(--theme--colors--gray--300);
    --header-02--nav-mobile-icon--color: var(--theme--colors--gray--600);
  }
}
@media (min-width: 1024px) {
  :root {
    --header-02--block--padding-y: 1.5rem;
    --header-02--logo--height: 1.125rem;
    --header-02--logo--max-width: 100%;
  }
}