/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/.pnpm/css-loader@6.11.0_webpack@5.102.1/node_modules/css-loader/dist/cjs.js!../node_modules/.pnpm/sass-loader@16.0.5_sass-embedded@1.93.3_sass@1.69.5_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!../node_modules/.pnpm/@epegzz+sass-vars-loader@6.1.0/node_modules/@epegzz/sass-vars-loader/src/sassVarsLoader.js??ruleSet[1].rules[3].use[4]!./stylesheets/fonts.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Add a new font face
 * @param {String} $family - Name of the font face
 * @param {String} $src - Base path of the font file
 * @param {String} $style - font-style
 * @param {String} $weight - font-weight
**/
/**
 * make element non selectable
 */
/**
 * mixin for a-pure-css-solution-for-multiline-text-truncation(ellipsis)
 * @link http://hackingui.com/front-end/a-pure-css-solution-for-multiline-text-truncation/
 */
/**
 * mixin for retina background images
 */
@font-face {
  font-family: "IconFont";
  src: url("https://cdn.grofers.com/assets/web/assets/iconfont.woff2") format("woff2"), url("https://cdn.grofers.com/assets/web/assets/iconfont.woff") format("woff"), url("https://cdn.grofers.com/assets/web/assets/iconfont.ttf") format("truetype");
  font-style: "normal";
  font-weight: "normal";
  font-display: swap;
}
@font-face {
  font-family: "NewIconFont";
  src: url("https://cdn.grofers.com/assets/web/assets/newiconfont.woff2") format("woff2"), url("https://cdn.grofers.com/assets/web/assets/newiconfont.woff") format("woff"), url("https://cdn.grofers.com/assets/web/assets/newiconfont.ttf") format("truetype");
  font-style: "normal";
  font-weight: "normal";
  font-display: swap;
}
@font-face {
  font-family: "CustomFont";
  src: url("https://cdn.grofers.com/assets/web/assets/customiconfont.woff2") format("woff2"), url("https://cdn.grofers.com/assets/web/assets/customiconfont.woff") format("woff"), url("https://cdn.grofers.com/assets/web/assets/customiconfont.ttf") format("truetype");
  font-style: "normal";
  font-weight: "normal";
  font-display: swap;
}
@font-face {
  font-family: "Okra";
  src: url("https://cdn.grofers.com/assets/web/assets/Okra-Regular.woff2") format("woff2"), url("https://cdn.grofers.com/assets/web/assets/Okra-Regular.woff") format("woff"), url("https://cdn.grofers.com/assets/web/assets/Okra-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "Okra";
  src: url("https://cdn.grofers.com/assets/web/assets/Okra-Medium.woff2") format("woff2"), url("https://cdn.grofers.com/assets/web/assets/Okra-Medium.woff") format("woff"), url("https://cdn.grofers.com/assets/web/assets/Okra-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Okra";
  src: url("https://cdn.grofers.com/assets/web/assets/Okra-Bold.woff2") format("woff2"), url("https://cdn.grofers.com/assets/web/assets/Okra-Bold.woff") format("woff"), url("https://cdn.grofers.com/assets/web/assets/Okra-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Okra";
  src: url(/a91215876706bcf068bb.woff2) format("woff2"), url(/214d4c272b5c197d2880.ttf) format("ttf");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Okra";
  src: url(/699d7150b2ec7cdc41ed.woff2) format("woff2"), url(/907fa64f72d3b158b29d.ttf) format("ttf");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "Paytone One";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/paytoneone/v23/0nksC9P7MfYHj2oFtYm2ChTtgPvfiwq-.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Okra";
  src: url("https://cdn.grofers.com/assets/web/assets/Okra-Thin.woff2") format("woff2"), url("https://cdn.grofers.com/assets/web/assets/Okra-Thin.woff") format("woff"), url("https://cdn.grofers.com/assets/web/assets/Okra-Thin.ttf") format("truetype");
  font-style: normal;
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: "Okra-Thin";
  src: url("https://cdn.grofers.com/assets/web/assets/Okra-Thin.woff2") format("woff2"), url("https://cdn.grofers.com/assets/web/assets/Okra-Thin.woff") format("woff"), url("https://cdn.grofers.com/assets/web/assets/Okra-Thin.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "Okra-Regular";
  src: url("https://cdn.grofers.com/assets/web/assets/Okra-Regular.woff2") format("woff2"), url("https://cdn.grofers.com/assets/web/assets/Okra-Regular.woff") format("woff"), url("https://cdn.grofers.com/assets/web/assets/Okra-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "Okra-Medium";
  src: url("https://cdn.grofers.com/assets/web/assets/Okra-Medium.woff2") format("woff2"), url("https://cdn.grofers.com/assets/web/assets/Okra-Medium.woff") format("woff"), url("https://cdn.grofers.com/assets/web/assets/Okra-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "Okra-Bold";
  src: url("https://cdn.grofers.com/assets/web/assets/Okra-Bold.woff2") format("woff2"), url("https://cdn.grofers.com/assets/web/assets/Okra-Bold.woff") format("woff"), url("https://cdn.grofers.com/assets/web/assets/Okra-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

/*# sourceMappingURL=vendor.28b9d58fcf5ea80107c7.css.map*/