@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v44/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v44/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

  @font-face {
    font-family: 'Open Sans Fallback';
    src: local('Arial'), local('Helvetica');
    size-adjust: 102.09%;
    ascent-override: 104.70%;
    descent-override: 28.70%;
    line-gap-override: 0%;
  }

  /* Agrandir (category bar). Declared here, not in the runtime GlobalStyles,
     for two reasons:
     - styled-components removes a global style's rules when every instance
       unmounts and re-adds them on remount. If the host remounts the header
       during a route change, the face is torn down and rebuilt, and the bar
       briefly repaints in the fallback on every navigation. Rules here live
       for the whole page.
     - It is in place before the federated chunk mounts.
     A static file cannot import bundled assets, so the URLs point at
     goodblend's own Webflow CDN, where these files originally came from
     (byte-identical; served with access-control-allow-origin: * and a
     one-year cache). */
  @font-face {
    font-family: 'Agrandir';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.prod.website-files.com/6261b80e2984c72c43e3f0cc/6390dc87028a523f3d93843f_Agrandir-Regular.woff2) format('woff2');
  }

  @font-face {
    font-family: 'Agrandir';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://cdn.prod.website-files.com/6261b80e2984c72c43e3f0cc/6390eb89cd2d66008380496a_Agrandir-Medium.woff2) format('woff2');
  }

  @font-face {
    font-family: 'Agrandir';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://cdn.prod.website-files.com/6261b80e2984c72c43e3f0cc/6390ebc92383c4def28111b5_Agrandir-Bold.woff2) format('woff2');
  }

  /* Metric-matched fallback for the first paint, before Agrandir arrives.
     Measured over the bar's uppercase labels, same method as above:
       Agrandir: upm 1000, ascent 750, descent -250, lineGap 300 (USE_TYPO)
       average advance -- Agrandir Medium 0.5970em vs Arial 0.6094em
                          Agrandir Bold   0.6159em vs Arial Bold 0.6160em
     The line gap matters most: Agrandir's normal line-height is 1.3em against
     Arial's ~1.15em, so without the overrides the Select Store pill changes
     height when the font swaps in. Overrides are divided by size-adjust because
     they apply to the already-adjusted size. */
  @font-face {
    font-family: 'Agrandir Fallback';
    font-weight: 100 600;
    src: local('Arial'), local('Helvetica');
    size-adjust: 97.96%;
    ascent-override: 76.56%;
    descent-override: 25.52%;
    line-gap-override: 30.62%;
  }

  @font-face {
    font-family: 'Agrandir Fallback';
    font-weight: 700 900;
    src: local('Arial Bold'), local('Arial-BoldMT'), local('Helvetica Bold');
    size-adjust: 100%;
    ascent-override: 75%;
    descent-override: 25%;
    line-gap-override: 30%;
  }

  :root:root {
    --dcm-color-navbar-bg: white;
  }