/* components/src/styles */
/* this is compiled in the package.json */
/* Run npm run build-storybook to copy to docroot/themes/custom/wendys_main/dist */
/* styles/base/index */
/* styles/base/colors */
/* styles/base/fonts */
/* import Roboto */
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
/* styles/wendysdstokensv212/colors */
/* color-red-100 */
/* color-red-200 */
/* color-red-300 */
/* color-red-400 */
/* color-red-500 */
/* color-red-600 */
/* color-red-700 */
/* color-red-800 */
/* color-red-900 */
/* color-red-1000 */
/* color-blue-100 */
/* color-blue-200 */
/* color-blue-300 */
/* color-blue-400 */
/* color-blue-500 */
/* color-blue-600 */
/* color-blue-700 */
/* color-blue-800 */
/* color-blue-900 */
/* color-blue-1000 */
/* color-crimson-100 */
/* color-crimson-200 */
/* color-crimson-300 */
/* color-crimson-400 */
/* color-crimson-500 */
/* color-crimson-600 */
/* color-crimson-700 */
/* color-crimson-800 */
/* color-crimson-900 */
/* color-crimson-1000 */
/* color-green-100 */
/* color-green-200 */
/* color-green-300 */
/* color-green-400 */
/* color-green-500 */
/* color-green-600 */
/* color-green-700 */
/* color-green-800 */
/* color-green-900 */
/* color-green-1000 */
/* color-yellow-100 */
/* color-yellow-200 */
/* color-yellow-300 */
/* color-yellow-400 */
/* color-yellow-500 */
/* color-yellow-600 */
/* color-yellow-700 */
/* color-yellow-800 */
/* color-yellow-900 */
/* color-yellow-1000 */
/* color-yellow-100 */
/* color-yellow-200 */
/* color-yellow-300 */
/* color-yellow-400 */
/* color-yellow-500 */
/* color-yellow-600 */
/* color-yellow-700 */
/* color-yellow-800 */
/* color-yellow-900 */
/* color-yellow-1000 */
/* gray-100 */
/* gray-200 */
/* gray-300 */
/* gray-400 */
/* gray-500 */
/* gray-600 */
/* gray-700 */
/* gray-800 */
/* gray-900 */
/* gray-1000 */
/* gray-1100 */
/* color-white */
/* color-black */
/* color-transparent-100 */
/* color-transparent */
/* color-transparent-200 */
/* color-transparent-300 */
/* color-transparent-400 */
/* color-transparent-500 */
/* color-transparent-600 */
/* color-transparent-700 */
/* color-transparent-800 */
/* color-transparent-900 */
/* color-transparent-1000 */
/* color-blue-100 */
/* color-blue-200 */
/* color-blue-300 */
/* color-blue-400 */
/* color-blue-500 */
/* color-blue-600 */
/* color-blue-700 */
/* color-blue-800 */
/* color-blue-900 */
/* color-blue-1000 */
/* color-text-primary-default */
/* color-text-primary-inverse */
/* color-text-secondary-default */
/* color-text-secondary-inverse */
/* color-text-brand-primary-default */
/* color-text-brand-primary-hover */
/* color-text-brand-primary-active */
/* color-text-brand-secondary-default */
/* color-text-brand-secondary-hover */
/* color-text-brand-secondary-active */
/* color-text-onBrand-default */
/* color-text-brand-secondary-inverse-default */
/* color-text-brand-secondary-inverse-hover */
/* color-text-onBrand-hover */
/* color-text-brand-secondary-inverse-active */
/* color-text-onBrand-active */
/* color-text-disabled-default */
/* color-text-disabled-onDisabled */
/* color-text-disabled-onBrand */
/* color-text-disabled-inverse */
/* color-text-validation-critical */
/* color-text-validation-positive */
/* color-text-validation-caution */
/* color-bg-primary-default */
/* color-bg-primary-hover */
/* color-bg-primary-active */
/* color-bg-primary-inverse-default */
/* color-bg-primary-inverse-hover */
/* color-bg-primary-inverse-active */
/* color-bg-brand-primary-default */
/* color-bg-secondary-default */
/* color-bg-secondary-hover */
/* color-bg-brand-primary-hover */
/* color-bg-secondary-active */
/* color-bg-brand-primary-active */
/* color-bg-brand-secondary-default */
/* color-bg-brand-secondary-hover */
/* color-bg-brand-secondary-active */
/* color-bg-brand-tertiary-default */
/* color-bg-onBrand-default */
/* color-bg-onBrand-hover */
/* color-border-primary-default */
/* color-bg-onBrand-active */
/* color-bg-disabled-default */
/* color-bg-disabled-onDisabled */
/* color-bg-disabled-onBrand */
/* color-bg-disabled-inverse */
/* color-border-primary-hover */
/* color-bg-validation-critical */
/* color-bg-validation-positive */
/* color-border-primary-active */
/* color-border-primary-default */
/* color-border-primary-hover */
/* color-border-primary-active */
/* color-border-primary-default */
/* color-border-primary-hover */
/* color-border-primary-active */
/* color-border-brand-primary-default */
/* color-bg-validation-caution */
/* color-border-brand-primary-hover */
/* color-border-brand-primary-active */
/* color-border-brand-secondary-default */
/* color-border-brand-secondary-hover */
/* color-border-brand-secondary-active */
/* color-border-onBrand-default */
/* color-border-onBrand-hover */
/* color-border-onBrand-active */
/* color-border-disabled-default */
/* color-border-disabled-onDisabled */
/* color-border-disabled-onBrand */
/* color-border-disabled-inverse */
/* color-border-validation-critical */
/* color-border-validation-positive */
/* color-border-validation-caution */
/* color-icon-primary-default */
/* color-icon-primary-inverse */
/* color-icon-secondary-default */
/* color-icon-secondary-inverse */
/* color-icon-brand-primary-default */
/* color-icon-brand-primary-hover */
/* color-icon-brand-primary-active */
/* color-icon-brand-secondary-default */
/* color-icon-brand-secondary-hover */
/* color-icon-brand-secondary-active */
/* color-icon-onBrand-default */
/* color-icon-onBrand-hover */
/* color-icon-onBrand-active */
/* color-icon-disabled-default */
/* color-icon-disabled-onDisabled */
/* color-icon-disabled-onBrand */
/* color-icon-disabled-inverse */
/* color-icon-validation-critical */
/* color-icon-validation-positive */
/* color-icon-validation-caution */
/* color-bg-secondary-inverse-default */
/* color-bg-secondary-inverse-hover */
/* color-bg-secondary-inverse-active */
/* color-icon-brand-secondary-inverse-default */
/* color-icon-brand-secondary-inverse-hover */
/* color-icon-brand-secondary-inverse-active */
.text--color-primary-default {
  color: #191a1b !important;
}

.text--color-primary-inverse {
  color: #f0f1f1 !important;
}

.text--color-secondary-default {
  color: #535659 !important;
}

.text--color-secondary-inverse {
  color: #e5e5e5 !important;
}

.text--color-brand-primary-default {
  color: #9e0d24 !important;
}

.text--color-brand-primary-hover {
  color: #810a1e !important;
}

.text--color-brand-primary-active {
  color: #650817 !important;
}

.text--color-brand-secondary-default {
  color: #0077a3 !important;
}

.text--color-brand-secondary-hover {
  color: #00658b !important;
}

.text--color-brand-secondary-active {
  color: #00445e !important;
}

.text--color-brand-secondary-inverse-default {
  color: #46ace3 !important;
}

.text--color-brand-secondary-inverse-hover {
  color: #00a3e0 !important;
}

.text--color-brand-secondary-inverse-active {
  color: #0077a3 !important;
}

.text--color-onbrand-default {
  color: #ffffff !important;
}

.text--color-onbrand-hover {
  color: #e5e5e5 !important;
}

.text--color-onbrand-active {
  color: #cbcbcc !important;
}

.text--color-disabled-default {
  color: #818385 !important;
}

.text--color-disabled-ondisabled {
  color: #535659 !important;
}

.text--color-disabled-onbrand {
  color: #cbcbcc !important;
}

.text--color-disabled-inverse {
  color: #63666a !important;
}

.text--color-validation-critical {
  color: #9e0d24 !important;
}

.text--color--validation-positive {
  color: #1b7118 !important;
}

.text--color--validation-caution {
  color: #c25700 !important;
}

.text--color--link-default {
  color: #0077a3 !important;
}

.text--color--link-inverse {
  color: #ffffff !important;
}

.bg--color-black {
  background-color: #000 !important;
}

.bg--color-primary-default {
  background-color: #ffffff !important;
}

.bg--color-primary-hover {
  background-color: #f0f1f1 !important;
}

.bg--color-primary-active {
  background-color: #e5e5e5 !important;
}

.bg--color-primary-inverse-default {
  background-color: #191a1b !important;
}

.bg--color-primary-inverse-hover {
  background-color: #2b2d2e !important;
}

.bg--color-primary-inverse-active {
  background-color: #3f4143 !important;
}

.bg--color-secondary-default {
  background-color: #f0f1f1 !important;
}

.bg--color-secondary-hover {
  background-color: #e5e5e5 !important;
}

.bg--color-secondary-active {
  background-color: #cbcbcc !important;
}

.bg--color-secondary-inverse-default {
  background-color: #535659 !important;
}

.bg--color-secondary-inverse-hover {
  background-color: #3f4143 !important;
}

.bg--color-secondary-inverse-active {
  background-color: #2b2d2e !important;
}

.bg--color-brand-primary-default {
  background-color: #c8102e !important;
}

.bg--color-brand-primary-hover {
  background-color: #9e0d24 !important;
}

.bg--color-brand-primary-active {
  background-color: #810a1e !important;
}

.bg--color-brand-secondary-default {
  background-color: #0077a3 !important;
}

.bg--color-brand-secondary-hover {
  background-color: #00658b !important;
}

.bg--color-brand-secondary-active {
  background-color: #00445e !important;
}

.bg--color-brand-tertiary-default {
  background-color: #9d2235 !important;
}

.bg--color-onbrand-default {
  background-color: #ffffff !important;
}

.bg--color-onbrand-hover {
  background-color: #e5e5e5 !important;
}

.bg--color-onbrand-active {
  background-color: #cbcbcc !important;
}

.bg--color-disabled-default {
  background-color: #cbcbcc !important;
}

.bg--color-disabled-ondisabled {
  background-color: #63666a !important;
}

.bg--color-disabled-onbrand {
  background-color: #cbcbcc !important;
}

.bg--color-disabled-inverse {
  background-color: #b1b2b4 !important;
}

.bg--color-validation-critical {
  background-color: #9e0d24 !important;
}

.bg--color-validation-positive {
  background-color: #1b7118 !important;
}

.bg--color-validation-caution {
  background-color: #c25700 !important;
}

.border--color-primary-default {
  border-color: #63666a !important;
}

.border--color-primary-hover {
  border-color: #535659 !important;
}

.border--color-primary-active {
  border-color: #3f4143 !important;
}

.border--color-secondary-default {
  border-color: #cbcbcc !important;
}

.border--color-secondary-hover {
  border-color: #b1b2b4 !important;
}

.border--color-secondary-active {
  border-color: #97999b !important;
}

.border--color-tertiary-default {
  border-color: #e5e5e5 !important;
}

.border--color-tertiary-hover {
  border-color: #cbcbcc !important;
}

.border--color-tertiary-active {
  border-color: #b1b2b4 !important;
}

.border--color-brand-primary-default {
  border-color: #9e0d24 !important;
}

.border--color-brand-primary-hover {
  border-color: #810a1e !important;
}

.border--color-brand-primary-active {
  border-color: #650817 !important;
}

.border--color-brand-secondary-default {
  border-color: #0077a3 !important;
}

.border--color-brand-secondary-hover {
  border-color: #00658b !important;
}

.border--color-brand-secondary-active {
  border-color: #00445e !important;
}

.border--color-onbrand-default {
  border-color: #ffffff !important;
}

.border--color--onbrand-hover {
  border-color: #e5e5e5 !important;
}

.border--color--onbrand-active {
  border-color: #cbcbcc !important;
}

.border--color-disabled-default {
  border-color: #cbcbcc !important;
}

.border--color-disabled-ondisabled {
  border-color: #63666a !important;
}

.border--color-disabled-onbrand {
  border-color: #b1b2b4 !important;
}

.border--color-disabled-inverse {
  border-color: #3f4143 !important;
}

.border--color-validation-critical {
  border-color: #9e0d24 !important;
}

.border--color-validation-positive {
  border-color: #1b7118 !important;
}

.border--color-validation-caution {
  border-color: #c25700 !important;
}

.border--color-focus-default {
  border-color: #0076d6 !important;
}

.border--color-focus-inverse {
  border-color: #c6e7fc !important;
}

.border--color-focus-disabled {
  border-color: #cbcbcc !important;
}

.icon--color-primary-default svg, .icon--color-primary-default path {
  fill: #191a1b !important;
}

.icon--color-primary-inverse svg, .icon--color-primary-inverse path {
  fill: #f0f1f1 !important;
}

.icon--color-secondary-default svg, .icon--color-secondary-default path {
  fill: #535659 !important;
}

.icon--color-secondary-inverse svg, .icon--color-secondary-inverse path {
  fill: #e5e5e5 !important;
}

.icon--color-brand-primary-default svg, .icon--color-brand-primary-default path {
  fill: #9e0d24 !important;
}

.icon--color-brand-primary-hover {
  fill: #810a1e !important;
}

.icon--color-brand-primary-active {
  fill: #650817 !important;
}

.icon--color-brand-secondary-default svg, .icon--color-brand-secondary-default path {
  fill: #0077a3 !important;
}

.icon--color-brand-secondary-hover svg, .icon--color-brand-secondary-hover path {
  fill: #00658b !important;
}

.icon--color-brand-secondary-active svg, .icon--color-brand-secondary-active path {
  fill: #00445e !important;
}

.icon--color-brand-secondary-inverse-default svg, .icon--color-brand-secondary-inverse-default path {
  fill: #46ace3 !important;
}

.icon--color-brand-secondary-inverse-hover {
  fill: #00a3e0 !important;
}

.icon--color-brand-secondary-inverse-active {
  fill: #0077a3 !important;
}

.icon--color-onbrand-default svg, .icon--color-onbrand-default path {
  fill: #ffffff !important;
}

.icon--color-onbrand-hover {
  fill: #e5e5e5 !important;
}

.icon--color-onbrand-active {
  fill: #cbcbcc !important;
}

.icon--color-disabled-default svg, .icon--color-disabled-default path {
  fill: #818385 !important;
}

.icon--color-disabled-ondisabled svg, .icon--color-disabled-ondisabled path {
  fill: #535659 !important;
}

.icon--color-disabled-onbrand svg, .icon--color-disabled-onbrand path {
  fill: #cbcbcc !important;
}

.icon--color-disabled-inverse svg, .icon--color-disabled-inverse path {
  fill: #63666a !important;
}

.icon--color-validation-critical svg, .icon--color-validation-critical path {
  fill: #9e0d24 !important;
}

.icon--color-validation-positive svg, .icon--color-validation-positive path {
  fill: #1b7118 !important;
}

.icon--color-validation-caution svg, .icon--color-validation-caution path {
  fill: #c25700 !important;
}

.icon--color-link-default svg, .icon--color-link-default path {
  fill: #0077a3 !important;
}
.icon--color-link-default:active svg, .icon--color-link-default:active path {
  fill: #00445e;
}
.icon--color-link-default:hover svg, .icon--color-link-default:hover path {
  fill: #00658b !important;
}
.icon--color-link-default:disabled svg, .icon--color-link-default:disabled path, .icon--color-link-default:disabled:hover svg, .icon--color-link-default:disabled:hover path, .icon--color-link-default.button--disabled svg, .icon--color-link-default.button--disabled path, .icon--color-link-default.button--disabled:hover svg, .icon--color-link-default.button--disabled:hover path {
  fill: #818385 !important;
}

.icon--color-link-inverse svg, .icon--color-link-inverse path {
  fill: #ffffff !important;
}
.icon--color-link-inverse:active svg, .icon--color-link-inverse:active path {
  fill: #cbcbcc !important;
}
.icon--color-link-inverse:hover svg, .icon--color-link-inverse:hover path {
  fill: #e5e5e5 !important;
}
.icon--color-link-inverse:disabled svg, .icon--color-link-inverse:disabled path, .icon--color-link-inverse:disabled:hover svg, .icon--color-link-inverse:disabled:hover path, .icon--color-link-inverse.button--disabled svg, .icon--color-link-inverse.button--disabled path, .icon--color-link-inverse.button--disabled:hover svg, .icon--color-link-inverse.button--disabled:hover path {
  fill: #63666a !important;
}

/* Note: The WendysFresh black font weight is very heavy, use extra bold instead. */
@font-face {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 400 500 600 700 800 900;
  src: url("/public/fonts/WendysFreshVF_W_DrkmWght.woff2") format("woff2 supports variations"), url("/public/fonts/WendysFreshVF_W_DrkmWght.woff2") format("woff2-variations");
}
/* styles/base/typography */
/* styles/abstracts/mixins/typography */
/* styles/wendysdstokensv212/measures */
/* borderRadius-4 */
/* borderRadius-8 */
/* spacing-4 */
/* spacing-8 */
/* spacing-16 */
/* spacing-24 */
/* spacing-32 */
/* spacing-40 */
/* spacing-48 */
/* spacing-56 */
/* spacing-64 */
/* spacing-72 */
/* spacing-80 */
/* spacing-88 */
/* spacing-96 */
/* fontSize-XS */
/* borderRadius-none */
/* borderRadius-2 */
/* borderRadius-12 */
/* borderRadius-20 */
/* borderRadius-16 */
/* borderRadius-24 */
/* spacing-12 */
/* spacing-20 */
/* spacing-28 */
/* spacing-36 */
/* spacing-44 */
/* spacing-52 */
/* spacing-60 */
/* spacing-64 */
/* spacing-76 */
/* spacing-84 */
/* spacing-92 */
/* fontSize-base */
/* fontSize-S */
/* fontSize-M */
/* fontSize-L */
/* fontSize-XL */
/* fontSize-3XL */
/* fontSize-4XL */
/* fontSize-6XL */
/* fontSize-7XL */
/* fontSize-10XL */
/* fontSize-11XL */
/* fontSize-4XS */
/* fontSize-2XL */
/* fontSize-5XL */
/* fontSize-8XL */
/* fontSize-9XL */
/* fontSize-12XL */
/* fontSize-2XS */
/* fontSize-3XS */
/* lineHeight-16 */
/* lineHeight-20 */
/* lineHeight-24 */
/* lineHeight-28 */
/* lineHeight-32 */
/* lineHeight-40 */
/* lineHeight-44 */
/* lineHeight-48 */
/* lineHeight-60 */
/* lineHeight-64 */
/* lineHeight-72 */
/* lineHeight-76 */
/* lineHeight-84 */
/* lineHeight-88 */
/* lineHeight-96 */
/* lineHeight-112 */
/* borderRadius-9999 */
/* borderWidth-1 */
/* borderWidth-2 */
/* borderWidth-3 */
/* spacing-XS */
/* spacing-S */
/* spacing-M */
/* spacing-L */
/* spacing-XL */
/* spacing-2XL */
/* spacing-3XL */
/* spacing-4XL */
/* spacing-5XL */
/* spacing-3XS */
/* spacing-2XS */
/* styles/wendysdstokensv212/borders */
/* styles/wendysdstokensv212/gradients */
/* styles/wendysdstokensv212/shadows */
/* shadow-100 */
/* shadow-200 */
/* shadow-300 */
/* shadow-400 */
/* shadow-500 */
/* shadow-600 */
/* shadow-700 */
/* shadow-800 */
/* shadow-900 */
/* shadow-1000 */
/* shadow-XS */
/* shadow-S */
/* shadow-M */
/* shadow-L */
/* shadow-XL */
/* styles/wendysdstokensv212/typography */
/* typography-mobile-megaXL-black */
.typographyMobileMegaXlBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 83px;
  line-height: 96px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-mobile-megaL-black */
.typographyMobileMegaLBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 74px;
  line-height: 88px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-mobile-megaM-black */
.typographyMobileMegaMBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 52px;
  line-height: 60px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-megaM-semiBold */
.typographyMobileMegaMSemiBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 600;
  font-size: 52px;
  line-height: 60px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-megaS-black */
.typographyMobileMegaSBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 46px;
  line-height: 56px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-megaS-semiBold */
.typographyMobileMegaSSemiBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 600;
  font-size: 46px;
  line-height: 56px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-displayL-black */
.typographyMobileDisplayLBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-displayL-semiBold */
.typographyMobileDisplayLSemiBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-displayM-black */
.typographyMobileDisplayMBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-displayM-semiBold */
.typographyMobileDisplayMSemiBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-displayS-black */
.typographyMobileDisplaySBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-displayS-semiBold */
.typographyMobileDisplaySSemiBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-titleL-black */
.typographyMobileTitleLBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 23px;
  line-height: 32px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-titleL-semiBold */
.typographyMobileTitleLSemiBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 600;
  font-size: 23px;
  line-height: 32px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-titleM-black */
.typographyMobileTitleMBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-titleS-black */
.typographyMobileTitleSBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-titleXS-bold */
.typographyMobileTitleXsBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-titleXS-semiBold */
.typographyMobileTitleXsSemiBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-title2XS-bold */
.typographyMobileTitle2XsBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-title3XS-bold */
.typographyMobileTitle3XsBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-buttonL-bold */
.typographyMobileButtonLBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-buttonS-bold */
.typographyMobileButtonSBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-bodyL-regular */
.typographyMobileBodyLRegular {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-bodyM-bold */
.typographyMobileBodyMBold {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-bodyM-regular */
.typographyMobileBodyMRegular {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-bodyS-bold */
.typographyMobileBodySBold {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-bodyS-regular */
.typographyMobileBodySRegular {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-captionL-black */
.typographyMobileCaptionLBlack {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-captionL-regular */
.typographyMobileCaptionLRegular {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-captionS-medium */
.typographyMobileCaptionSMedium {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-bodyM-bold-link */
.typographyMobileBodyMBoldLink {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-bodyM-regular-link */
.typographyMobileBodyMRegularLink {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-bodyS-bold-link */
.typographyMobileBodySBoldLink {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-bodyS-regular-link */
.typographyMobileBodySRegularLink {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-desktop-megaXL-black */
.typographyDesktopMegaXlBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 94px;
  line-height: 112px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-desktop-megaL-black */
.typographyDesktopMegaLBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 83px;
  line-height: 96px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-desktop-megaM-black */
.typographyDesktopMegaMBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 66px;
  line-height: 72px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-desktop-megaM-semiBold */
.typographyDesktopMegaMSemiBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 600;
  font-size: 66px;
  line-height: 72px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-desktop-megaS-black */
.typographyDesktopMegaSBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 58px;
  line-height: 64px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-desktop-megaS-semiBold */
.typographyDesktopMegaSSemiBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 600;
  font-size: 58px;
  line-height: 64px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-desktop-displayL-black */
.typographyDesktopDisplayLBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 46px;
  line-height: 56px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-desktop-displayL-semiBold */
.typographyDesktopDisplayLSemiBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 600;
  font-size: 46px;
  line-height: 56px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-desktop-displayM-black */
.typographyDesktopDisplayMBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 41px;
  line-height: 48px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-desktop-displayM-semiBold */
.typographyDesktopDisplayMSemiBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 600;
  font-size: 41px;
  line-height: 48px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-desktop-displayS-black */
.typographyDesktopDisplaySBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-desktop-displayS-semiBold */
.typographyDesktopDisplaySSemiBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-desktop-titleL-black */
.typographyDesktopTitleLBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-desktop-titleL-semiBold */
.typographyDesktopTitleLSemiBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-desktop-titleM-black */
.typographyDesktopTitleMBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-desktop-titleS-black */
.typographyDesktopTitleSBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-desktop-buttonL-bold */
.typographyDesktopButtonLBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-desktop-bodyL-regular-link */
.typographyDesktopBodyLRegularLink {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-bodyM-bold */
.typographyDesktopBodyMBold {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-bodyM-bold-link */
.typographyDesktopBodyMBoldLink {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-bodyM-regular */
.typographyDesktopBodyMRegular {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-bodyM-regular-link */
.typographyDesktopBodyMRegularLink {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-boldS-bold */
.typographyDesktopBodySBold {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-boldS-bold-link */
.typographyDesktopBodySBoldLink {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-bodyL-regular-link */
.typographyMobileBodyLRegularLink {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-boldS-regular */
.typographyDesktopBodySRegular {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-boldS-regular-link */
.typographyDesktopBodySRegularLink {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-captionL-regular */
.typographyDesktopCaptionLRegular {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-desktop-captionS-regular */
.typographyDesktopCaptionSRegular {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-desktop-titleXS-bold */
.typographyDesktopTitleXsBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-desktop-titleXS-semiBold */
.typographyDesktopTitleXsSemiBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

/* typography-captionS-medium */
.typographyDesktopCaptionSMedium {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0px;
  text-indent: 0px;
}

/* typography-mobile-captionS-regular */
.typographyMobileCaptionSRegular {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0px;
  text-indent: 0px;
}

/* typography-bodyL-bold */
.typographyMobileBodyLBold {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  text-indent: 0px;
}

/* typography-bodyL-bold-link */
.typographyMobileBodyLBoldLink {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  text-indent: 0px;
}

/* typography-desktop-bodyL-bold */
.typographyDesktopBodyLBold {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  text-indent: 0px;
}

/* typography-desktop-bodyL-bold-link */
.typographyDesktopBodyLBoldLink {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  text-indent: 0px;
}

/* typography-desktop-buttonL-bold-link */
.typographyDesktopButtonLBoldLink {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  text-indent: 0px;
}

/* typography-desktop-buttonS-bold */
.typographyDesktopButtonSBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  text-indent: 0px;
}

/* typography-desktop-buttonS-bold-link */
.typographyDesktopButtonSBoldLink {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  text-indent: 0px;
}

/* typography-desktop-title3XS-bold */
.typographyDesktopTitle3XsBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  text-indent: 0px;
}

/* typography-desktop-title2XS-bold */
.typographyDesktopTitle2XsBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0px;
  text-indent: 0px;
}

/* typography-mobile-bodyL-bold-link */
.typographyMobileBodyLBoldLink {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  text-indent: 0px;
}

/* typography-mobile-buttonL-bold-link */
.typographyMobileButtonLBoldLink {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  text-indent: 0px;
}

/* typography-mobile-buttonS-bold-link */
.typographyMobileButtonSBoldLink {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  text-indent: 0px;
}

/* typography-desktop-captionL-black */
.typographyDesktopCaptionLBlack {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  text-indent: 0px;
}

/* typography-mobile-megaXL-black */
/* typography-mobile-megaL-black */
/* typography-mobile-megaM-black */
/* typography-megaM-semiBold */
/* typography-megaS-black */
/* typography-megaS-semiBold */
/* typography-displayL-black */
/* typography-displayL-semiBold */
/* typography-displayM-black */
/* typography-displayM-semiBold */
/* typography-displayS-black */
/* typography-displayS-semiBold */
/* typography-titleL-black */
/* typography-titleL-semiBold */
/* typography-titleM-black */
/* typography-titleS-black */
/* typography-titleXS-bold */
/* typography-titleXS-semiBold */
/* typography-title2XS-bold */
/* typography-title3XS-bold */
/* typography-buttonL-bold */
/* typography-buttonS-bold */
/* typography-bodyL-regular */
/* typography-bodyM-bold */
/* typography-bodyM-regular */
/* typography-bodyS-bold */
/* typography-bodyS-regular */
/* typography-captionL-black */
/* typography-captionL-regular */
/* typography-captionS-medium */
/* typography-bodyM-bold-link */
/* typography-bodyM-regular-link */
/* typography-bodyS-bold-link */
/* typography-bodyS-regular-link */
/* typography-desktop-megaXL-black */
/* typography-desktop-megaL-black */
/* typography-desktop-megaM-black */
/* typography-desktop-megaM-semiBold */
/* typography-desktop-megaS-black */
/* typography-desktop-megaS-semiBold */
/* typography-desktop-displayL-black */
/* typography-desktop-displayL-semiBold */
/* typography-desktop-displayM-black */
/* typography-desktop-displayM-semiBold */
/* typography-desktop-displayS-black */
/* typography-desktop-displayS-semiBold */
/* typography-desktop-titleL-black */
/* typography-desktop-titleL-semiBold */
/* typography-desktop-titleM-black */
/* typography-desktop-titleS-black */
/* typography-desktop-buttonL-bold */
/* typography-desktop-bodyL-regular-link */
/* typography-bodyM-bold */
/* typography-bodyM-bold-link */
/* typography-bodyM-regular */
/* typography-bodyM-regular-link */
/* typography-boldS-bold */
/* typography-boldS-bold-link */
/* typography-bodyL-regular-link */
/* typography-boldS-regular */
/* typography-boldS-regular-link */
/* typography-captionL-regular */
/* typography-desktop-captionS-regular */
/* typography-desktop-titleXS-bold */
/* typography-desktop-titleXS-semiBold */
/* typography-captionS-medium */
/* typography-mobile-captionS-regular */
/* typography-bodyL-bold */
/* typography-bodyL-bold-link */
/* typography-desktop-bodyL-bold */
/* typography-desktop-bodyL-bold-link */
/* typography-desktop-buttonL-bold-link */
/* typography-desktop-buttonS-bold */
/* typography-desktop-buttonS-bold-link */
/* typography-desktop-title3XS-bold */
/* typography-desktop-title2XS-bold */
/* typography-mobile-bodyL-bold-link */
/* typography-mobile-buttonL-bold-link */
/* typography-mobile-buttonS-bold-link */
/* typography-desktop-captionL-black */
/* styles/abstracts/mixins/breakpoints */
.heading--megaXLBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 83px;
  line-height: 96px;
  letter-spacing: 0em;
  text-indent: 0px;
  font-weight: 800;
}
@media (min-width: 1200px) {
  .heading--megaXLBlack {
    font-family: "WendysFresh";
    font-style: normal;
    font-weight: 800;
    font-size: 94px;
    line-height: 112px;
    letter-spacing: 0em;
    text-indent: 0px;
    font-weight: 800;
  }
}

.heading--megaLBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 74px;
  line-height: 88px;
  letter-spacing: 0em;
  text-indent: 0px;
  font-weight: 800;
}
@media (min-width: 1200px) {
  .heading--megaLBlack {
    font-family: "WendysFresh";
    font-style: normal;
    font-weight: 800;
    font-size: 83px;
    line-height: 96px;
    letter-spacing: 0em;
    text-indent: 0px;
    font-weight: 800;
  }
}

.heading--megaMBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 52px;
  line-height: 60px;
  letter-spacing: 0em;
  text-indent: 0px;
  font-weight: 800;
}
@media (min-width: 1200px) {
  .heading--megaMBlack {
    font-family: "WendysFresh";
    font-style: normal;
    font-weight: 800;
    font-size: 66px;
    line-height: 72px;
    letter-spacing: 0em;
    text-indent: 0px;
    font-weight: 800;
  }
}

.heading--megaMSemibold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 600;
  font-size: 52px;
  line-height: 60px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .heading--megaMSemibold {
    font-family: "WendysFresh";
    font-style: normal;
    font-weight: 600;
    font-size: 66px;
    line-height: 72px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.heading--megaSBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 46px;
  line-height: 56px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .heading--megaSBlack {
    font-family: "WendysFresh";
    font-style: normal;
    font-weight: 800;
    font-size: 58px;
    line-height: 64px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.heading--megaSSemibold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 600;
  font-size: 46px;
  line-height: 56px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .heading--megaSSemibold {
    font-family: "WendysFresh";
    font-style: normal;
    font-weight: 600;
    font-size: 58px;
    line-height: 64px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.heading--displayLBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .heading--displayLBlack {
    font-family: "WendysFresh";
    font-style: normal;
    font-weight: 800;
    font-size: 46px;
    line-height: 56px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.heading--displayLSemibold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .heading--displayLSemibold {
    font-family: "WendysFresh";
    font-style: normal;
    font-weight: 600;
    font-size: 46px;
    line-height: 56px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.heading--displayMBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .heading--displayMBlack {
    font-family: "WendysFresh";
    font-style: normal;
    font-weight: 800;
    font-size: 41px;
    line-height: 48px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.heading--displayMSemibold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .heading--displayMSemibold {
    font-family: "WendysFresh";
    font-style: normal;
    font-weight: 600;
    font-size: 41px;
    line-height: 48px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.heading--displaySBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .heading--displaySBlack {
    font-family: "WendysFresh";
    font-style: normal;
    font-weight: 800;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.heading--displaySSemibold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .heading--displaySSemibold {
    font-family: "WendysFresh";
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.heading--titleLBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 23px;
  line-height: 32px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .heading--titleLBlack {
    font-family: "WendysFresh";
    font-style: normal;
    font-weight: 800;
    font-size: 26px;
    line-height: 32px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.heading--titleLSemibold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 600;
  font-size: 23px;
  line-height: 32px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .heading--titleLSemibold {
    font-family: "WendysFresh";
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.heading--titleMBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .heading--titleMBlack {
    font-family: "WendysFresh";
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.heading--titleSBlack {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .heading--titleSBlack {
    font-family: "WendysFresh";
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.heading--titleXSBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .heading--titleXSBold {
    font-family: "WendysFresh";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.heading--titleXSSemibold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .heading--titleXSSemibold {
    font-family: "WendysFresh";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.heading--title2XSBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .heading--title2XSBold {
    font-family: "WendysFresh";
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0px;
    text-indent: 0px;
  }
}

.heading--title3XSBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .heading--title3XSBold {
    font-family: "WendysFresh";
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0px;
    text-indent: 0px;
  }
}

.button--buttonLBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .button--buttonLBold {
    font-family: "WendysFresh";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.button--buttonLBoldLink {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .button--buttonLBoldLink {
    font-family: "WendysFresh";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0px;
    text-indent: 0px;
  }
}

.button--buttonSBold {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .button--buttonSBold {
    font-family: "WendysFresh";
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    text-indent: 0px;
  }
}

.button--buttonSBoldLink {
  font-family: "WendysFresh";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .button--buttonSBoldLink {
    font-family: "WendysFresh";
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    text-indent: 0px;
  }
}

.copy--bodyLRegular {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .copy--bodyLRegular {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.copy--bodyLBold {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .copy--bodyLBold {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0px;
    text-indent: 0px;
  }
}

.link--bodyLRegularLink {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .link--bodyLRegularLink {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.link--bodyLBoldLink {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .link--bodyLBoldLink {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0px;
    text-indent: 0px;
  }
}

.copy--bodyMBold {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .copy--bodyMBold {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.link--bodyMBoldLink {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .link--bodyMBoldLink {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.copy--bodyMRegular {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .copy--bodyMRegular {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.link--bodyMRegularLink {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .link--bodyMRegularLink {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.copy--bodySBold {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .copy--bodySBold {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.link--bodySBoldLink {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .link--bodySBoldLink {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.copy--bodySRegular {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .copy--bodySRegular {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.link--bodySRegularLink {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .link--bodySRegularLink {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.caption--captionLBlack {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .caption--captionLBlack {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0px;
    text-indent: 0px;
  }
}

.caption--captionLRegular {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .caption--captionLRegular {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.caption--captionSRegular {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0px;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .caption--captionSRegular {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.caption--captionSMedium {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
}
@media (min-width: 1200px) {
  .caption--captionSMedium {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0px;
    text-indent: 0px;
  }
}

/* styles/abstracts/mixins/typography */
/* styles/base/borders */
/* styles/abstracts/mixins/borders */
.border--none {
  border: 0px solid #63666A !important;
}

.border--s {
  border: 1px solid #63666A !important;
}

.border--m {
  border: 2px solid #63666A !important;
}

.border--l {
  border: 3px solid #63666A !important;
}

.border__radius--none {
  border-radius: 0px;
}

.border__radius--2 {
  border-radius: 2px;
}

.border__radius--4 {
  border-radius: 4px;
}

.border__radius--8 {
  border-radius: 8px;
}

.border__radius--12 {
  border-radius: 12px;
}

.border__radius--16 {
  border-radius: 16px;
}

.border__radius--20 {
  border-radius: 20px;
}

.border__radius--24 {
  border-radius: 24px;
}

.border__radius--9999 {
  border-radius: 9999px;
}

/* styles/abstracts/mixins/typography */
/* styles/base/shadows */
/* styles/abstracts/mixins/shadows */
.shadow--Xs {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.shadow--S {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.shadow--M {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.3);
}

.shadow--L {
  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.4);
}

.shadow--Xl {
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.5);
}

/* styles/abstracts/mixins/typography */
/* styles/base/spacing */
/* Padding Top/Bottom */
.padding-y--xxxs {
  padding-bottom: 4px;
  padding-top: 4px;
}

.padding-y--xxs {
  padding-bottom: 8px;
  padding-top: 8px;
}

.padding-y--xs {
  padding-bottom: 12px;
  padding-top: 12px;
}

.padding-y--sm {
  padding-bottom: 16px;
  padding-top: 16px;
}

.padding-y--md {
  padding-bottom: 24px;
  padding-top: 24px;
}

.padding-y--lg {
  padding-bottom: 32px;
  padding-top: 32px;
}

.padding-y--xl {
  padding-bottom: 40px;
  padding-top: 40px;
}

.padding-y--xxl {
  padding-bottom: 48px;
  padding-top: 48px;
}

/* Padding Left/Right */
.padding-x--xxxs {
  padding-right: 4px;
  padding-left: 4px;
}

.padding-x--xxs {
  padding-right: 8px;
  padding-left: 8px;
}

.padding-x--xs {
  padding-right: 12px;
  padding-left: 12px;
}

.padding-x--sm {
  padding-right: 16px;
  padding-left: 16px;
}

.padding-x--md {
  padding-right: 24px;
  padding-left: 24px;
}

.padding-x--lg {
  padding-right: 32px;
  padding-left: 32px;
}

.padding-x--xl {
  padding-right: 40px;
  padding-left: 40px;
}

.padding-x--xxl {
  padding-right: 48px;
  padding-left: 48px;
}

/* Margin Top */
.margin-t--xxs {
  margin-top: 16px;
}

.margin-t--xs {
  margin-top: 24px;
}

.margin-t--sm {
  margin-top: 32px;
}

.margin-t--md {
  margin-top: 40px;
}

.margin-t--lg {
  margin-top: 56px;
}

.margin-t--xl {
  margin-top: 80px;
}

.margin-t--xxl {
  margin-top: 96px;
}

/* Margin Bottom */
.margin-b--xxs {
  margin-bottom: 16px;
}

.margin-b--xs {
  margin-bottom: 24px;
}

.margin-b--sm {
  margin-bottom: 32px;
}

.margin-b--md {
  margin-bottom: 40px;
}

.margin-b--lg {
  margin-bottom: 56px;
}

.margin-b--xl {
  margin-bottom: 80px;
}

.margin-b--xxl {
  margin-bottom: 96px;
}

/* components/src/styles/base/overflow */
.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-scroll {
  overflow: scroll;
}