/* linked stylesheets */
@import url("../scraped_assets/css/a9d01fea3456284e.css");
@import url("../scraped_assets/css/e9170cf885f637de.css");
@import url("../scraped_assets/css/15c03c2e60bd7cf7.css");
@import url("../scraped_assets/css/cookie-plugin.css");
@import url("../scraped_assets/css/sa.css");

.\!container { width: 100% !important; }
.container { width: 100%; }
@media (min-width: 640px) {
  .\!container { max-width: 640px !important; }
  .container { max-width: 640px; }
}
@media (min-width: 768px) {
  .\!container { max-width: 768px !important; }
  .container { max-width: 768px; }
}
@media (min-width: 1024px) {
  .\!container { max-width: 1024px !important; }
  .container { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .\!container { max-width: 1280px !important; }
  .container { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .\!container { max-width: 1440px !important; }
  .container { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .\!container { max-width: 1536px !important; }
  .container { max-width: 1536px; }
}
.fontStyle { font-size: 12px; color: var(--color-foreground-content-enabled) !important; }
.stayConnnectedFont { font-family: var(--fontFamiliesPrimary) !important; font-weight: 700 !important; }
.headerStyle, .stayConnnectedFont { text-transform: uppercase !important; }
.headerStyle { font-family: var(--fontFamiliesPrimary); font-size: 22px !important; color: var(--color-foreground-content-enabled) !important; }
.footerDivider { border-top-width: 1px; border-bottom-width: 1px; border-top-color: var(--color-divider-inverse-base-component); border-bottom-color: var(--color-divider-inverse-base-component); }
@media (min-width: 1024px) {
  .footerDivider { border-top-width: 0px; }
}
.stayConnnectedFont { font-family: var(--fontFamiliesPrimary); font-size: 22px !important; }
.copyRightStyle { display: flex; gap: 0.75rem; }
.copyRightImage img { height: 1rem; width: 1rem; min-width: 0.25rem; }
.footerFanchiseStyle { display: flex; justify-content: center; }
@media (min-width: 1024px) {
  .footerFanchiseStyle { justify-content: flex-end; }
}
.headerButtonStyle { font-size: 14px; background-color: var(--color-buttons-primary-background-enabled) !important; font-family: var(--fontFamiliesPrimary) !important; }
@media (min-width: 1024px) {
  .headerButtonStyle { font-size: 22px !important; }
}
.bgBrandColor { background-color: var(--color-status-positive-on-base-hero-banner) !important; }
.bannerSectionDescription, .heroHeadBannerBadge { font-family: var(--fontFamiliesBody) !important; }
.homePage .heroHeadBannerBadge, .homePage .heroSectionBatch { background-color: var(--color-background-brand-secondary) !important; font-size: 14px !important; color: var(--color-foreground-content-enabled) !important; }
.bannerSectionTitle { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-family: BrooklynSamuelsThreeBold !important; font-size: 22px !important; text-transform: uppercase !important; color: var(--color-foreground-content-enabled) !important; }
@media (min-width: 1024px) {
  .bannerSectionTitle { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 34px !important; }
}
.bannerSectionDescription { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 14px !important; color: var(--colorBaseOffBlack500) !important; }
@media (min-width: 1024px) {
  .bannerSectionDescription { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
.buttonSection button { height: 2rem; background-color: var(--colorBaseOffBlack500); font-size: 12px !important; }
@media (min-width: 1024px) {
  .buttonSection button { height: 3rem; background-color: var(--color-buttons-primary-background-enabled) !important; font-size: 22px !important; }
}
.welcomeSmallText { display: flex !important; }
.\!tacText a, .\!tacText p, .tacText a, .tacText p, .welcomeSmallText { font-family: var(--fontFamiliesBody) !important; }
.subFooter + div { background-color: var(--color-web-footer-background-lower) !important; }
.heroHeaderModuleBanner section .heroHeaderBannerGradient::before { --tw-content: none !important; content: var(--tw-content) !important; }
.heroHeaderModuleBanner section:first-of-type { position: relative; }
.heroHeaderModuleBanner section:first-of-type::before { position: absolute; left: 0px; top: 0px; z-index: 10; height: 100%; width: 100%; --tw-content: ""; content: var(--tw-content) !important; background: var(--background-gradient-hero-header-mobile-brand) !important; }
@media (min-width: 1024px) {
  .heroHeaderModuleBanner section:first-of-type::before { content: var(--tw-content) !important; background: var(--background-gradient-hero-header-desktop-brand) !important; }
}
.heroHeaderModuleBanner .bgBrandColor .welcomeSmallText, .heroHeaderModuleBanner .bgBrandColor img, .heroHeaderModuleBanner .heroBannerCopyCont { position: relative; z-index: 20; }
.dealsHomeWrapper .moduleCtr .rewardsSection .rewardsBadge { color: var(--color-foreground-content-enabled) !important; }
.dealsHomeWrapper .moduleCtr .rewardsSection .rewardsBadge svg path { fill: var(--color-foreground-content-enabled) !important; }
.rewardsBannerBG { min-height: 275px !important; background-color: var(--color-promo-modules-celebratory-card-background) !important; }
@media (min-width: 1024px) {
  .rewardsBannerBG { min-height: 116px !important; }
}
.rewardsBannerBG .subtitleContent .homeRewardsModule .doubleTextFirst p { display: none; }
.rewardsTabContainer button.\!active, .rewardsTabContainer button.active { background-color: var(--color-menu-tabs-background-selected) !important; }
.rewardsTabContainer button.\!active .rewardsTabSection span.tabBtnTxt, .rewardsTabContainer button.active .rewardsTabSection span.tabBtnTxt { color: var(--color-foreground-content-enabled) !important; }
.celebrateBannerBG .username { display: none; }
.rewardHeader { padding-top: 0.25rem !important; }
.doubleTextSecond { display: none; }
.homeRewardsModule { padding-top: 0.25rem !important; }
.homeRewardsModule .doubleTextFirst p { text-transform: uppercase; font-family: BrooklynSamuelsThreeBold !important; font-size: 34px !important; color: var(--color-foreground-content-filled) !important; }
.descriptionText { font-family: var(--fontFamiliesBody) !important; font-size: 14px !important; font-weight: 600 !important; text-transform: none !important; }
@media (min-width: 1024px) {
  .descriptionText { font-size: 16px !important; }
}
.tacLinkText { font-family: var(--fontFamiliesBody) !important; font-size: 12px !important; text-transform: none !important; color: var(--color-foreground-content-filled) !important; }
.rewardsModuleBtn { padding-top: 0.25rem; text-transform: uppercase; height: 2rem !important; background-color: var(--color-promo-modules-rewards-element-background) !important; font-family: BrooklynSamuelsThreeBold !important; font-size: 22px !important; color: var(--color-promo-modules-rewards-element-text) !important; }
@media (min-width: 1024px) {
  .rewardsModuleBtn { height: 3rem !important; }
}
.rewardsTextImg { max-height: 1.5rem; }
.celebrateBannerBG .username { font-family: BrooklynSamuelsThreeBold !important; font-size: 34px !important; }
@media (min-width: 1024px) {
  .celebrateBannerBG .celebrateBannerDescription { max-width: 636px; }
}
.celebrateBannerDescription .descriptionText, .celebrateBannerDescription .tacLinkText { color: var(--color-foreground-content-filled) !important; }
.deliveryTextStyles { font-family: BrooklynSamuelsThreeBold !important; font-size: 18px !important; }
.heroBannerDescription { font-family: var(--fontFamiliesBody); font-weight: 400; }
.bannerLinkText { font-family: var(--fontFamiliesBody); text-transform: none; text-decoration-line: none !important; }
.subTitle { font-family: var(--fontFamiliesPrimary); }
.heroBannerSectionContainer { --tw-gradient-from: var(--colorBaseAlpha950) var(--tw-gradient-from-position) !important; --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to) !important; }
.heroBannerSectionContainer::before { position: absolute; left: 0px; top: 0px; z-index: 10; width: 100%; --tw-content: ""; content: var(--tw-content); background-image: linear-gradient(to left,var(--tw-gradient-stops)) !important; }
@media (min-width: 1024px) {
  .heroBannerSectionContainer::before { bottom: 0px; top: 0.625rem; content: var(--tw-content); height: 100%; }
}
.heroBannerSectionContainer div h3 { font-family: BrooklynSamuelsThreeBold !important; text-transform: uppercase !important; }
@media (min-width: 1024px) {
  .heroBannerSectionContainer div h3 { font-family: BrooklynSamuelsThreeBold !important; }
}
.staticBannerDescription { line-height: 2.25rem; border-radius: 0.375rem !important; border-width: 0px !important; background-color: rgba(255, 255, 255, 0.8) !important; font-family: var(--fontFamiliesPrimary) !important; color: var(--colorBaseOffBlack500) !important; }
.shortBannerHeightStatic .staticBannerImage { height: 210px !important; }
.feedbackSubCopy { font-family: var(--fontFamiliesBody); font-weight: 600; font-size: 16px !important; }
.feedbackMainCopy { font-family: BrooklynSamuelsThreeBold; font-size: 22px !important; letter-spacing: 0.025em !important; }
.atomicModal .optionalInputContainer { width: 100%; }
.outletRightContainer .rewardsTabSection .tabIcon { display: flex; height: 1rem; width: 1rem; }
@media (min-width: 1024px) {
  .outletRightContainer .rewardsTabSection .tabIcon { height: 18px; width: 18px; }
}
.outletRightContainer .rewardsTabSection .tabIcon svg { height: 1rem !important; width: 1rem !important; }
@media (min-width: 1024px) {
  .outletRightContainer .rewardsTabSection .tabIcon svg { height: 18px !important; width: 18px !important; }
  .outletRightContainer .rewardsTabSection .tabBtnTxt { font-size: 12px !important; }
}
.outletRightContainer div[role="tablist"] button[aria-selected="true"] { background-color: var(--color-menu-tabs-background-selected) !important; }
.outletRightContainer .errorLocationShare div[role="tablist"] button[aria-selected="true"] { background-color: transparent !important; }
.outletRight .tabSectionWrapper { padding-left: 1.25rem; padding-right: 1.25rem; }
.outletRight .tabSectionWrapper [role="tablist"] button.\!active, .outletRight .tabSectionWrapper [role="tablist"] button.active { background-color: var(--color-misc-order-method-toggle) !important; }
.outletRight .tabSectionWrapper [role="tablist"] button .rewardsTabSection span.tabBtnTxt { font-size: 14px !important; }
.outletRight .selcectTabSection { margin-left: 0px !important; margin-right: 0px !important; }
.outletRight .selcectTabSection .tabSectionWrapper { padding-left: 0px; padding-right: 0px; }
.outletRight .fbrOverlayWrapper .tabSectionWrapper { padding-left: 1.25rem; padding-right: 1.25rem; }
.rewardsTabSection .tabIcon, .tabSection .tabIcon { display: none; }
.rewardsTabSection button.\!active, .rewardsTabSection button.active, .tabSection button.\!active, .tabSection button.active { background-color: var(--color-menu-tabs-background-selected) !important; }
.rewardsTabSection span.tabBtnTxt, .tabSection span.tabBtnTxt { position: relative; top: 2px; font-size: 12px; line-height: 1; font-family: BrooklynSamuelsThreeBold !important; }
@media (min-width: 1024px) {
  .rewardsTabSection span.tabBtnTxt, .tabSection span.tabBtnTxt { font-size: 22px !important; }
}
.promotionCardAtomic .bgPromotionCardAtomic { background-color: var(--color-background-neutral-white) !important; }
.promotionCardAtomic .contentContainer .contentLeftHdgAtomic { font-family: BrooklynSamuelsThreeBold; font-size: 22px; text-transform: uppercase; color: var(--color-foreground-content-enabled) !important; }
@media (min-width: 1024px) {
  .promotionCardAtomic .contentContainer .contentLeftHdgAtomic { font-size: 34px; }
  .promotionCardAtomic .contentContainer { padding-left: 1rem; }
}
.promotionCardAtomic .contentContainer .fullWidth .introducingEmenuBtnAtomic { border-color: var(--color-buttons-secondary-large-foreground-enabled); font-size: 22px !important; color: var(--color-buttons-secondary-large-foreground-enabled) !important; }
.promotionCardAtomic .columnContainer.imageLeft { margin-top: 0px; }
@media (min-width: 1024px) {
  .promotionCardAtomic .columnContainer.imageLeft { margin-top: 0px; }
}
.promotionCardAtomic .imageLeft + .contentContainer { padding-bottom: 1rem; }
@media (min-width: 1024px) {
  .promotionCardAtomic .imageLeft + .contentContainer { padding-bottom: 0px; }
}
.promGridModuleCtr h3 { font-size: 22px !important; text-transform: uppercase; }
.quPDPHeader path { fill: var(--color-base-off-black-500) !important; }
@media (min-width: 1024px) {
  .menuPageListContainer .menuPageList { --tw-shadow: 0px 12px 16px 0px rgba(0,0,0,.1),0px 12px 12px -12px rgba(0,0,0,.25); --tw-shadow-colored: 0px 12px 16px 0px var(--tw-shadow-color),0px 12px 12px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
}
.menuPageListContainer .menuPageList .menuDescCtr { max-width: 223px; }
@media (min-width: 1024px) {
  .menuPageListContainer .menuPageList .menuDescCtr { max-width: 100%; }
}
.menuPageListContainer .menuPageList .menuDescCtr .menuPageDesc p { text-align: left; font-size: 14px !important; color: var(--color-foreground-content-subtle-enabled) !important; }
@media (min-width: 1024px) {
  .menuPageListContainer .menuPageList .menuDescCtr .menuPageDesc p { text-align: center; }
}
.menuPageListContainer .menuPageList .menuImageWrapper { height: 100px; width: 100px; }
@media (min-width: 1024px) {
  .menuPageListContainer .menuPageList .menuImageWrapper { height: auto; width: 100%; }
  .menuPageListContainer .menuPageList .menuImageWrapper img { border-width: 0px !important; }
}
.menuPageListContainer .menuPageList .menuPageListTitle p, .menuPageListContainer .menuPageList .menuPageListTitleActive p { text-transform: uppercase; }
.\!favorites .menuPageListContainer, .favorites .menuPageListContainer, .recents .menuPageListContainer { gap: 1.5rem; }
.\!favorites .menuPageListContainer .pdpListTile button.viewMoreViewLess, .favorites .menuPageListContainer .pdpListTile button.viewMoreViewLess, .recents .menuPageListContainer .pdpListTile button.viewMoreViewLess { color: var(--color-background-brand-primary) !important; }
.categorySection .pdpListTileText { text-transform: uppercase !important; color: var(--color-foreground-content-enabled) !important; }
.rewardsListAtomic { margin-top: 1.5rem; }
@media (min-width: 1024px) {
  .rewardsListAtomic { column-gap: 2.5rem; }
  .rewardsListAtomic .rewardsListLandingAtomic { border-bottom-width: 1px; }
}
.rewardsListAtomic .rewardsListLandingAtomic .rewardsListText { font-family: BrooklynSamuelsThreeBold; font-size: 24px; text-transform: uppercase; }
.rewardsListAtomic .rewardsListLandingAtomic .rewardDealDescriptionAtomic { width: 237px; }
.rewardsListAtomic .rewardsListLandingAtomic .rewardsListImgAtomic { min-height: 78px; min-width: 78px; }
.rewardsListAtomic + .tacContainerAtomic { padding-bottom: 0px !important; }
@media (min-width: 1024px) {
  .rewardsListAtomic + .tacContainerAtomic .rewardsLndgTermsTextAtomic { margin-bottom: 0px !important; }
}
.categorySection .menuPromoBadge { font-weight: 700; background-color: var(--color-buttons-header-standard-inverse-background-enabled) !important; color: var(--color-foreground-content-inverse-enabled) !important; }
.categorySection .doubleMediumSmallBanner .menuPromoBannerTitle, .categorySection .mediumSmallBanner .menuPromoBannerTitle { line-height: 1.5rem; font-family: var(--fontFamiliesPrimary) !important; font-size: 22px !important; color: var(--color-buttons-header-standard-inverse-foreground-enabled) !important; }
.categorySection .doubleMediumSmallBanner .menuPromoBannerDesc, .categorySection .doubleMediumSmallBanner .termsAndCondition, .categorySection .mediumSmallBanner .menuPromoBannerDesc, .categorySection .mediumSmallBanner .termsAndCondition { color: var(--color-buttons-header-standard-inverse-foreground-enabled) !important; }
.NewLoyaltyDealsSlider .dealSection .dealCard .dealCardSec .dealCardTitle, .loyaltyRightSideContainer .dealSection .dealCard .dealCardSec .dealCardTitle { color: var(--color-foreground-content-enabled-deals-title) !important; }
.NewLoyaltyDealsSlider .dealSection .dealCard .dealCardSec .dealCardCopyTextLink, .NewLoyaltyDealsSlider .dealSection .dealCard .dealCardSec .dealCardExpire, .loyaltyRightSideContainer .dealSection .dealCard .dealCardSec .dealCardCopyTextLink, .loyaltyRightSideContainer .dealSection .dealCard .dealCardSec .dealCardExpire { color: var(--color-foreground-content-subtle-enabled) !important; }
.NewLoyaltyDealsSlider .dealSection .dealCard .rightArrow svg path, .loyaltyRightSideContainer .dealSection .dealCard .rightArrow svg path { fill: var(--color-foreground-content-enabled) !important; }
.dealExpireDate { font-size: 12px !important; color: var(--color-foreground-content-enabled) !important; }
.useDealSectionBtn { padding-top: 0.25rem; height: 2rem !important; background-color: var(--color-promo-modules-offers-element-background) !important; font-size: 22px !important; }
.mostPopularCarosuel .gallerySliderDescription .mostPopularCardTitle { font-family: BrooklynSamuelsThreeBold !important; text-transform: uppercase !important; color: var(--color-foreground-content-enabled) !important; }
.mostPopularCarosuel .gallerySliderDescription .galleryDescriptionCalAndPrice p, .mostPopularCarosuel .gallerySliderDescription .galleryDescriptionCalAndPrice span { color: var(--color-foreground-content-subtle-enabled) !important; }
.cartGalleryContainer .gallerySliderDescription .galleryTextContainer .mostPopularCardTitle { font-family: BrooklynSamuelsThreeBold !important; text-transform: uppercase !important; }
.drawerContainer .cartGalleryContainer .itemListContainer .itemList { padding-bottom: 0px !important; }
.drawerContainer .cartGalleryContainer .disclaimerTextCartHomePageCart { margin-top: 0px !important; }
.rewardsCardAtomic .rewardDishTitle .rewardsCardTitle { font-family: BrooklynSamuelsThreeBold !important; }
.rewardsCardAtomic .rewardDishTitle h4 .rewardTitleArrow { right: -3px; }
.rewardsCardAtomic .rewardDishTitle h4 .rewardTitleArrow svg path { fill: var(--color-foreground-content-enabled) !important; }
.rewardsCardAtomic .rewardsBadge { border-width: 0px; background-color: var(--color-primary-500) !important; color: var(--color-rewards-offers-rewards-card-background-available) !important; }
.rewardsCardAtomic .rewardsBadge svg path { fill: var(--color-rewards-offers-rewards-card-background-available) !important; }
.rewardsCardAtomic .rewardsInteractionWraper { background-color: var(--color-primary-500) !important; }
.rewardsCardAtomic .rewardsInteractionWraper .rewardsInteractionButton { background-color: var(--color-rewards-offers-rewards-card-background-available) !important; }
.rewardsCardAtomic .rewardsInteractionWraper .rewardsInteractionButton svg path { fill: var(--color-primary-500) !important; }
.rewardsCardAtomic.isRewardApplied { background-color: var(--color-primary-500) !important; }
.rewardsCardAtomic.isRewardApplied .rewardsBadge { background-color: var(--color-rewards-offers-rewards-card-background-available) !important; color: var(--color-foreground-content-enabled-component) !important; }
.rewardsCardAtomic.isRewardApplied .rewardsBadge svg path { fill: var(--color-foreground-content-enabled-component) !important; }
.rewardsCardAtomic.isRewardApplied .rewardsCardTitle { color: var(--color-rewards-offers-rewards-card-background-available) !important; }
.rewardsCardAtomic.isRewardApplied .rewardsCardTitle .rewardTitleArrow > svg path { fill: var(--color-rewards-offers-rewards-card-background-available) !important; }
.rewardsCardAtomic.isRewardApplied .rewardsInteractionWraper { background-color: var(--color-rewards-offers-rewards-card-background-available) !important; }
.rewardsCardAtomic.isRewardApplied .rewardsInteractionWraper .rewardsInteractionButton svg path { fill: var(--color-foreground-content-enabled-component) !important; }
.moduleCtr .listinnerwrapper .pdpListTileText { text-transform: uppercase !important; color: var(--color-foreground-content-enabled) !important; }
.amountContainer .CartLineItem { margin-bottom: 0px !important; }
.checkoutLineItem .checkoutText { color: var(--color-foreground-content-enabled) !important; }
.accordionWrapper .pdpAccordionAtomic .subAccordion { margin: 0px !important; min-height: 72px !important; }
.faqSection .faqRightSection [data-slot="accordion"] .accordionHeader, .faqSection .faqRightSection [data-slot="accordion"] .bgFaq { background-color: var(--color-background-neutral-base) !important; }
.faqSection .faqRightSection [data-slot="accordion"] .accordionHeader .arrowModifier path { stroke: var(--color-foreground-icon-enabled); }
.orderDetailWrapper.orderDetailsAccordion .dishContainer { border-top-width: 0px; }
.qu-pdpLanding .selectSize .quSelector button { border-radius: 0.75rem; font-size: 18px; text-transform: uppercase; letter-spacing: -0.15px; font-family: BrooklynSamuelsThreeBold !important; }
.qu-pdpLanding .selectSize .quSelector button[aria-checked="false"] { border-color: var(--colorPrimary500); background-color: transparent; text-transform: uppercase; color: var(--colorPrimary500); }
.qu-pdpLanding .stickyName .productTitle { font-family: BrooklynSamuelsThreeBold !important; font-size: 36px !important; letter-spacing: 0.25px !important; }
.qu-pdpLanding .stickyBtnStyle .btnStartOrder { display: flex; justify-content: space-between; }
.qu-pdpLanding .stickyBtnStyle .btnStartOrder .btnPrice, .qu-pdpLanding .stickyBtnStyle .btnStartOrder .btnSpace { font-size: 22px; font-family: BrooklynSamuelsThreeBold !important; letter-spacing: 0.025em !important; }
.qu-pdpLanding .stickyBtnStyle .mixMatchButton { font-family: BrooklynSamuelsThreeBold !important; font-size: 22px !important; text-transform: uppercase !important; letter-spacing: 0.025em !important; }
.qu-pdpLanding .stickyBtnStyle .customizeButton { font-family: BrooklynSamuelsThreeBold !important; font-size: 18px !important; text-transform: uppercase !important; letter-spacing: -0.15px !important; }
.pdpLanding .productInfo .favoritesDish .favoritesDishLeftHeading { color: var(--color-foreground-content-enabled) !important; }
.pdpLanding .pdpAccordionAtomic .accordionContainer .accordionContainer .accordionContainer { z-index: 9 !important; }
.makeItYourOwn .titleText { font-size: 22px; text-transform: uppercase; line-height: 1.5rem; letter-spacing: 0.5px; font-family: BrooklynSamuelsThreeBold !important; }
.makeItYourOwn .customizeDescriptionText, .makeItYourOwn .customizeText, .makeItYourOwn .ingredientText { font-family: var(--fontFamiliesBody); font-weight: 400; color: var(--color-buttons-primary-large-foreground-disabled); }
.makeItYourOwn .undoLinkButton { font-weight: 700; font-family: var(--fontFamiliesBody) !important; font-size: 14px !important; }
.makeItYourOwn .extrasButton { font-size: 22px; text-transform: uppercase; font-family: BrooklynSamuelsThreeBold !important; }
@media (min-width: 1024px) {
  .qu-pdpLanding { padding-bottom: 2rem; }
}
.qu-pdpLanding .stickyBtnStyle { padding-bottom: 2.5rem !important; }
.qu-pdpLanding .extrasAreaStyles { border-radius: 0.5rem; }
.qu-pdpLanding .extrasAreaStyles .checkBoxWrapper .extrasAreaCheckBox[data-state="checked"] svg { stroke: rgb(0, 0, 0); }
.customizeButton { width: 100%; font-family: var(--fontFamiliesPrimary); text-transform: lowercase; border-color: var(--colorPrimary500) !important; font-size: 22px !important; }
.customizeButton:hover { background-color: transparent !important; color: var(--colorPrimary500) !important; }
.selectSide { justify-content: space-between !important; padding-left: 18px !important; padding-right: 18px !important; font-size: var(--fontSizeFontSizeMd) !important; }
.selectSide svg { height: 1.5rem !important; width: 1.5rem !important; }
.modalComponents .quWarningPopup .quWarningModalBtns .quWarningModalPrimary { font-size: 14px; }
.atomicModal .quWarningPopup .popupTitle, .quWarningPopup .popupTitle { align-items: flex-end; }
.quWarningPopup .popupTitle .ingredientsWarningTitle { font-size: 22px; line-height: 1.5rem; }
.quWarningPopup .popupTitle .ingredientsWarningTitle, .quWarningPopup .quWarningModalBtns .quWarningButton { font-family: BrooklynSamuelsThreeBold !important; text-transform: uppercase !important; }
.quModalOrder { border-radius: 1rem; border-width: 1px; border-style: solid; border-color: var(--color-brandCustomization-suggestedSell-line-item-border); padding-top: 23px; }
.quModalBtn .cancelButton { font-family: BrooklynSamuelsThreeBold !important; }
.quOrderPopup .quOrderPopupCont .quOrderPopupTitle { font-family: BrooklynSamuelsThreeBold; }
@media (min-width: 1024px) {
  .atomicModal .leavePagePopup .modalBtns button { line-height: 1.75rem; }
}
.homeFullScreen { background-color: var(--color-background-neutral-white) !important; }
.bodyContainer .homeFullScreen .homeFullScreenWrapper .FullScreenWrapper .homeFullScreenTitle .largeTitle .largeTitle, .bodyContainer .homeFullScreen .homeFullScreenWrapper .FullScreenWrapper .homeFullScreenTitle .largeTitle.tenCharactersExceeds { font-size: 37px !important; line-height: 37px !important; }
@media (min-width: 1024px) {
  .bodyContainer .homeFullScreen .homeFullScreenWrapper .FullScreenWrapper .homeFullScreenTitle .largeTitle .largeTitle, .bodyContainer .homeFullScreen .homeFullScreenWrapper .FullScreenWrapper .homeFullScreenTitle .largeTitle.tenCharactersExceeds { font-size: 60px !important; line-height: 1.75rem !important; }
}
.campaignEyeBrowTitle { font-size: 22px; text-transform: uppercase; line-height: 1.5rem; }
.celebrateBanner .homeFullScreenWrapperContent .homeCampaignBannerTitle { display: flex; flex-direction: column; gap: 1rem; }
.homePage .celebrateBanner .homeFullScreenWrapper .campaignBannerTitle { padding-bottom: 0px; }
.homePage .celebrateBanner .homeFullScreenWrapper .campaignBannerTitle.tenCharactersExceeds { text-transform: uppercase; font-size: 37px !important; line-height: 37px !important; }
@media (min-width: 1024px) {
  .homePage .celebrateBanner .homeFullScreenWrapper .campaignBannerTitle.tenCharactersExceeds { font-size: 60px !important; line-height: 60px !important; }
}
.homePage .celebrateBanner .homeFullScreenWrapper .homeFullScreenWrapperContent .termsAndCondition { margin-top: 0px; }
.homePageWrapper .bodyContainer .homeFullScreen .homeFullScreenWrapper .largeTitle.tenCharactersExceeds, .homePageWrapper .homePage .homeFullScreen .homeFullScreenWrapper .largeTitle.tenCharactersExceeds { padding-left: 0px; padding-right: 0px; text-transform: uppercase; font-size: 32px !important; line-height: 36px !important; }
@media (min-width: 1024px) {
  .homePageWrapper .bodyContainer .homeFullScreen .homeFullScreenWrapper .largeTitle.tenCharactersExceeds, .homePageWrapper .homePage .homeFullScreen .homeFullScreenWrapper .largeTitle.tenCharactersExceeds { font-size: 80px !important; line-height: 56px !important; }
}
.homePageWrapper .bodyContainer .homeFullScreen .homeFullScreenWrapper .homeFullScreenContent, .homePageWrapper .homePage .homeFullScreen .homeFullScreenWrapper .homeFullScreenContent { padding-top: 1rem; padding-bottom: 1rem; }
.homePageWrapper .bodyContainer .homeFullScreen .termsAndCondition, .homePageWrapper .homePage .homeFullScreen .termsAndCondition { margin-bottom: 0px; margin-top: 0.5rem; padding-bottom: 1.25rem; }
@media (min-width: 1024px) {
  .homePageWrapper .bodyContainer .homeFullScreen .termsAndCondition, .homePageWrapper .homePage .homeFullScreen .termsAndCondition { margin-top: 1.25rem; }
}
.menuPageBg .menuBannerSection, .menuPageBg .menuBannerSection .mealKitContentWraper { background-color: var(--color-promo-modules-product-promo-card-background) !important; }
.menuPageBg .menuBannerSection .mealKitContentWraper .btnTermsCtr .termsAndCondition a { color: var(--color-foreground-content-inverse-enabled) !important; }
.menuPageBg .menuBannerSection .mealKitContentWraper .btnTermsCtr button { background-color: var(--color-promo-modules-product-promo-element-background) !important; }
.homePageWrapper .bodyContainer .celebrateBanner, .homePageWrapper .bodyContainer .homeFullScreen, .homePageWrapper .homePage .celebrateBanner, .homePageWrapper .homePage .homeFullScreen { background-color: var(--color-background-neutral-white) !important; }
.homePageWrapper .bodyContainer .celebrateBanner .homeFullScreenWrapper .homeFullScreenExpiry, .homePageWrapper .bodyContainer .homeFullScreen .homeFullScreenWrapper .homeFullScreenExpiry, .homePageWrapper .homePage .celebrateBanner .homeFullScreenWrapper .homeFullScreenExpiry, .homePageWrapper .homePage .homeFullScreen .homeFullScreenWrapper .homeFullScreenExpiry { color: var(--color-foreground-content-enabled) !important; }
.bodyContainer .homeFullScreen { background-color: var(--color-background-neutral-white) !important; }
.ctaButtonsContainer .fullTakeoverModuleBtn { position: relative; top: 3px; }
.cartRewardsDealsButton { border-color: var(--color-buttons-primary-large-background-enabled) !important; }
.addPromoCodeButton .addCodeCartButton { border-color: var(--color-border-checkout-promo-code-base) !important; color: var(--color-border-checkout-promo-code-base) !important; }
.addPromoCodeButton .addCodeCartButton svg { fill: var(--color-border-checkout-promo-code-base) !important; }
.chooseSideOrDrinkHead .drawerCloseBtn svg path:first-child { fill: none !important; }
.dottedLoader { aspect-ratio: 8 / 1; width: 6rem; }
.staticContentButton { font-family: BrooklynSamuelsThreeBold; text-transform: uppercase; }
.reorderCardSection button, .reorderCardSection h2, .reorderCardSection h3, .reorderModuleWrapper button, .reorderModuleWrapper h2, .reorderModuleWrapper h3 { text-transform: uppercase !important; color: var(--color-base-off-black-500) !important; }
.reorderCardSection h2, .reorderModuleWrapper h2 { font-size: 18px !important; }
@media (min-width: 1024px) {
  .reorderCardSection h2, .reorderModuleWrapper h2 { font-size: 34px !important; line-height: 34px; }
}
.reorderCardSection h3, .reorderModuleWrapper h3 { font-size: 18px !important; }
.reorderCardSection .reorderCardWrap .reorderCardCont button, .reorderModuleWrapper .reorderCardWrap .reorderCardCont button { border-radius: 9999px; text-transform: uppercase; color: var(--color-primary-500) !important; }
.reorderCardSection .reorderCardWrap .reorderCardCont button:hover, .reorderModuleWrapper .reorderCardWrap .reorderCardCont button:hover { border-color: var(--color-primary-500); }
@media (min-width: 1024px) {
  .reorderCardSection .reorderCardWrap .reorderCardCont button, .reorderModuleWrapper .reorderCardWrap .reorderCardCont button { font-size: 14px !important; }
}
.reorderCardSection .reorderCardWrap .reorderCardCont p, .reorderModuleWrapper .reorderCardWrap .reorderCardCont p { font-size: 12px !important; }
.reorderCardSection .reorderCardWrap .reorderCardCont p:first-child, .reorderModuleWrapper .reorderCardWrap .reorderCardCont p:first-child { font-size: 18px !important; }
.reorderCardSection .reorderCardWrap .reorderCardCont p.reorderCardItemName, .reorderCardSection .reorderCardWrap .reorderCardCont p:last-child, .reorderModuleWrapper .reorderCardWrap .reorderCardCont p.reorderCardItemName, .reorderModuleWrapper .reorderCardWrap .reorderCardCont p:last-child { font-size: 12px !important; }
.reorderModuleWrapper { font-family: var(--fontFamiliesBody) !important; }
.reorderModuleWrapper [data-slot="card-title"] { font-weight: 700 !important; }
.reorderModuleWrapper button { font-family: var(--fontFamiliesPrimary); color: var(--color-base-alpha-50) !important; }
.reorderModuleWrapper button:hover { background-color: var(--color-primary-500); }
@media (min-width: 1024px) {
  .reorderModuleWrapper button { font-size: 22px; }
}
.menuPageBg .menuPageListPdpContainer .rightSideWrapper .categorySection .mobileSubNav { top: 134px !important; background-color: var(--color-base-alpha-50) !important; }
.menuPageBg.noLocationSelected .menuPageListPdpContainer .rightSideWrapper .righttitleSticky.mobileSubMenu { top: 108px; }
@media (min-width: 1024px) {
  .menuPageBg.noLocationSelected .menuPageListPdpContainer .rightSideWrapper .righttitleSticky.mobileSubMenu { top: 130px; }
}
.categoriesList .menuName.\!selected span, .categoriesList .menuName.selected span { border-bottom-color: var(--color-brand-primary); }
:root { --color-foreground-content-enabled: #202421; --color-divider-inverse-base-component: #ffffff33; --color-status-positive-on-base-hero-banner: #fff; --color-buttons-primary-large-background-enabled: #fc4c02; --color-buttons-primary-background-enabled: #fc4c02; --color-promo-modules-celebratory-card-background: #64ccc9; --color-foreground-brand-secondary-on-background: #242021; --color-buttons-header-standard-inverse-background-enabled: #242021; --color-buttons-header-standard-inverse-foreground-enabled: #fff; --color-menu-tabs-background-selected: #64ccc9; --color-web-footer-background-lower: #64ccc9; --color-background-brand-secondary: #64ccc9; --color-buttons-secondary-large-foreground-enabled: #fc4c02; --color-background-brand-primary: #fc4c02; --color-foreground-content-subtle-enabled: #525252; --color-brandCustomization-suggestedSell-line-item-border: #d4d4d4; --background-gradient-hero-header-mobile-brand: linear-gradient(90deg,#fff 57.11%,hsla(0,0%,100%,.8) 79.78%,hsla(0,0%,100%,.3)); --background-gradient-hero-header-desktop-brand: linear-gradient(90deg,#fff 71.5%,hsla(0,0%,100%,.55) 87%,hsla(0,0%,100%,0)); --color-buttons-primary-large-foreground-disabled: #737373; --color-brandCustomization-promo-modules-rewards-element-text: #242021; --color-buttons-primary-small-foreground-enabled: #242021; --color-foreground-content-filled: #171717; --color-misc-order-method-toggle: #242021; --color-background-neutral-base: #f4f2ec; --color-foreground-icon-enabled: #242021; --color-promo-modules-product-promo-element-background: #fff; --color-promo-modules-product-promo-element-text: #242021; --color-promo-modules-product-promo-card-background: #64ccc9; --color-foreground-content-inverse-enabled: #fff; --color-background-neutral-white: #fff; --color-foreground-content-enabled-component-takeover: #242021; --color-border-checkout-promo-code-base: #fc4c02; }


*, ::after, ::before { box-sizing: border-box; border: 0px solid rgb(229, 231, 235); }
::after, ::before { --tw-content: ""; }
:host, html { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }
body { margin: 0px; line-height: inherit; }
hr { height: 0px; color: inherit; border-top-width: 1px; }
abbr:where([title]) { text-decoration: underline dotted; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }
code, kbd, pre, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; }
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; }
table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0px; padding: 0px; }
button, select { text-transform: none; }
[type="button"], [type="reset"], [type="submit"], button { appearance: button; background-color: transparent; background-image: none; }
progress { vertical-align: baseline; }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
summary { display: list-item; }
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0px; }
fieldset { margin: 0px; }
fieldset, legend { padding: 0px; }
menu, ol, ul { list-style: none; margin: 0px; padding: 0px; }
dialog { padding: 0px; }
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); }
[role="button"], button { cursor: pointer; }
:disabled { cursor: default; }
audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
[hidden] { display: none; }
*, ::after, ::before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; }
::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; }
.sr-only { position: absolute; clip: rect(0px, 0px, 0px, 0px); }
.not-sr-only { position: static; width: auto; height: auto; padding: 0px; margin: 0px; overflow: visible; clip: auto; white-space: normal; }
.pointer-events-auto { pointer-events: auto; }
.invisible { visibility: hidden; }
.absolute { position: absolute; }
.\!relative { position: relative !important; }
.-inset-1 { inset: -0.25rem; }
.inset-0 { inset: 0px; }
.\!right-5 { right: 1.25rem !important; }
.\!top-5 { top: 1.25rem !important; }
.-bottom-5 { bottom: -1.25rem; }
.-bottom-7 { bottom: -1.75rem; }
.-top-10 { top: -2.5rem; }
.-top-\[10px\] { top: -10px; }
.-top-\[70px\] { top: -70px; }
.-top-\[8px\] { top: -8px; }
.bottom-0 { bottom: 0px; }
.bottom-2 { bottom: 0.5rem; }
.bottom-6 { bottom: 1.5rem; }
.left-0 { left: 0px; }
.left-1 { left: 0.25rem; }
.left-10 { left: 2.5rem; }
.left-3 { left: 0.75rem; }
.left-5 { left: 1.25rem; }
.left-\[140px\] { left: 140px; }
.left-\[14px\] { left: 14px; }
.left-\[2px\] { left: 2px; }
.left-\[7px\] { left: 7px; }
.left-\[95px\] { left: 95px; }
.right-0 { right: 0px; }
.right-0\.5 { right: 0.125rem; }
.right-2 { right: 0.5rem; }
.right-3 { right: 0.75rem; }
.right-6 { right: 1.5rem; }
.top-0 { top: 0px; }
.top-0\.5 { top: 0.125rem; }
.top-1 { top: 0.25rem; }
.top-1\.5 { top: 0.375rem; }
.top-2 { top: 0.5rem; }
.top-2\.5 { top: 0.625rem; }
.top-9 { top: 2.25rem; }
.top-\[-26px\] { top: -26px; }
.top-\[130px\] { top: 130px; }
.top-\[160px\] { top: 160px; }
.top-\[195px\] { top: 195px; }
.top-\[1px\] { top: 1px; }
.top-\[245px\] { top: 245px; }
.top-\[7px\] { top: 7px; }
.top-\[80px\] { top: 80px; }
.top-full { top: 100%; }
.isolation-auto { isolation: auto; }
.z-\[25\] { z-index: 25; }
.z-\[29\] { z-index: 29; }
.order-none { order: 0; }
.col-span-2 { grid-column: span 2 / span 2; }
.col-span-3 { grid-column: span 3 / span 3; }
.float-start { float: inline-start; }
.float-end { float: inline-end; }
.float-right { float: right; }
.float-left { float: left; }
.float-none { float: none; }
.clear-start { clear: inline-start; }
.clear-end { clear: inline-end; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-both { clear: both; }
.clear-none { clear: none; }
.m-0 { margin: 0px; }
.m-20 { margin: 5rem; }
.m-6 { margin: 1.5rem; }
.m-auto { margin: auto; }
.\!mx-0 { margin-left: 0px !important; margin-right: 0px !important; }
.-mx-5 { margin-left: -1.25rem; margin-right: -1.25rem; }
.-mx-px { margin-left: -1px; margin-right: -1px; }
.mx-0 { margin-left: 0px; margin-right: 0px; }
.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
.mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
.mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
.mx-\[30px\] { margin-left: 30px; margin-right: 30px; }
.mx-\[var\(--spacing-12x\)\] { margin-left: var(--spacing-12x); margin-right: var(--spacing-12x); }
.mx-auto { margin-left: auto; margin-right: auto; }
.my-0 { margin-top: 0px; margin-bottom: 0px; }
.my-12 { margin-top: 3rem; margin-bottom: 3rem; }
.my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.my-4 { margin-top: 1rem; margin-bottom: 1rem; }
.my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.my-7 { margin-top: 1.75rem; margin-bottom: 1.75rem; }
.my-8 { margin-top: 2rem; margin-bottom: 2rem; }
.my-\[var\(--spacing-12x\)\] { margin-top: var(--spacing-12x); margin-bottom: var(--spacing-12x); }
.\!mb-8 { margin-bottom: 2rem !important; }
.-mb-2 { margin-bottom: -0.5rem; }
.-mt-1 { margin-top: -0.25rem; }
.-mt-2 { margin-top: -0.5rem; }
.-mt-2\.5 { margin-top: -0.625rem; }
.-mt-4 { margin-top: -1rem; }
.mb-0 { margin-bottom: 0px; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-1\.5 { margin-bottom: 0.375rem; }
.mb-12 { margin-bottom: 3rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-5 { margin-bottom: 1.25rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-7 { margin-bottom: 1.75rem; }
.mb-8 { margin-bottom: 2rem; }
.mb-\[--paragraphSpacing-large\] { margin-bottom: var(--paragraphSpacing-large); }
.mb-\[--paragraphSpacing-medium\] { margin-bottom: var(--paragraphSpacing-medium); }
.mb-\[--paragraphSpacing-none\] { margin-bottom: var(--paragraphSpacing-none); }
.ml-0 { margin-left: 0px; }
.ml-0\.5 { margin-left: 0.125rem; }
.ml-1 { margin-left: 0.25rem; }
.ml-2 { margin-left: 0.5rem; }
.ml-2\.5 { margin-left: 0.625rem; }
.ml-\[-30px\] { margin-left: -30px; }
.ml-\[12px\] { margin-left: 12px; }
.ml-\[5\%\] { margin-left: 5%; }
.mr-0 { margin-right: 0px; }
.mr-1 { margin-right: 0.25rem; }
.mr-3 { margin-right: 0.75rem; }
.mr-6 { margin-right: 1.5rem; }
.mr-\[10px\] { margin-right: 10px; }
.mr-\[35px\] { margin-right: 35px; }
.mr-\[6px\] { margin-right: 6px; }
.mt-0 { margin-top: 0px; }
.mt-0\.5 { margin-top: 0.125rem; }
.mt-1 { margin-top: 0.25rem; }
.mt-1\.5 { margin-top: 0.375rem; }
.mt-10 { margin-top: 2.5rem; }
.mt-14 { margin-top: 3.5rem; }
.mt-16 { margin-top: 4rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-2\.5 { margin-top: 0.625rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-4 { margin-top: 1rem; }
.mt-5 { margin-top: 1.25rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-8 { margin-top: 2rem; }
.mt-\[151px\] { margin-top: 151px; }
.mt-\[24px\] { margin-top: 24px; }
.mt-\[30px\] { margin-top: 30px; }
.mt-\[3px\] { margin-top: 3px; }
.mt-\[52px\] { margin-top: 52px; }
.mt-\[55px\] { margin-top: 55px; }
.mt-\[59px\] { margin-top: 59px; }
.box-border { box-sizing: border-box; }
.box-content { box-sizing: content-box; }
.line-clamp-2, .line-clamp-3, .line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; }
.line-clamp-4 { -webkit-line-clamp: 4; }
.\!inline { display: inline !important; }
.\!flex { display: flex !important; }
.inline-table { display: inline-table; }
.table-caption { display: table-caption; }
.table-cell { display: table-cell; }
.table-column { display: table-column; }
.table-column-group { display: table-column-group; }
.table-footer-group { display: table-footer-group; }
.table-header-group { display: table-header-group; }
.table-row-group { display: table-row-group; }
.table-row { display: table-row; }
.flow-root { display: flow-root; }
.inline-grid { display: inline-grid; }
.list-item { display: list-item; }
.size-1 { width: 0.25rem; height: 0.25rem; }
.size-10 { width: 2.5rem; height: 2.5rem; }
.size-4 { width: 1rem; height: 1rem; }
.size-5 { width: 1.25rem; height: 1.25rem; }
.size-6 { width: 1.5rem; height: 1.5rem; }
.size-auto { width: auto; height: auto; }
.\!h-14 { height: 3.5rem !important; }
.h-1 { height: 0.25rem; }
.h-10 { height: 2.5rem; }
.h-12 { height: 3rem; }
.h-2 { height: 0.5rem; }
.h-20 { height: 5rem; }
.h-3 { height: 0.75rem; }
.h-4 { height: 1rem; }
.h-48 { height: 12rem; }
.h-5 { height: 1.25rem; }
.h-6 { height: 1.5rem; }
.h-8 { height: 2rem; }
.h-9 { height: 2.25rem; }
.h-\[--iconSizeSmall\] { height: var(--iconSizeSmall); }
.h-\[103px\] { height: 103px; }
.h-\[1625px\] { height: 1625px; }
.h-\[2\.5rem\] { height: 2.5rem; }
.h-\[34px\] { height: 34px; }
.h-\[35px\] { height: 35px; }
.h-\[40px\] { height: 40px; }
.h-\[482px\] { height: 482px; }
.h-\[55px\] { height: 55px; }
.h-\[60px\] { height: 60px; }
.h-\[64px\] { height: 64px; }
.h-\[66px\] { height: 66px; }
.h-\[72px\] { height: 72px; }
.h-\[84px\] { height: 84px; }
.h-\[92px\] { height: 92px; }
.h-\[calc\(100\%-15rem\)\] { height: calc(100% - 15rem); }
.h-\[calc\(100\%-18rem\)\] { height: calc(100% - 18rem); }
.h-px { height: 1px; }
.max-h-\[100\%\] { max-height: 100%; }
.max-h-\[219px\] { max-height: 219px; }
.max-h-\[90vh\] { max-height: 90vh; }
.max-h-none { max-height: none; }
.max-h-screen { max-height: 100vh; }
.min-h-16 { min-height: 4rem; }
.min-h-36 { min-height: 9rem; }
.min-h-5 { min-height: 1.25rem; }
.min-h-7 { min-height: 1.75rem; }
.min-h-72 { min-height: 18rem; }
.min-h-96 { min-height: 24rem; }
.min-h-\[164px\] { min-height: 164px; }
.min-h-\[37px\] { min-height: 37px; }
.min-h-\[550px\] { min-height: 550px; }
.min-h-screen { min-height: 100vh; }
.w-1\/2 { width: 50%; }
.w-1\/4 { width: 25%; }
.w-10 { width: 2.5rem; }
.w-11\/12 { width: 91.6667%; }
.w-12 { width: 3rem; }
.w-14 { width: 3.5rem; }
.w-16 { width: 4rem; }
.w-24 { width: 6rem; }
.w-28 { width: 7rem; }
.w-3\/4 { width: 75%; }
.w-3\/5 { width: 60%; }
.w-36 { width: 9rem; }
.w-4 { width: 1rem; }
.w-4\/5 { width: 80%; }
.w-40 { width: 10rem; }
.w-44 { width: 11rem; }
.w-5 { width: 1.25rem; }
.w-52 { width: 13rem; }
.w-56 { width: 14rem; }
.w-6 { width: 1.5rem; }
.w-6\/12 { width: 50%; }
.w-60 { width: 15rem; }
.w-72 { width: 18rem; }
.w-8 { width: 2rem; }
.w-80 { width: 20rem; }
.w-9 { width: 2.25rem; }
.w-\[--iconSizeSmall\] { width: var(--iconSizeSmall); }
.w-\[100px\] { width: 100px; }
.w-\[150px\] { width: 150px; }
.w-\[164px\] { width: 164px; }
.w-\[196px\] { width: 196px; }
.w-\[1px\] { width: 1px; }
.w-\[2\.5rem\] { width: 2.5rem; }
.w-\[240px\] { width: 240px; }
.w-\[287px\] { width: 287px; }
.w-\[290px\] { width: 290px; }
.w-\[295px\] { width: 295px; }
.w-\[303px\] { width: 303px; }
.w-\[320px\] { width: 320px; }
.w-\[35px\] { width: 35px; }
.w-\[36\%\] { width: 36%; }
.w-\[360px\] { width: 360px; }
.w-\[375px\] { width: 375px; }
.w-\[55px\] { width: 55px; }
.w-\[6\.5rem\] { width: 6.5rem; }
.w-\[60\%\] { width: 60%; }
.w-\[60px\] { width: 60px; }
.w-\[72px\] { width: 72px; }
.w-\[90\%\] { width: 90%; }
.w-\[91px\] { width: 91px; }
.min-w-0 { min-width: 0px; }
.min-w-10 { min-width: 2.5rem; }
.min-w-40 { min-width: 10rem; }
.min-w-5 { min-width: 1.25rem; }
.min-w-64 { min-width: 16rem; }
.min-w-7 { min-width: 1.75rem; }
.min-w-8 { min-width: 2rem; }
.min-w-80 { min-width: 20rem; }
.min-w-\[306px\] { min-width: 306px; }
.min-w-\[332px\] { min-width: 332px; }
.min-w-\[6\.5rem\] { min-width: 6.5rem; }
.\!max-w-full { max-width: 100% !important; }
.max-w-60 { max-width: 15rem; }
.max-w-72 { max-width: 18rem; }
.max-w-80 { max-width: 20rem; }
.max-w-\[11ch\] { max-width: 11ch; }
.max-w-\[120px\] { max-width: 120px; }
.max-w-\[132px\] { max-width: 132px; }
.max-w-\[17ch\] { max-width: 17ch; }
.max-w-\[250px\] { max-width: 250px; }
.max-w-\[287px\] { max-width: 287px; }
.max-w-\[327px\] { max-width: 327px; }
.max-w-\[332px\] { max-width: 332px; }
.max-w-\[335px\] { max-width: 335px; }
.max-w-\[350px\] { max-width: 350px; }
.max-w-\[460px\] { max-width: 460px; }
.max-w-\[517px\] { max-width: 517px; }
.max-w-\[526px\] { max-width: 526px; }
.max-w-md { max-width: 28rem; }
.max-w-none { max-width: none; }
.flex-1 { flex: 1 1 0%; }
.flex-auto { flex: 1 1 auto; }
.flex-initial { flex: 0 1 auto; }
.flex-shrink { flex-shrink: 1; }
.flex-shrink-0 { flex-shrink: 0; }
.shrink { flex-shrink: 1; }
.flex-grow, .grow { flex-grow: 1; }
.basis-auto { flex-basis: auto; }
.basis-full { flex-basis: 100%; }
.table-auto { table-layout: auto; }
.table-fixed { table-layout: fixed; }
.caption-top { caption-side: top; }
.caption-bottom { caption-side: bottom; }
.border-collapse { border-collapse: collapse; }
.border-separate { border-collapse: separate; }
.-translate-y-1\/2, .-translate-y-6 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.-translate-y-6 { --tw-translate-y: -1.5rem; }
.rotate-\[-48deg\] { --tw-rotate: -48deg; }
.rotate-\[-48deg\], .rotate-\[180deg\] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.rotate-\[180deg\] { --tw-rotate: 180deg; }
.rotate-\[270deg\] { --tw-rotate: 270deg; }
.rotate-\[270deg\], .rotate-\[274deg\] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.rotate-\[274deg\] { --tw-rotate: 274deg; }
.rotate-\[306deg\] { --tw-rotate: 306deg; }
.rotate-\[306deg\], .rotate-\[90deg\] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.rotate-\[90deg\] { --tw-rotate: 90deg; }
.transform, .transform-cpu { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.transform-gpu { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.transform-none { transform: none; }
.animate-pulse { animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running pulse; }
.cursor-default { cursor: default; }
.cursor-none { cursor: none; }
.touch-pinch-zoom { --tw-pinch-zoom: pinch-zoom; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); }
.resize-y { resize: vertical; }
.resize-x { resize: horizontal; }
.snap-none { scroll-snap-type: none; }
.snap-mandatory { --tw-scroll-snap-strictness: mandatory; }
.snap-proximity { --tw-scroll-snap-strictness: proximity; }
.snap-start { scroll-snap-align: start; }
.snap-end { scroll-snap-align: end; }
.snap-center { scroll-snap-align: center; }
.snap-align-none { scroll-snap-align: none; }
.snap-normal { scroll-snap-stop: normal; }
.snap-always { scroll-snap-stop: always; }
.list-inside { list-style-position: inside; }
.list-outside { list-style-position: outside; }
.appearance-auto { appearance: auto; }
.auto-cols-max { grid-auto-columns: max-content; }
.grid-flow-row { grid-auto-flow: row; }
.grid-flow-col { grid-auto-flow: column; }
.grid-flow-dense { grid-auto-flow: dense; }
.grid-flow-row-dense { grid-auto-flow: dense; }
.grid-flow-col-dense { grid-auto-flow: column dense; }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.grid-cols-\[1fr_1fr\] { grid-template-columns: 1fr 1fr; }
.flex-wrap-reverse { flex-wrap: wrap-reverse; }
.flex-nowrap { flex-wrap: nowrap; }
.place-content-start { place-content: start; }
.place-content-end { place-content: end; }
.place-content-between { place-content: space-between; }
.place-content-around { place-content: space-around; }
.place-content-evenly { place-content: space-evenly; }
.place-content-baseline { place-content: baseline start; }
.place-content-stretch { place-content: stretch; }
.place-items-start { place-items: start; }
.place-items-end { place-items: end; }
.place-items-center { place-items: center; }
.place-items-baseline { place-items: baseline; }
.place-items-stretch { place-items: stretch; }
.content-normal { align-content: normal; }
.content-center { align-content: center; }
.content-start { align-content: flex-start; }
.content-end { align-content: flex-end; }
.content-between { align-content: space-between; }
.content-around { align-content: space-around; }
.content-evenly { align-content: space-evenly; }
.content-baseline { align-content: baseline; }
.content-stretch { align-content: stretch; }
.items-baseline { align-items: baseline; }
.items-stretch { align-items: stretch; }
.justify-normal { justify-content: normal; }
.\!justify-center { justify-content: center !important; }
.justify-around { justify-content: space-around; }
.justify-stretch { justify-content: stretch; }
.justify-items-start { justify-items: start; }
.justify-items-end { justify-items: end; }
.justify-items-center { justify-items: center; }
.justify-items-stretch { justify-items: stretch; }
.gap-0 { gap: 0px; }
.gap-0\.5 { gap: 0.125rem; }
.gap-1 { gap: 0.25rem; }
.gap-1\.5 { gap: 0.375rem; }
.gap-12 { gap: 3rem; }
.gap-2 { gap: 0.5rem; }
.gap-2\.5 { gap: 0.625rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-5 { gap: 1.25rem; }
.gap-6 { gap: 1.5rem; }
.gap-7 { gap: 1.75rem; }
.gap-8 { gap: 2rem; }
.gap-\[14px\] { gap: 14px; }
.gap-\[60px\] { gap: 60px; }
.space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.5rem * var(--tw-space-x-reverse)); margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse))); }
.space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.25rem * var(--tw-space-y-reverse)); }
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.375rem * var(--tw-space-y-reverse)); }
.space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.75rem * var(--tw-space-y-reverse)); }
.space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); }
.space-y-reverse > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 1; }
.space-x-reverse > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; }
.divide-x > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); }
.divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); }
.divide-y-reverse > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 1; }
.divide-x-reverse > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 1; }
.place-self-auto { place-self: auto; }
.place-self-start { place-self: start; }
.place-self-end { place-self: end; }
.place-self-center { place-self: center; }
.place-self-stretch { place-self: stretch; }
.self-auto { align-self: auto; }
.self-center { align-self: center; }
.self-baseline { align-self: baseline; }
.justify-self-auto { justify-self: auto; }
.justify-self-start { justify-self: start; }
.justify-self-end { justify-self: end; }
.justify-self-center { justify-self: center; }
.justify-self-stretch { justify-self: stretch; }
.overflow-y-scroll { overflow-y: scroll; }
.scroll-auto { scroll-behavior: auto; }
.scroll-smooth { scroll-behavior: smooth; }
.overflow-ellipsis { text-overflow: ellipsis; }
.text-clip { text-overflow: clip; }
.hyphens-none { hyphens: none; }
.hyphens-manual { hyphens: manual; }
.hyphens-auto { hyphens: auto; }
.whitespace-pre { white-space: pre; }
.whitespace-break-spaces { white-space: break-spaces; }
.text-wrap { text-wrap: wrap; }
.text-balance { text-wrap: balance; }
.text-pretty { text-wrap: pretty; }
.break-normal { overflow-wrap: normal; word-break: normal; }
.break-all { word-break: break-all; }
.break-keep { word-break: keep-all; }
.rounded { border-radius: 0.25rem; }
.rounded-2xl { border-radius: 1rem; }
.rounded-3xl { border-radius: 1.5rem; }
.rounded-full { border-radius: 9999px; }
.rounded-lg { border-radius: 0.5rem; }
.rounded-md { border-radius: 0.375rem; }
.rounded-sm { border-radius: 0.125rem; }
.rounded-xl { border-radius: 0.75rem; }
.rounded-b { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
.rounded-e { border-start-end-radius: 0.25rem; border-end-end-radius: 0.25rem; }
.rounded-l { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
.rounded-r { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
.rounded-s { border-start-start-radius: 0.25rem; border-end-start-radius: 0.25rem; }
.rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.rounded-bl { border-bottom-left-radius: 0.25rem; }
.rounded-br { border-bottom-right-radius: 0.25rem; }
.rounded-ee { border-end-end-radius: 0.25rem; }
.rounded-es { border-end-start-radius: 0.25rem; }
.rounded-se { border-start-end-radius: 0.25rem; }
.rounded-ss { border-start-start-radius: 0.25rem; }
.rounded-tl { border-top-left-radius: 0.25rem; }
.rounded-tr { border-top-right-radius: 0.25rem; }
.border-x { border-left-width: 1px; border-right-width: 1px; }
.border-y { border-top-width: 1px; border-bottom-width: 1px; }
.border-e { border-inline-end-width: 1px; }
.border-l { border-left-width: 1px; }
.border-r { border-right-width: 1px; }
.border-s { border-inline-start-width: 1px; }
.border-t { border-top-width: 1px; }
.border-dashed { border-style: dashed; }
.border-dotted { border-style: dotted; }
.border-double { border-style: double; }
.border-hidden { border-style: hidden; }
.\!border-\[--color-base-off-black-500\] { border-color: var(--color-base-off-black-500) !important; }
.\!border-\[--color-foreground-border-brighter\] { border-color: var(--color-foreground-border-brighter) !important; }
.\!border-inherit { border-color: inherit !important; }
.border-\[\#A3A3A3\] { --tw-border-opacity: 1; border-color: rgb(163 163 163/var(--tw-border-opacity)); }
.border-\[--color-base-alpha-50\] { border-color: var(--color-base-alpha-50); }
.border-\[--color-foreground-border-brighter\] { border-color: var(--color-foreground-border-brighter); }
.border-\[--colorBaseAlpha200\] { border-color: var(--colorBaseAlpha200); }
.border-\[--colorBaseAlpha300\] { border-color: var(--colorBaseAlpha300); }
.border-\[--colorBaseOffBlack500\] { border-color: var(--colorBaseOffBlack500); }
.border-\[--colorDividerBase\] { border-color: var(--colorDividerBase); }
.border-\[var\(--color-base-alpha-300\)\] { border-color: var(--color-base-alpha-300); }
.border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219/var(--tw-border-opacity)); }
.border-gray-500 { --tw-border-opacity: 1; border-color: rgb(107 114 128/var(--tw-border-opacity)); }
.border-gray-600 { --tw-border-opacity: 1; border-color: rgb(75 85 99/var(--tw-border-opacity)); }
.border-neutral-200 { --tw-border-opacity: 1; border-color: rgb(229 229 229/var(--tw-border-opacity)); }
.border-b-\[\#dcdad4\] { --tw-border-opacity: 1; border-bottom-color: rgb(220 218 212/var(--tw-border-opacity)); }
.\!bg-\[var\(--color-surface-neutral-dim\)\] { background-color: var(--color-surface-neutral-dim) !important; }
.bg-\[--color-brandCustomization-menu-tabs-menu-tab-background-default\] { background-color: var(--color-brandCustomization-menu-tabs-menu-tab-background-default); }
.bg-\[--colorBackgroundNeutralBase\] { background-color: var(--colorBackgroundNeutralBase); }
.bg-\[--colorBackgroundNeutralDim\] { background-color: var(--colorBackgroundNeutralDim); }
.bg-\[--colorBaseAlpha50\] { background-color: var(--colorBaseAlpha50); }
.bg-\[--colorBaseAlpha950\] { background-color: var(--colorBaseAlpha950); }
.bg-\[--colorBaseLightBeige500\] { background-color: var(--colorBaseLightBeige500); }
.bg-\[--colorBaseOffBlack500\] { background-color: var(--colorBaseOffBlack500); }
.bg-\[--colorDividerBase\] { background-color: var(--colorDividerBase); }
.bg-\[--colorDividerInverseBase\] { background-color: var(--colorDividerInverseBase); }
.bg-\[--colorForegroundBorderBrighter\] { background-color: var(--colorForegroundBorderBrighter); }
.bg-\[--colorForegroundBrandPrimaryOnBackground\] { background-color: var(--colorForegroundBrandPrimaryOnBackground); }
.bg-\[--colorPrimary600\] { background-color: var(--colorPrimary600); }
.bg-\[--colorQuaternary300\] { background-color: var(--colorQuaternary300); }
.bg-\[--colorSecondary500\] { background-color: var(--colorSecondary500); }
.bg-\[var\(--color-foreground-content-subtle-inverse-enabled\)\] { background-color: var(--color-foreground-content-subtle-inverse-enabled); }
.bg-\[var\(--color-quaternary-950\)\] { background-color: var(--color-quaternary-950); }
.bg-\[var\(--colorBackgroundNeutralDim\)\] { background-color: var(--colorBackgroundNeutralDim); }
.bg-\[var\(--colorBaseAlpha100\)\] { background-color: var(--colorBaseAlpha100); }
.bg-black\/80 { background-color: rgba(0, 0, 0, 0.8); }
.bg-gray-300 { --tw-bg-opacity: 1; background-color: rgb(209 213 219/var(--tw-bg-opacity)); }
.bg-gray-400 { --tw-bg-opacity: 1; background-color: rgb(156 163 175/var(--tw-bg-opacity)); }
.bg-neutral-100 { --tw-bg-opacity: 1; background-color: rgb(245 245 245/var(--tw-bg-opacity)); }
.bg-red-500 { --tw-bg-opacity: 1; background-color: rgb(239 68 68/var(--tw-bg-opacity)); }
.bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); }
.bg-none { background-image: none; }
.from-\[--colorBaseAlpha950\] { --tw-gradient-from: var(--colorBaseAlpha950) var(--tw-gradient-from-position); --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }
.decoration-slice { -webkit-box-decoration-break: slice; box-decoration-break: slice; }
.decoration-clone { -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.box-decoration-slice { -webkit-box-decoration-break: slice; box-decoration-break: slice; }
.box-decoration-clone { -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.bg-auto { background-size: auto; }
.bg-contain { background-size: contain; }
.bg-fixed { background-attachment: fixed; }
.bg-local { background-attachment: local; }
.bg-scroll { background-attachment: scroll; }
.bg-clip-border { background-clip: border-box; }
.bg-clip-padding { background-clip: padding-box; }
.bg-clip-content { background-clip: content-box; }
.bg-clip-text { background-clip: text; }
.bg-bottom { background-position: center bottom; }
.bg-left { background-position: 0px center; }
.bg-left-bottom { background-position: 0px 100%; }
.bg-left-top { background-position: 0px 0px; }
.bg-right { background-position: 100% center; }
.bg-right-bottom { background-position: 100% 100%; }
.bg-right-top { background-position: 100% 0px; }
.bg-top { background-position: center top; }
.bg-repeat { background-repeat: repeat; }
.bg-repeat-x { background-repeat: repeat-x; }
.bg-repeat-y { background-repeat: repeat-y; }
.bg-repeat-round { background-repeat: round; }
.bg-repeat-space { background-repeat: space; }
.bg-origin-border { background-origin: border-box; }
.bg-origin-padding { background-origin: padding-box; }
.bg-origin-content { background-origin: content-box; }
.fill-current { fill: currentcolor; }
.fill-none { fill: none; }
.stroke-none { stroke: none; }
.object-none { object-fit: none; }
.object-scale-down { object-fit: scale-down; }
.object-left-bottom { object-position: left bottom; }
.object-left-top { object-position: left top; }
.object-right-bottom { object-position: right bottom; }
.object-right-top { object-position: right top; }
.p-0 { padding: 0px; }
.p-1 { padding: 0.25rem; }
.p-10 { padding: 2.5rem; }
.p-2 { padding: 0.5rem; }
.p-4 { padding: 1rem; }
.p-5 { padding: 1.25rem; }
.p-6 { padding: 1.5rem; }
.p-\[--spacing-10x\] { padding: var(--spacing-10x); }
.\!px-0 { padding-left: 0px !important; padding-right: 0px !important; }
.\!px-12 { padding-left: 3rem !important; padding-right: 3rem !important; }
.px-0 { padding-left: 0px; padding-right: 0px; }
.px-0\.5 { padding-left: 0.125rem; padding-right: 0.125rem; }
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; }
.px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.px-9 { padding-left: 2.25rem; padding-right: 2.25rem; }
.px-\[11px\] { padding-left: 11px; padding-right: 11px; }
.px-\[18px\] { padding-left: 18px; padding-right: 18px; }
.px-\[20px\] { padding-left: 20px; padding-right: 20px; }
.px-\[25px\] { padding-left: 25px; padding-right: 25px; }
.px-\[30px\] { padding-left: 30px; padding-right: 30px; }
.px-\[70px\] { padding-left: 70px; padding-right: 70px; }
.px-\[var\(--spacing-10x\)\] { padding-left: var(--spacing-10x); padding-right: var(--spacing-10x); }
.px-\[var\(--spacing-12x\)\] { padding-left: var(--spacing-12x); padding-right: var(--spacing-12x); }
.px-\[var\(--spacing-16x\)\] { padding-left: var(--spacing-16x); padding-right: var(--spacing-16x); }
.px-\[var\(--spacing-20x\)\] { padding-left: var(--spacing-20x); padding-right: var(--spacing-20x); }
.px-\[var\(--spacing-28x\)\] { padding-left: var(--spacing-28x); padding-right: var(--spacing-28x); }
.px-\[var\(--spacing-2x\)\] { padding-left: var(--spacing-2x); padding-right: var(--spacing-2x); }
.px-\[var\(--spacing-32x\)\] { padding-left: var(--spacing-32x); padding-right: var(--spacing-32x); }
.px-\[var\(--spacing-4x\)\] { padding-left: var(--spacing-4x); padding-right: var(--spacing-4x); }
.px-\[var\(--spacing-6x\)\] { padding-left: var(--spacing-6x); padding-right: var(--spacing-6x); }
.px-\[var\(--spacing-8x\)\] { padding-left: var(--spacing-8x); padding-right: var(--spacing-8x); }
.py-0 { padding-top: 0px; padding-bottom: 0px; }
.py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
.py-\[11px\] { padding-top: 11px; padding-bottom: 11px; }
.py-\[13px\] { padding-top: 13px; padding-bottom: 13px; }
.py-\[22px\] { padding-top: 22px; padding-bottom: 22px; }
.py-\[24px\] { padding-top: 24px; padding-bottom: 24px; }
.py-\[30px\] { padding-top: 30px; padding-bottom: 30px; }
.py-\[38px\] { padding-top: 38px; padding-bottom: 38px; }
.py-\[var\(--spacing-10x\)\] { padding-top: var(--spacing-10x); padding-bottom: var(--spacing-10x); }
.py-\[var\(--spacing-16x\)\] { padding-top: var(--spacing-16x); padding-bottom: var(--spacing-16x); }
.py-\[var\(--spacing-32x\)\] { padding-top: var(--spacing-32x); padding-bottom: var(--spacing-32x); }
.\!pr-1 { padding-right: 0.25rem !important; }
.\!pt-0 { padding-top: 0px !important; }
.\!pt-\[22px\] { padding-top: 22px !important; }
.pb-0 { padding-bottom: 0px; }
.pb-12 { padding-bottom: 3rem; }
.pb-16 { padding-bottom: 4rem; }
.pb-2 { padding-bottom: 0.5rem; }
.pb-3 { padding-bottom: 0.75rem; }
.pb-4 { padding-bottom: 1rem; }
.pb-5 { padding-bottom: 1.25rem; }
.pb-6 { padding-bottom: 1.5rem; }
.pb-8 { padding-bottom: 2rem; }
.pb-\[17px\] { padding-bottom: 17px; }
.pb-\[27px\] { padding-bottom: 27px; }
.pl-0 { padding-left: 0px; }
.pl-0\.5 { padding-left: 0.125rem; }
.pl-1 { padding-left: 0.25rem; }
.pl-2 { padding-left: 0.5rem; }
.pl-3 { padding-left: 0.75rem; }
.pl-4 { padding-left: 1rem; }
.pl-5 { padding-left: 1.25rem; }
.pl-80 { padding-left: 20rem; }
.pl-\[30px\] { padding-left: 30px; }
.pr-0 { padding-right: 0px; }
.pr-0\.5 { padding-right: 0.125rem; }
.pr-1 { padding-right: 0.25rem; }
.pr-4 { padding-right: 1rem; }
.pr-5 { padding-right: 1.25rem; }
.pr-7 { padding-right: 1.75rem; }
.pt-0 { padding-top: 0px; }
.pt-0\.5 { padding-top: 0.125rem; }
.pt-1 { padding-top: 0.25rem; }
.pt-10 { padding-top: 2.5rem; }
.pt-14 { padding-top: 3.5rem; }
.pt-2 { padding-top: 0.5rem; }
.pt-3 { padding-top: 0.75rem; }
.pt-3\.5 { padding-top: 0.875rem; }
.pt-4 { padding-top: 1rem; }
.pt-5 { padding-top: 1.25rem; }
.pt-6 { padding-top: 1.5rem; }
.pt-7 { padding-top: 1.75rem; }
.pt-8 { padding-top: 2rem; }
.pt-\[25px\] { padding-top: 25px; }
.pt-\[69px\] { padding-top: 69px; }
.text-justify { text-align: justify; }
.text-start { text-align: start; }
.text-end { text-align: end; }
.align-baseline { vertical-align: baseline; }
.align-top { vertical-align: top; }
.align-bottom { vertical-align: bottom; }
.align-text-top { vertical-align: text-top; }
.align-text-bottom { vertical-align: text-bottom; }
.align-sub { vertical-align: sub; }
.align-super { vertical-align: super; }
.font-BaseLine { font-family: var(--fontWeightsBaseLine); }
.font-Body { font-family: var(--fontFamiliesBody); }
.font-Primary { font-family: var(--fontFamiliesPrimary); }
.font-\[family-name\:var\(--fontFamiliesBody\)\] { font-family: var(--fontFamiliesBody); }
.\!text-2xl { font-size: 1.5rem !important; line-height: 2rem !important; }
.\!text-\[16px\] { font-size: 16px !important; }
.\!text-\[22px\] { font-size: 22px !important; }
.\!text-lg { font-size: 1.125rem !important; }
.\!text-lg, .\!text-xl { line-height: 1.75rem !important; }
.\!text-xl { font-size: 1.25rem !important; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.text-\[23px\] { font-size: 23px; }
.text-\[24px\] { font-size: 24px; }
.text-\[4px\] { font-size: 4px; }
.text-\[6px\] { font-size: 6px; }
.text-\[length\:--fontSize-font-size-sm\] { font-size: var(--fontSize-font-size-sm); }
.text-\[length\:--fontSize-font-size-xs\] { font-size: var(--fontSize-font-size-xs); }
.text-\[length\:--fontSizeFontSizeLg\] { font-size: var(--fontSizeFontSizeLg); }
.text-\[length\:--fontSizeFontSizeMd\] { font-size: var(--fontSizeFontSizeMd); }
.text-\[length\:--fontSizeFontSizeRg\] { font-size: var(--fontSizeFontSizeRg); }
.text-\[length\:--fontSizeFontSizeSm\] { font-size: var(--fontSizeFontSizeSm); }
.text-\[length\:--fontSizeFontSizeXl\] { font-size: var(--fontSizeFontSizeXl); }
.text-\[length\:--fontSizeFontSizeXs\] { font-size: var(--fontSizeFontSizeXs); }
.text-\[length\:--fontSizeFontSizeXxl\] { font-size: var(--fontSizeFontSizeXxl); }
.text-\[length\:--lineHeightsXs\] { font-size: var(--lineHeightsXs); }
.text-\[length\:--typographyHeadlinePointsLargeFontSize\] { font-size: var(--typographyHeadlinePointsLargeFontSize); }
.text-\[length\:--typographyHeadlinePointsSmallFontSize\] { font-size: var(--typographyHeadlinePointsSmallFontSize); }
.text-\[length\:--typographyHeadlineSmallFontSize\] { font-size: var(--typographyHeadlineSmallFontSize); }
.text-\[length\:var\(--typographyHeadlineStylizedSmallTopFontSize\)\] { font-size: var(--typographyHeadlineStylizedSmallTopFontSize); }
.text-base { font-size: 1rem; line-height: 1.5rem; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-xs { font-size: 0.75rem; line-height: 1rem; }
.\!font-normal { font-weight: 400 !important; }
.font-\[--colorBaseOffBlack500\] { font-weight: var(--colorBaseOffBlack500); }
.font-\[--fontFamilies-primary\] { font-weight: var(--fontFamilies-primary); }
.font-\[--fontWeights-bold\] { font-weight: var(--fontWeights-bold); }
.font-\[--fontWeightsBold\] { font-weight: var(--fontWeightsBold); }
.font-\[--fontWeightsRegular\] { font-weight: var(--fontWeightsRegular); }
.font-\[--fontWeightsSemibold\] { font-weight: var(--fontWeightsSemibold); }
.font-black { font-weight: 900; }
.font-bold { font-weight: 700; }
.font-extrabold { font-weight: 800; }
.font-medium { font-weight: 500; }
.font-normal { font-weight: 400; }
.font-semibold { font-weight: 600; }
.\!lowercase { text-transform: lowercase !important; }
.italic { font-style: italic; }
.not-italic { font-style: normal; }
.normal-nums { font-variant-numeric: normal; }
.ordinal { --tw-ordinal: ordinal; }
.ordinal, .slashed-zero { font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); }
.slashed-zero { --tw-slashed-zero: slashed-zero; }
.lining-nums { --tw-numeric-figure: lining-nums; }
.lining-nums, .oldstyle-nums { font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); }
.oldstyle-nums { --tw-numeric-figure: oldstyle-nums; }
.proportional-nums { --tw-numeric-spacing: proportional-nums; }
.proportional-nums, .tabular-nums { font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); }
.tabular-nums { --tw-numeric-spacing: tabular-nums; }
.diagonal-fractions { --tw-numeric-fraction: diagonal-fractions; }
.diagonal-fractions, .stacked-fractions { font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); }
.stacked-fractions { --tw-numeric-fraction: stacked-fractions; }
.\!leading-5 { line-height: 1.25rem !important; }
.\!leading-6 { line-height: 1.5rem !important; }
.\!leading-\[22px\] { line-height: 22px !important; }
.leading-3 { line-height: 0.75rem; }
.leading-4 { line-height: 1rem; }
.leading-5 { line-height: 1.25rem; }
.leading-6 { line-height: 1.5rem; }
.leading-7 { line-height: 1.75rem; }
.leading-8 { line-height: 2rem; }
.leading-9 { line-height: 2.25rem; }
.leading-\[--lineHeightsLg\] { line-height: var(--lineHeightsLg); }
.leading-\[--lineHeightsMd\] { line-height: var(--lineHeightsMd); }
.leading-\[--lineHeightsRg\] { line-height: var(--lineHeightsRg); }
.leading-\[--lineHeightsSm\] { line-height: var(--lineHeightsSm); }
.leading-\[--lineHeightsXl\] { line-height: var(--lineHeightsXl); }
.leading-\[--lineHeightsXs\] { line-height: var(--lineHeightsXs); }
.leading-\[12px\] { line-height: 12px; }
.leading-\[16px\] { line-height: 16px; }
.leading-\[20px\] { line-height: 20px; }
.leading-\[29px\] { line-height: 29px; }
.leading-\[60px\] { line-height: 60px; }
.leading-normal { line-height: 1.5; }
.leading-snug { line-height: 1.375; }
.tracking-\[--letterSpacing-none\] { letter-spacing: var(--letterSpacing-none); }
.tracking-tight { letter-spacing: -0.025em; }
.tracking-wide { letter-spacing: 0.025em; }
.tracking-widest { letter-spacing: 0.1em; }
.\!text-\[--color-base-off-black-500\] { color: var(--color-base-off-black-500) !important; }
.\!text-\[--color-foreground-content-subtlest-enabled\] { color: var(--color-foreground-content-subtlest-enabled) !important; }
.\!text-\[var\(--color-buttons-text-link-foreground-disabled\)\] { color: var(--color-buttons-text-link-foreground-disabled) !important; }
.text-\[\#757575\] { --tw-text-opacity: 1; color: rgb(117 117 117/var(--tw-text-opacity)); }
.text-\[--color-background-neutral-white\] { color: var(--color-background-neutral-white); }
.text-\[--color-base-alpha-50\] { color: var(--color-base-alpha-50); }
.text-\[--color-buttons-header-standard-inverse-foreground-enabled-component\] { color: var(--color-buttons-header-standard-inverse-foreground-enabled-component); }
.text-\[--color-customization-foreground-disabled\] { color: var(--color-customization-foreground-disabled); }
.text-\[--color-foreground-content-enabled-component\] { color: var(--color-foreground-content-enabled-component); }
.text-\[--color-foreground-content-enabled\] { color: var(--color-foreground-content-enabled); }
.text-\[--color-foreground-content-subtle-pressed\] { color: var(--color-foreground-content-subtle-pressed); }
.text-\[--color-status-positive-on-base\] { color: var(--color-status-positive-on-base); }
.text-\[--color-status-warning-on-base\] { color: var(--color-status-warning-on-base); }
.text-\[--colorBackgroundNeutralInverseBase\] { color: var(--colorBackgroundNeutralInverseBase); }
.text-\[--colorBaseAlpha500\] { color: var(--colorBaseAlpha500); }
.text-\[--colorBaseAlpha50\] { color: var(--colorBaseAlpha50); }
.text-\[--colorBaseAlpha600\] { color: var(--colorBaseAlpha600); }
.text-\[--colorBaseAlpha800\] { color: var(--colorBaseAlpha800); }
.text-\[--colorBaseOffBlack500\] { color: var(--colorBaseOffBlack500); }
.text-\[--colorBaseRed700\] { color: var(--colorBaseRed700); }
.text-\[--colorButtonSecondaryForegroundEnabled\] { color: var(--colorButtonSecondaryForegroundEnabled); }
.text-\[--colorForegroundContentEnabled\] { color: var(--colorForegroundContentEnabled); }
.text-\[--colorForegroundContentInverseEnabled\] { color: var(--colorForegroundContentInverseEnabled); }
.text-\[--colorForegroundContentSubtleEnabled\] { color: var(--colorForegroundContentSubtleEnabled); }
.text-\[--colorFormFieldsForegroundError\] { color: var(--colorFormFieldsForegroundError); }
.text-\[--colorSecondary700\] { color: var(--colorSecondary700); }
.text-\[--colorStatusDangerBase\] { color: var(--colorStatusDangerBase); }
.text-\[--fontFamiliesBody\] { color: var(--fontFamiliesBody); }
.text-\[--fontSizeFontSizeSm\] { color: var(--fontSizeFontSizeSm); }
.text-\[var\(--color-brandCustomization-menu-tabs-menu-tab-icon-default\)\] { color: var(--color-brandCustomization-menu-tabs-menu-tab-icon-default); }
.text-\[var\(--color-brandCustomization-promo-modules-rewards-element-background\)\] { color: var(--color-brandCustomization-promo-modules-rewards-element-background); }
.text-\[var\(--color-brandCustomization-promo-modules-rewards-element-text\)\] { color: var(--color-brandCustomization-promo-modules-rewards-element-text); }
.text-\[var\(--color-foreground-content-subtle-inverse-disabled\)\] { color: var(--color-foreground-content-subtle-inverse-disabled); }
.text-\[var\(--colorBaseAlpha500\)\] { color: var(--colorBaseAlpha500); }
.text-\[var\(--colorBaseAlpha600\)\] { color: var(--colorBaseAlpha600); }
.text-black { --tw-text-opacity: 1; color: rgb(0 0 0/var(--tw-text-opacity)); }
.text-blue-600 { --tw-text-opacity: 1; color: rgb(37 99 235/var(--tw-text-opacity)); }
.text-current { color: currentcolor; }
.text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175/var(--tw-text-opacity)); }
.text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128/var(--tw-text-opacity)); }
.text-gray-800 { --tw-text-opacity: 1; color: rgb(31 41 55/var(--tw-text-opacity)); }
.text-neutral-500 { --tw-text-opacity: 1; color: rgb(115 115 115/var(--tw-text-opacity)); }
.text-neutral-950 { --tw-text-opacity: 1; color: rgb(10 10 10/var(--tw-text-opacity)); }
.text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.\!underline { text-decoration-line: underline !important; }
.overline { text-decoration-line: overline; }
.decoration-solid { text-decoration-style: solid; }
.decoration-double { text-decoration-style: double; }
.decoration-dotted { text-decoration-style: dotted; }
.decoration-dashed { text-decoration-style: dashed; }
.decoration-wavy { text-decoration-style: wavy; }
.decoration-auto { text-decoration-thickness: auto; }
.decoration-from-font { text-decoration-thickness: from-font; }
.antialiased { -webkit-font-smoothing: antialiased; }
.subpixel-antialiased { -webkit-font-smoothing: auto; }
.accent-auto { accent-color: auto; }
.opacity-100 { opacity: 1; }
.opacity-20 { opacity: 0.2; }
.opacity-40 { opacity: 0.4; }
.opacity-50 { opacity: 0.5; }
.opacity-60 { opacity: 0.6; }
.opacity-70 { opacity: 0.7; }
.mix-blend-plus-lighter { mix-blend-mode: plus-lighter; }
.shadow { --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color); }
.shadow, .shadow-\[0_-4px_4px_4px_rgba\(0\,0\,0\,0\.02\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
.shadow-\[0_-4px_4px_4px_rgba\(0\,0\,0\,0\.02\)\] { --tw-shadow: 0 -4px 4px 4px rgba(0,0,0,.02); --tw-shadow-colored: 0 -4px 4px 4px var(--tw-shadow-color); }
.shadow-\[0px_12px_12px_-12px_rgba\(0\,0\,0\,0\.25\)\,0px_12px_16px_0px_rgba\(0\,0\,0\,0\.10\)\] { --tw-shadow: 0px 12px 12px -12px rgba(0,0,0,.25),0px 12px 16px 0px rgba(0,0,0,.1); --tw-shadow-colored: 0px 12px 12px -12px var(--tw-shadow-color),0px 12px 16px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
.shadow-\[0px_12px_16px_0px_rgba\(0\,0\,0\,0\.10\)\,0px_12px_12px_-12px_rgba\(0\,0\,0\,0\.40\)\] { --tw-shadow: 0px 12px 16px 0px rgba(0,0,0,.1),0px 12px 12px -12px rgba(0,0,0,.4); --tw-shadow-colored: 0px 12px 16px 0px var(--tw-shadow-color),0px 12px 12px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
.shadow-\[1px_1px_24px_0px_\#00000026\,1px_1px_16px_-8px_\#000000\] { --tw-shadow: 1px 1px 24px 0px #00000026,1px 1px 16px -8px #000; --tw-shadow-colored: 1px 1px 24px 0px var(--tw-shadow-color),1px 1px 16px -8px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
.shadow-\[inset_0_-2px_0_0_var\(--color-formFields-border-pressed\)\] { --tw-shadow: inset 0 -2px 0 0 var(--color-formFields-border-pressed); --tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
.shadow-\[inset_0_-2px_0_0_var\(--color-formFields-foreground-error\)\] { --tw-shadow: inset 0 -2px 0 0 var(--color-formFields-foreground-error); --tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
.shadow-\[inset_0_-2px_0_0_var\(--color-formFields-foreground-filled\)\] { --tw-shadow: inset 0 -2px 0 0 var(--color-formFields-foreground-filled); --tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color); }
.shadow-\[inset_0_-2px_0_0_var\(--color-formFields-foreground-filled\)\], .shadow-none { box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
.shadow-none { --tw-shadow-colored: 0 0 #0000; }
.shadow-sm { --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
.shadow-transparent { --tw-shadow: var(--tw-shadow-colored); }
.outline-none { outline: transparent solid 2px; outline-offset: 2px; }
.outline { outline-style: solid; }
.outline-dashed { outline-style: dashed; }
.outline-dotted { outline-style: dotted; }
.outline-double { outline-style: double; }
.ring { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); }
.ring, .ring-0 { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); }
.ring-0 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); }
.ring-inset { --tw-ring-inset: inset; }
.blur { --tw-blur: blur(8px); }
.blur, .drop-shadow { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.drop-shadow { --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06)); }
.drop-shadow-none { --tw-drop-shadow: drop-shadow(0 0 #0000); }
.drop-shadow-none, .grayscale { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.grayscale { --tw-grayscale: grayscale(100%); }
.invert { --tw-invert: invert(100%); }
.invert, .sepia { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.sepia { --tw-sepia: sepia(100%); }
.\!filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; }
.filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.backdrop-blur { --tw-backdrop-blur: blur(8px); }
.backdrop-blur, .backdrop-blur-sm { backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.backdrop-blur-sm { --tw-backdrop-blur: blur(4px); }
.backdrop-grayscale { --tw-backdrop-grayscale: grayscale(100%); }
.backdrop-grayscale, .backdrop-invert { backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.backdrop-invert { --tw-backdrop-invert: invert(100%); }
.backdrop-sepia { --tw-backdrop-sepia: sepia(100%); }
.backdrop-filter, .backdrop-sepia { backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.transition-\[color\,box-shadow\] { transition-property: color, box-shadow; }
.transition-\[color\,box-shadow\], .transition-all { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.transition-colors, .transition-opacity { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
.ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
.will-change-auto { will-change: auto; }
.will-change-contents { will-change: contents; }
.will-change-scroll { will-change: scroll-position; }
.will-change-transform { will-change: transform; }
.content-none { --tw-content: none; content: var(--tw-content); }
.forced-color-adjust-auto { forced-color-adjust: auto; }
.forced-color-adjust-none { forced-color-adjust: none; }
.\[display\:ruby\] { display: ruby; }
.\[key\:string\] { }
.\[vite\:css\] { }
.\[vite\:html\] { }
@font-face { font-family: "Intro Rust"; src: url("../scraped_assets/fonts/font_introrustbase.69521eea.otf"); font-display: swap; }
@font-face { font-family: "Nunito Sans"; src: url("../scraped_assets/fonts/font_nunitosans.aea2beb6.ttf"); font-display: swap; }
@font-face { font-family: "Base Line"; src: url("../scraped_assets/fonts/font_introrustbaseline.a170d5e0.otf"); font-display: swap; }
@font-face { font-family: "Base Line Shade"; src: url("../scraped_assets/fonts/font_introrustlineshade.0710b31b.otf"); font-display: swap; }
@font-face { font-family: IntroRustTexture; src: url("../scraped_assets/fonts/font_introrusttexture.c4801c85.otf"); font-display: swap; }
@font-face { font-family: IntroRustBaseLineShade; src: url("../scraped_assets/fonts/font_introrustbasewithshade.fd75aebc.otf"); font-display: swap; }
@font-face { font-family: IntroHeadBGShadeTop; src: url("../scraped_assets/fonts/font_introrustgbase.c4801c85.otf"); font-display: swap; }
@font-face { font-family: IntroHeadBGBaseBottom; src: url("../scraped_assets/fonts/font_introrustgbaseshade.aa291a08.otf"); font-display: swap; }
@font-face { font-family: IntroRustGFillShade; src: url("../scraped_assets/fonts/font_introRustGFillShade.2e14141d.otf"); font-display: swap; }
.react-datepicker-wrapper { width: 100%; }
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before { left: -27px !important; }
.react-datepicker-popper[data-placement^="top"] { transform: translate3d(0px, -50px, 0px) !important; }
.outletWrapper { min-height: 100vh; background-color: var(--colorBackgroundNeutralBase); display: block; height: 100%; grid-template-columns: repeat(1, minmax(0px, 1fr)); flex-direction: column; }
@media (min-width: 768px) {
  .outletWrapper { display: flex; }
}
@media (min-width: 1024px) {
  .outletWrapper { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (min-width: 1536px) {
  .outletWrapper { margin-left: auto; margin-right: auto; max-width: 1440px; }
}
.outletLeft { height: 15rem; position: relative; border-style: var(--tw-border-style); border-width: 1px; }
@media (min-width: 1024px) {
  .outletLeft { grid-column: span 2 / span 2; height: 100%; }
  .outletLeft .authHeaderCloseIconWrapper { left: 2.25rem; top: 2rem; margin-left: 0px; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.outletRight { display: none; }
.outletRight { max-height: max-content; background-color: var(--colorBackgroundNeutralBase); position: absolute; width: 100%; }
@media (min-width: 1024px) {
  .outletRight { position: relative; bottom: 0px; grid-column: span 1 / span 1; width: auto; }
}
.scrollable-list, .storeCardWrapper { max-height: calc(-300px + 100vh); overflow-y: auto; }
.storeCardWrapper::-webkit-scrollbar { width: 0.25rem; }
.storeCardWrapper::-webkit-scrollbar-track, .storeCardWrapper::-webkit-scrollbar:hover { background-color: var(--colorBackgroundNeutralBright); }
.storeCardWrapper::-webkit-scrollbar-thumb { border-radius: 0.5rem; background-color: var(--colorBaseAlpha600); }
.storeCardWrapper::-webkit-scrollbar-thumb:active { background-color: var(--colorBaseAlpha600); }
body.scroll-lock { touch-action: auto; position: relative; height: 100vh; width: 100%; overflow: hidden; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .storeCardWrapper { padding-right: 0.5rem; }
}
@supports (-ms-ime-align:auto) {
  @media screen and (min-width:0\0) {
  .storeCardWrapper { padding-right: 0.5rem; }
}
}
@media (min-width: 1024px) {
  .storeHeaderMobile { display: none; }
}
.storeHeaderMobile .authHeaderCloseIconWrapper { position: static; }
.storeHeaderMobile .authHeader { display: flex; justify-content: space-evenly; }
.animate-search { animation: 2s linear 0s infinite normal none running moveTriangle; }
.loading-dots { display: flex; }
.loading-dot { animation: 1.5s ease 0s infinite normal none running dotAnimation; opacity: 0; }
.loading-dot:first-child { animation-delay: 0.1s; }
.loading-dot:nth-child(2) { animation-delay: 0.2s; }
.loading-dot:nth-child(3) { animation-delay: 0.3s; }
@keyframes moveTriangle { 
  0% { transform: translateX(0px); }
  50% { transform: translateX(5px); }
  100% { transform: translateX(0px); }
}
@keyframes dotAnimation { 
  0% { opacity: 0; }
  25% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 0; }
}
.storeCardWrapper { max-height: calc(-300px + 100vh); overflow-y: auto; }
.buttonWrapper { position: relative; overflow: hidden; }
.position-center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; backdrop-filter: blur(1px); display: flex; justify-content: center; align-items: center; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .container { max-width: 1230px !important; padding-left: 4% !important; padding-right: 4% !important; }
  .gallerySlider { padding-left: 0px !important; padding-right: inherit !important; }
  .subFooterContainer { padding-left: 0px !important; padding-right: 0px !important; }
  .bluebanner, .breadcrumbsContainer, .gallery, .headerNavContainer, .homePageContainer { padding-left: 4% !important; padding-right: 4% !important; }
}
.react-datepicker__input-container { z-index: 10; }
.gm-style .gm-style-iw-c { max-width: 18rem !important; background-color: var(--colorBaseOffBlack500) !important; padding: 1rem !important; font-family: var(--fontFamiliesBody) !important; color: var(--colorBaseAlpha50) !important; }
.gm-style .gm-style-iw-tc::after { background-color: var(--colorBaseOffBlack500); }
.gm-style .gm-style-iw-d { margin-left: 2rem !important; font-size: 0.75rem !important; font-weight: 400 !important; line-height: 16.37px !important; overflow: auto !important; }
.gm-style .gm-style-iw-d b { font-weight: 700; }
.gm-style .gm-style-iw-ch:empty { display: none !important; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.gm-ui-hover-effect { display: none; }
.gm-ui-hover-effect { left: 1rem !important; right: auto !important; top: 1rem !important; position: absolute !important; height: 18px !important; width: 18px !important; opacity: 1 !important; }
.gm-ui-hover-effect > span { margin: 0px !important; background-color: var(--colorBaseAlpha50) !important; height: 18px !important; width: 18px !important; }
.pageLoader { margin-top: 4rem; background-color: var(--colorBackgroundNeutralBase); display: flex; flex-direction: column; align-items: center; }
.modal .modalInner .removePopupContainer { max-width: 287px; }
.modal .modalInner .removePopupContainer .fadedHeartIcon svg { margin: auto; height: 3rem; width: 3rem; }
.modal .modalInner .removePopupContainer .modalBtns { gap: 1rem; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .homepagePagePromotionSection, .subFooter { max-width: 1230px; padding-left: 4% !important; padding-right: 4% !important; }
  .headerNavInner, .orderDetailBannerDividerOne { max-width: 1230px; padding-left: 0px !important; padding-right: 0px !important; }
}
@media screen and (min-width: 1024px) {
  .leftMenuWrapper { top: calc(-79% + 100vh); }
}
.layoutLoader { left: 0px; top: 0px; position: fixed; display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; }
.scannerReader { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .homePage .celebrateBanner { margin-left: auto; margin-right: auto; margin-inline: auto; }
  .headerActions { border-right-width: 4px; }
  .headerActions .signupBtn, .personalInfoFormContainer { display: none; }
}
.grecaptcha-badge { display: none; }
.otherAmountBox input::placeholder, .searchBoxInput::placeholder { color: var(--colorFormFieldsForegroundEnabled); }
@media (min-width: 1536px) {
  #make-it-your-own, .container, .quAllergensDisclaimerContainer { max-width: 1440px; }
}
.menuPageBg .favorites .menuPageListContainer .pdpListTile .pdpListTileText, .menuPageBg .recents .menuPageListContainer .pdpListTile .pdpListTileText { overflow-wrap: normal; word-break: normal; }
.menuPageBg .favorites .menuPageListContainer .pdpListTile .modifierText, .menuPageBg .recents .menuPageListContainer .pdpListTile .modifierText { display: flex; }
.menuPageBg .firstMenuSection.subCategories { scroll-snap-align: end; }
@media (min-width: 1024px) {
  .menuPageBg .firstMenuSection.subCategories { scroll-margin: 370px; }
  .menuPageBg .firstMenuSection.subCategories.scrollMargin { scroll-margin: 390px; }
}
.ctaButtonsContainer { margin-top: 1.5rem; gap: 0.5rem; display: flex; flex-direction: column; justify-content: center; }
@media (min-width: 1024px) {
  .ctaButtonsContainer { flex-direction: row; gap: 1rem; }
}
* { font-synthesis: none; }
.chooseSummary .selectButton { padding-bottom: 4px; padding-left: 233px; padding-top: 7px; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: 700; cursor: pointer; text-decoration-line: underline; }
.toggleSwitch { z-index: 9; margin-top: -1px; position: sticky; }
.toggleSwitch .favoritesDish { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); padding: 0px; --tw-border-style: none; border-style: none; }
.modalComponents .quWarningPopup .quWarningModalBtns .quWarningModalPrimary { font-size: 14px; }
.quWarningPopup .popupTitle .ingredientsWarningTitle, .quWarningPopup .quWarningModalBtns .quWarningButton { font-family: var(--fontFamiliesPrimary); text-transform: uppercase !important; }
.quWarningPopup .quWarningModalBtns .quWarningModalPrimary { width: auto; font-size: 14px; text-transform: uppercase; }
.quModalOrder { border-radius: 1rem; padding-top: 23px; border-width: 1px; --tw-border-style: solid; border-style: solid; border-color: var(--color-divider-dim); }
.quModalBtn .cancelButton { font-family: var(--fontFamiliesPrimary); text-transform: uppercase !important; }
.quModalBtn .cancelButton.buttonSecondary { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.quModalBtn .cancelButton.buttonSecondary, .quModalBtn .cancelButton.buttonSecondary:hover { background-color: var(--color-buttons-primary-large-background-enabled); }
.quOrderPopup { width: 305px; border-radius: 1rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); }
@media (min-width: 1024px) {
  .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.quOrderPopup { display: none; }
  .quOrderPopup { position: absolute; top: 50%; width: 721px; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); padding-top: 23px; padding-bottom: 23px; }
}
.quOrderPopup .quOrderPopupCont .quOrderPopupTitle { gap: 7px; font-family: var(--fontFamiliesPrimary); display: flex; justify-content: center; font-size: 18px; text-transform: uppercase; }
@media (min-width: 1024px) {
  .quOrderPopup .quOrderPopupCont { margin-left: auto; margin-right: auto; max-width: 550px; }
}
.quOrderPopup .quOrderPopupCont h3, .quOrderPopup .quOrderPopupCont p { color: var(--color-brandCustomization-promo-modules-rewards-element-text); }
.quOrderPopup .quModalOrder .cardNumber { font-family: var(--fontFamiliesBody); font-weight: 700; line-height: 18px; }
.quOrderPopup .quModalOrder .expireDate { font-size: 14px; }
.quOrderPopup .quModalOrder .expireDate span { color: var(--color-buttons-text-link-foreground-disabled); }
.quOrderPopup .quModalBtn { display: grid; }
@media (min-width: 1024px) {
  .quOrderPopup .quModalBtn { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
.quOrderPopup .quModalBtn button { font-size: 22px; line-height: 1.5; }
.hideChooseTwoDesc, .showChooseTwoDesc { transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s; }
.reorderCardWrap .reorderCardCont { min-height: 174px; max-height: 174px; }
.reorderCardWrap .reorderCardCont button { height: 2rem; border-radius: 4px; color: var(--color-button-secondary-foreground-enabled); }
.reorderCardWrap .reorderCardCont .reorderCardItemName { font-family: var(--fontFamiliesBody); font-weight: 600; }
.reorderCardWrap .reorderCardCont .reorderCardextraItemsCount { font-family: var(--fontFamiliesBody); font-weight: 700; }
.reorderCardSection { max-width: 1366px; }
.reorderContent { font-weight: 400; }
.reorderModuleWrapper .checkBoxWrapper button:disabled { border-radius: 0.375rem; border-width: 1px; border-style: solid; border-color: var(--color-selectionControls-checkbox-border-neutral); background-color: var(--color-base-alpha-50); opacity: 1 !important; }
:root { --color-foreground-content-inverse-enabled-component-common: #fff; --color-foreground-content-disabled-component-common: #525252; --color-buttons-primary-large-background-disabled: #d4d4d4; --color-background-brand-primary: #d54107; --background-gradient-hero-header-mobile-desktop: linear-gradient(90deg,#242021 26.42%,transparent); --color-brand-primary-component: #242021; --color-foreground-content-subtle-enabled: #525252; --color-foreground-content-subtle-inverse-enabled: #e5e5e5; --color-promo-modules-offers-element-background: #242021; --color-foreground-brand-primary-on-background: #fff; --color-foreground-content-enabled-component: #202421; --color-foreground-content-subtle-enabled-component: #525252; --color-status-positive-on-base-component: #242021; --color-indicators-notification-foreground-danger: #991b1b; --color-foreground-border-brighter: #d4d4d4; --color-brandCustomization-promo-modules-rewards-element-text-component: #242021; --color-background-neutral-white: #fff; --color-foreground-icon-enabled: #242021; --color-background-neutral-inverse-base-component: #242021; --color-brandCustomization-suggestedSell-line-item-border: #d4d4d4; --color-border-checkout-promo-code: #d7572b; --color-background-neutral-dim-enabled: #dcdad4; --color-customization-foreground-disabled: #757575; }
input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill { box-shadow: rgb(244, 242, 236) 0px 0px 0px 1000px inset !important; transition: background-color 5000s ease-in-out !important; }
.drawerWrapper .NewLoyaltyDealsSlider .itemListContainer .itemList, .drawerWrapper .cartGalleryImgContainer .itemListContainer .itemList, .drawerWrapper .rewardsSection .itemListContainer .itemList { scrollbar-width: none; }
.inputDatePicker { position: relative; }
.inputDatePicker .react-datepicker, .inputDatePicker .react-datepicker__month-container { width: 100%; }
.inputDatePicker .react-datepicker__day, .inputDatePicker .react-datepicker__day-name { margin-left: 5px; margin-right: 5px; }
.inputDatePicker .react-datepicker__day.react-datepicker__day--selected { border-radius: var(--borderRadiusPill); background-color: var(--colorBaseAlpha950); }
.inputDatePicker .react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected { border-radius: var(--borderRadiusPill); border-color: var(--colorBaseAlpha950); border-style: var(--tw-border-style); border-width: 1px; background-color: transparent; }
@media (hover: hover) {
  .inputDatePicker .react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover { background-color: transparent; }
}
.inputDatePicker .react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover { border-radius: var(--borderRadiusPill); border-color: var(--colorBaseAlpha950); background-color: transparent; }
.inputDatePicker .react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover { border-radius: var(--borderRadiusPill); background-color: var(--colorBaseAlpha950); color: var(--colorBaseAlpha50); }
.inputDatePicker .react-datepicker-popper { z-index: 20; width: 100%; }
.inputDatePicker .react-datepicker--time-only, .inputDatePicker .react-datepicker__time-container, .inputDatePicker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box { width: 100%; }
.inputDatePicker .react-datepicker__time-list-item { margin-left: 1.5rem; margin-right: 1.5rem; padding-top: 7px; padding-bottom: 7px; font-family: var(--fontFamiliesBody); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsMd); color: var(--fontSizeFontSizeSm); display: flex; align-items: center; justify-content: center; }
.inputDatePicker .react-datepicker__time-list { padding-top: 1rem; padding-bottom: 1rem; }
.inputDatePicker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item { padding-top: 7px; padding-bottom: 7px; }
.inputDatePicker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected, .inputDatePicker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover { background-color: var(--colorBaseAlpha950); }
.username { max-width: 300px; font-size: 28px; font-weight: 900; line-height: 2.5rem; color: var(--colorBaseOffBlack500); display: block; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase; }
.username.birthdayUser { display: none; }
.celebrateBannerBgImageCtr::before { background: linear-gradient(90deg, rgb(36, 32, 33) 26.42%, transparent); }
@media screen and (min-width: 1024px) {
  .celebrateBannerBgImageCtr::before { content: none; }
  .celebrateBannerBgImageCtr.showGradient::before { background: linear-gradient(90deg, rgb(36, 32, 33) 8.39%, rgba(36, 32, 33, 0.8) 20.93%, rgba(36, 32, 33, 0) 37.11%); opacity: 1; }
}
.HomeRedUsedealBanner { margin-left: 1.25rem; margin-right: 1.25rem; height: 315px; gap: 1rem; border-radius: var(--borderRadiusRounded); background-color: var(--colorBackgroundBrandPrimary); background-image: url("../scraped_assets/images/texture-deals-rewards.672a80f2.png"); padding-left: 1.5rem; padding-right: 1.5rem; position: relative; z-index: 10; display: flex; flex-direction: column; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .HomeRedUsedealBanner { margin: 2rem 4rem; height: 116px; flex-direction: row; justify-content: space-between; padding-left: 3rem; padding-right: 3rem; }
}
.triAngleImage { left: auto; position: relative; }
.triAngleImage::after { position: absolute; top: -18px; left: 0px; right: 0px; margin-left: auto; margin-right: auto; height: 0.5rem; width: 2.5rem; background-size: cover; content: var(--tw-content); background-repeat: no-repeat; }
.happyBirthdayBanner { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeXxl); line-height: var(--lineHeightsLg); }
.happyBirthdayBanner .promoOfferText { margin-top: 0px; gap: 1rem; font-size: 1.125rem; line-height: 1.75rem; flex-direction: column; align-items: center; }
@media (min-width: 1024px) {
  .happyBirthdayBanner .promoOfferText { gap: 0px; }
}
.homeRedBannerMiddleContent { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); color: var(--colorForegroundContentInverseEnabled); text-align: center; }
@media (min-width: 1024px) {
  .homeRedBannerMiddleContent { padding-bottom: 0.25rem; padding-top: 0px; }
}
.useDealSectionBtn { margin-left: auto; margin-right: auto; height: 3rem; gap: 0.5rem; border-radius: var(--borderRadiusPill); background-color: var(--colorButtonHeaderStandardInverseBackgroundEnabled); padding-left: 2.25rem; padding-right: 2.25rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeRg); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsRg); color: var(--colorButtonPrimaryForegroundEnabled); margin-inline: auto; display: flex; width: auto; align-items: center; justify-content: center; text-align: center; --tw-leading: --lineHeightsRg; text-transform: capitalize; }
.useDealSectionBtn:hover { background-color: var(--colorButtonHeaderStandardInverseBackgroundPressed); }
@media (min-width: 1441px) {
  .promGridModuleCtr { width: 1440px; }
  .promGridModuleCtr .promGridInnerCtr { padding-left: 2rem; padding-right: 2rem; }
  .doubleSliderSection.oneDeal { padding-left: 0px; padding-right: 0px; }
}
@media (min-width: 640px) {
  .menuPageListContainer { max-width: 640px; }
}
@media (min-width: 768px) {
  .menuPageListContainer { max-width: 768px; }
}
@media (min-width: 1024px) {
  .menuPageListContainer { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .menuPageListContainer { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .menuPageListContainer { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .menuPageListContainer { max-width: 1536px; }
}
.site-map .menuPageListContainer { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .menuPageListContainer { flex-direction: row; }
}
.site-map .menuPageListContainer .leftColumn .level-1, .site-map .menuPageListContainer .leftColumn .level-2, .site-map .menuPageListContainer .leftColumn .level-3, .site-map .menuPageListContainer .rightColumn .level-1, .site-map .menuPageListContainer .rightColumn .level-2, .site-map .menuPageListContainer .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .menuPageListContainer .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .menuPageListContainer .level-2, .site-map .menuPageListContainer .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .menuPageListContainer .rightColumn { background-color: transparent; }
.site-map .menuPageListContainer .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .menuPageListContainer .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .menuPageListContainer .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .menuPageListContainer .camelCaseClass { text-transform: capitalize; }
.site-map .menuPageListContainer .lowerCaseClass { text-transform: lowercase; }
.site-map .menuPageListContainer h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.menuPageListContainer { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .menuPageListContainer { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .menuPageListContainer { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .menuPageListContainer .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .menuPageListContainer .leftColumn { width: 50%; }
}
.site-map .menuPageListContainer .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .menuPageListContainer .leftColumn .level-1 { padding: 0px; }
.site-map .menuPageListContainer .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .menuPageListContainer .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .menuPageListContainer .rightColumn { width: 50%; }
}
.site-map .menuPageListContainer .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .menuPageListContainer .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .menuPageListContainer .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .menuPageListContainer .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .menuPageListContainer .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.menuPageListContainer { margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .menuPageListContainer { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .menuPageListContainer { max-width: 1440px; }
}
.menuPageListContainer { width: 100%; margin-inline: auto; display: flex; flex-flow: column wrap; justify-content: center; }
@media (min-width: 1024px) {
  .menuPageListContainer { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 1.5rem; padding-left: 0.125rem; padding-right: 0.125rem; padding-top: 1rem; }
}
.menuPageList { min-height: 124px; border-color: var(--colorForegroundBorderBrighter); padding-left: 1.25rem; padding-right: 1.25rem; display: flex; align-items: center; justify-content: space-between; border-bottom-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .menuPageList { height: auto; width: 100%; flex-direction: column-reverse; border-radius: var(--borderRadiusRounded); border-width: 1px; padding-left: 0px; padding-right: 0px; --tw-shadow: 0px 2px 4px 0px #00000026; --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
}
.menuImageWrapper { display: flex; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .menuImageWrapper { max-width: none; padding: 0px; }
}
.menuPageListTitle { max-width: 11rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeLg); font-weight: 400; color: var(--colorForegroundContentEnabled); --tw-leading: 22px; line-height: 22px; text-transform: uppercase; }
@media (min-width: 1024px) {
  .menuPageListTitle { display: flex; height: 100px; max-width: 100%; align-items: center; justify-content: center; padding-top: 1.5rem; padding-bottom: 1.5rem; text-align: center; font-size: var(--fontSizeFontSizeXl); line-height: 2.5rem; }
}
.menuPageListTitleActive { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeLg); font-weight: 400; color: var(--colorBackgroundBrandPrimary); --tw-leading: 22px; line-height: 22px; text-transform: uppercase; }
@media (min-width: 1024px) {
  .menuPageListTitleActive { display: flex; height: 100px; max-width: 100%; align-items: center; justify-content: center; padding: 1.5rem; text-align: center; font-size: var(--fontSizeFontSizeXl); line-height: 2.5rem; }
}
.menuImgNotLoadedText { max-width: 180px; padding-top: 0.5rem; padding-bottom: 0.5rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeSm); font-weight: 400; text-align: center; --tw-leading: 22px; line-height: 22px; }
@media (min-width: 1024px) {
  .menuImgNotLoadedText { max-width: none; padding: 0.75rem 1.25rem; font-size: 32px; line-height: 40px; }
}
.menuFallback { height: 162px; width: 195px; position: relative; }
.bottomCTA { display: flex; align-items: flex-end; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.menuProductAdd { display: none; }
.menuProductAdd { right: 0.75rem; top: 0.75rem; border-radius: 0.375rem; border-color: var(--colorBaseAlpha50); background-color: var(--colorPrimary500); padding: 0.375rem; position: absolute; border-style: var(--tw-border-style); border-width: 1px; }
.righttitleSticky { top: 310px; z-index: 11; background-color: var(--colorBaseLightBeige500); position: sticky; width: 100%; text-align: center; transition-duration: var(--tw-duration,0s); transition-property: all; transition-timing-function: var(--tw-ease,ease); }
.righttitleSticky::after { position: absolute; left: 0px; top: 48px; width: 100%; border-bottom-width: 1px; border-color: var(--colorDividerBase); --tw-content: none; content: var(--tw-content); }
@media (min-width: 1024px) {
  .righttitleSticky { top: 270px; margin-bottom: 0px; margin-top: 0px; }
}
.righttitleSticky.notBigger::after { content: var(--tw-content); top: 30px; }
.righttitleSticky.mobileSubMenu::after { content: var(--tw-content); top: 28px; }
@media (min-width: 1024px) {
  .righttitleSticky.mobileSubMenu::after { content: var(--tw-content); top: 50px; }
  .productLessScroll .firstMenuSection { scroll-margin: 360px; padding-bottom: 6rem; padding-top: 6rem; }
}
.mobileMenuPage .righttitleSticky { top: 300px; }
@media (min-width: 1024px) {
  .mobileMenuPage .righttitleSticky { top: 250px; }
}
.categoryCont { top: 270px; width: 196px; position: sticky; }
@media (min-width: 1024px) {
  .categoryCont { top: 210px; padding-bottom: 2.5rem; padding-top: 1.75rem; }
}
.righttitleStickyCont { background-color: var(--colorBaseLightBeige500); }
.menuName { padding-top: 11px; padding-bottom: 11px; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); color: var(--colorBaseOffBlack500); display: inline-flex; }
.menuName.selected { font-weight: 700; }
* { scroll-behavior: smooth; }
@media (min-width: 640px) {
  .tabSection { max-width: 640px; }
}
@media (min-width: 768px) {
  .tabSection { max-width: 768px; }
}
@media (min-width: 1024px) {
  .tabSection { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .tabSection { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .tabSection { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .tabSection { max-width: 1536px; }
}
.site-map .tabSection { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .tabSection { flex-direction: row; }
}
.site-map .tabSection .leftColumn .level-1, .site-map .tabSection .leftColumn .level-2, .site-map .tabSection .leftColumn .level-3, .site-map .tabSection .rightColumn .level-1, .site-map .tabSection .rightColumn .level-2, .site-map .tabSection .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .tabSection .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .tabSection .level-2, .site-map .tabSection .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .tabSection .rightColumn { background-color: transparent; }
.site-map .tabSection .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .tabSection .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .tabSection .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .tabSection .camelCaseClass { text-transform: capitalize; }
.site-map .tabSection .lowerCaseClass { text-transform: lowercase; }
.site-map .tabSection h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.tabSection { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .tabSection { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .tabSection { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .tabSection .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .tabSection .leftColumn { width: 50%; }
}
.site-map .tabSection .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .tabSection .leftColumn .level-1 { padding: 0px; }
.site-map .tabSection .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .tabSection .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .tabSection .rightColumn { width: 50%; }
}
.site-map .tabSection .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .tabSection .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .tabSection .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .tabSection .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .tabSection .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.tabSection { top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 1rem; gap: 0.5rem; background-color: var(--colorBaseLightBeige500); padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1rem; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .tabSection { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .tabSection { max-width: 1440px; }
}
.tabSection { position: relative; z-index: 50; width: 100%; margin-inline: auto; display: flex; justify-content: space-between; }
@media (min-width: 1024px) {
  .tabSection { gap: 1rem; padding-left: 0px; padding-right: 0px; }
  .tabSection .tabButtons svg { height: 1.5rem; width: 1.5rem; }
}
.tabSection .tabButtons.active { background-color: var(--colorTemplateBackgroundEnabled); color: var(--colorBaseAlpha50); }
.tabSection .tabButtons > div { height: 1rem; width: 1rem; position: relative; }
@media (min-width: 1024px) {
  .tabSection .tabButtons > div { height: 1.5rem; width: 1.5rem; }
}
.tabSection .tabButtons > div.tabText { height: auto; width: auto; }
.tabButtons { width: 46.74%; border-radius: 0.25rem; border-color: var(--colorForegroundBorderBrighter); padding-top: 9px; padding-bottom: 9px; --tw-shadow: 0px 2px 4px 0px #00000026; --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); display: flex; justify-content: center; border-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .tabButtons { width: 49.3%; padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
.tabText { padding-left: 0.5rem; font-size: var(--fontSizeFontSizeXs); font-weight: 400; line-height: var(--lineHeightsSm); }
@media (min-width: 1024px) {
  .tabText { padding-left: 0.5rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); line-height: var(--lineHeightsMd); }
}
@media (min-width: 640px) {
  .noGreatestHitsContainer { max-width: 640px; }
}
@media (min-width: 768px) {
  .noGreatestHitsContainer { max-width: 768px; }
}
@media (min-width: 1024px) {
  .noGreatestHitsContainer { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .noGreatestHitsContainer { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .noGreatestHitsContainer { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .noGreatestHitsContainer { max-width: 1536px; }
}
.site-map .noGreatestHitsContainer { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .noGreatestHitsContainer { flex-direction: row; }
}
.site-map .noGreatestHitsContainer .leftColumn .level-1, .site-map .noGreatestHitsContainer .leftColumn .level-2, .site-map .noGreatestHitsContainer .leftColumn .level-3, .site-map .noGreatestHitsContainer .rightColumn .level-1, .site-map .noGreatestHitsContainer .rightColumn .level-2, .site-map .noGreatestHitsContainer .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .noGreatestHitsContainer .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .noGreatestHitsContainer .level-2, .site-map .noGreatestHitsContainer .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .noGreatestHitsContainer .rightColumn { background-color: transparent; }
.site-map .noGreatestHitsContainer .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .noGreatestHitsContainer .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .noGreatestHitsContainer .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .noGreatestHitsContainer .camelCaseClass { text-transform: capitalize; }
.site-map .noGreatestHitsContainer .lowerCaseClass { text-transform: lowercase; }
.site-map .noGreatestHitsContainer h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.noGreatestHitsContainer { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .noGreatestHitsContainer { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .noGreatestHitsContainer { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .noGreatestHitsContainer .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .noGreatestHitsContainer .leftColumn { width: 50%; }
}
.site-map .noGreatestHitsContainer .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .noGreatestHitsContainer .leftColumn .level-1 { padding: 0px; }
.site-map .noGreatestHitsContainer .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .noGreatestHitsContainer .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .noGreatestHitsContainer .rightColumn { width: 50%; }
}
.site-map .noGreatestHitsContainer .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .noGreatestHitsContainer .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .noGreatestHitsContainer .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .noGreatestHitsContainer .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .noGreatestHitsContainer .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.noGreatestHitsContainer { margin-top: 1.25rem; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .noGreatestHitsContainer { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .noGreatestHitsContainer { max-width: 1440px; }
}
.noGreatestHitsContainer { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.noGreatestHitsText { padding-top: 22.7px; font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; font-weight: 400; color: var(--colorBaseAlpha950); --tw-leading: 22px; line-height: 22px; text-transform: uppercase; }
.noGreatestHitsDescription { padding-bottom: 60px; padding-top: 1rem; font-family: var(--fontFamiliesBody); font-size: 1rem; font-weight: 400; line-height: 21.82px; color: var(--colorBaseAlpha600); }
.noResult { margin-left: auto; margin-right: auto; place-items: baseline; gap: 0.5rem; margin-inline: auto; display: flex; }
.noResult .noResultErr { margin-top: 0.5rem; font-family: var(--fontFamiliesBody); font-size: 0.75rem; font-weight: 400; color: var(--colorBaseAlpha600); --tw-leading: 17px; line-height: 17px; }
@media (min-width: 1024px) {
  .noResult .noResultErr { font-size: 1rem; line-height: 1.5rem; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.loader { display: none; }
.loader { top: 57px; border-radius: 0.25rem; border-color: var(--colorBaseAlpha400); background-color: var(--colorBaseAlpha50); padding: 14px 1rem; --tw-shadow: 0px 4px 4px 0px rgba(0,0,0,.25); --tw-shadow-colored: 0px 4px 4px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); position: absolute; width: 100%; border-width: 1px; --tw-border-style: solid; border-style: solid; }
input[type="number"], input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { appearance: none; margin: 0px; outline: none; }
.filePicker { display: none; }
.pdp-upload-image { margin: 2rem 1.25rem; min-width: 287px; }
.pdp-upload-image .inputfilePicker { margin-bottom: 1rem; border-radius: 0.5rem; border-color: var(--colorBaseAlpha300); background-color: var(--colorBaseAlpha50); padding: 0.75rem; position: relative; display: flex; cursor: pointer; border-style: var(--tw-border-style); border-width: 1px; }
.pdp-upload-image .imageUploadDisclaimer span { margin-top: 2px; display: block; }
.pdp-upload-image .imageUploadDisclaimer .filePickerLabel, .pdp-upload-image .inputfilePicker .filePickerLabel { max-width: 231px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width: 1024px) {
  .pdp-upload-image .imageUploadDisclaimer .filePickerLabel, .pdp-upload-image .inputfilePicker .filePickerLabel { max-width: 382px; }
}
.pdp-upload-image .imageUploadDisclaimer.error, .pdp-upload-image .inputfilePicker.error { margin-bottom: 1rem; border-color: var(--colorBaseRed700); color: var(--colorBaseRed700); }
.pdp-upload-image .imageUploadDisclaimer.error .fbrLabel, .pdp-upload-image .imageUploadDisclaimer.error .fbrLabelText, .pdp-upload-image .imageUploadDisclaimer.error .informationText, .pdp-upload-image .inputfilePicker.error .fbrLabel, .pdp-upload-image .inputfilePicker.error .fbrLabelText, .pdp-upload-image .inputfilePicker.error .informationText { color: var(--colorBaseRed700); }
.pdp-upload-image .imageUploadDisclaimer.error path:first-child, .pdp-upload-image .inputfilePicker.error path:first-child { fill: var(--colorBaseRed700); }
.pdp-upload-image .fbrLabel { color: var(--colorBaseOffBlack500); font-size: 16px; }
.pdp-upload-image .fbrLabel, .pdp-upload-image .fbrLabelText { font-family: var(--fontFamiliesBody); font-weight: 400; line-height: 1.25rem; }
.pdp-upload-image .fbrLabelText { color: var(--colorBaseAlpha600); font-size: 12px; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.pdp-upload-image .arrowImg { display: none; }
.pdp-upload-image .arrowImg { right: 0.75rem; top: 20px; height: 1rem; position: absolute; }
.pdp-upload-image .edibleImg { padding-right: 0.5rem; }
.pdp-upload-image .pdp-preview-image { height: 40px; }
.pdp-edible-image-modal { width: 287px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.pdp-edible-image-modal .loading-text { font-family: var(--fontFamiliesBody); font-weight: 400; color: var(--colorBaseOffBlack500); font-size: 16px; }
.pdp-edible-image-modal .edible-image-preview { padding-bottom: 1rem; }
.pdp-edible-image-modal .edible-image-preview img { margin: auto; min-height: 128px; min-width: 128px; }
.pdp-edible-image-modal .edible-image-preview-error { padding-bottom: 1rem; }
.pdp-edible-image-modal .edible-image-preview-error img { margin: auto; min-height: 48px; min-width: 48px; }
.carouselCard .itemListContainer { max-width: 526px; position: relative; }
.carouselCard .itemListContainer .itemList { margin-top: 1.25rem; margin-bottom: 1.25rem; gap: 1rem; padding-left: 1.25rem; padding-right: 1.25rem; }
.carouselCard .itemListContainer .sliderChevronIcon { margin: 0px; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.carouselCard .itemListContainer .sliderChevronIcon .sliderCircleArrow { display: none; }
.carouselCard .itemListContainer .sliderChevronIcon .sliderCircleArrow { right: 1.25rem; top: calc(100% - 106px); margin: 0px; height: 2.75rem; width: 2.75rem; border-color: var(--colorBaseAlpha50); background-color: var(--colorQuaternary950); position: absolute; display: flex; align-items: center; justify-content: center; border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 1px; }
.carouselCard .itemListContainer .sliderChevronIcon .sliderCircleArrow.disabledLeftChevronIcon { display: none; }
.carouselCard .itemListContainer .sliderChevronIcon .sliderCircleArrow.sliderLeftChevronIcon { left: 0px; }
.carouselCard .pdpCarouselCard { border-radius: 0.5rem; border-color: var(--colorBaseAlpha300); padding: 2rem 21px 0.5rem; position: relative; display: flex; cursor: pointer; flex-direction: column; align-items: center; border-style: var(--tw-border-style); border-width: 1px; }
.carouselCard .pdpCarouselCard.selectedItem { border-color: var(--colorBaseAlpha800); background-color: var(--colorBaseOffWhite500); }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.carouselCard .pdpCarouselCard .selectedProductIcon { display: none; }
.carouselCard .pdpCarouselCard .selectedProductIcon { right: 10px; top: 10px; position: absolute; }
.carouselCard .pdpCarouselCard.unAvailable { opacity: 0.4; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.carouselCard .pdpCarouselCard .notAvailable { display: none; }
.carouselCard .pdpCarouselCard .notAvailable { top: 5px; border-radius: 0.25rem; border-color: var(--colorBaseAlpha300); padding: 2px 0.5rem; position: absolute; border-style: var(--tw-border-style); border-width: 1px; font-size: 14px; }
.carouselCard .pdpCarouselCard .thumbImage { height: 4rem; width: 4rem; }
.carouselCard .pdpCarouselCard .thumbImage img { position: relative; height: 100%; width: 100%; }
.storeSearchEmptyStateMsg { margin: auto; max-width: 375px; padding-left: 40px; padding-right: 40px; padding-bottom: 80px; grid-column: span 1 / span 1; display: flex; flex-direction: column; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .storeSearchEmptyStateMsg { position: relative; justify-content: flex-start; }
}
.storeSearchFavImgTitleText { padding-top: 1.25rem; font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; color: var(--colorBaseOffBlack500); --tw-leading: 22px; line-height: 22px; }
.storeSearchFavImgParaText, .storeSearchFavImgTitleText { font-weight: var(--fontWeightsRegular); text-align: center; }
.storeSearchFavImgParaText { padding-top: 1rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); }
.errorLocationOutlet { padding: 0.75rem 1.5rem; }
.errorLocationWrapper { padding: 2rem 2.25rem; }
.accoutRequireText { font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); display: flex; flex-direction: row-reverse; align-items: center; }
.actionRequiredImage { margin-left: auto; margin-right: auto; margin-top: 2rem; margin-inline: auto; display: flex; justify-content: center; text-align: center; }
.titleText { padding-top: 1.5rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeLg); color: var(--colorForegroundContentEnabled); }
.contentDesc, .titleText { font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsMd); text-align: center; }
.contentDesc { padding-top: 1rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); color: var(--colorBaseAlpha600); }
.btnsWrapper { padding-top: 1.5rem; }
.favSignUp { gap: 0.5rem; border-radius: var(--borderRadiusPill); padding-left: 1rem; padding-right: 1rem; font-family: var(--fontFamiliesPrimary); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsRg); color: var(--fontSizeFontSizeRg); display: flex; width: 100%; --tw-leading: --lineHeightsRg; }
@media (min-width: 1024px) {
  .favSignUp { width: 335px; }
}
.favSignUp, .favSignUp[type="button"] { background-color: var(--colorButtonHeaderStandardInverseBackgroundEnabled); color: var(--colorButtonPrimaryForegroundEnabled); }
.favSignUp:hover, .favSignUp[type="button"]:hover { background-color: var(--colorButtonHeaderStandardInverseBackgroundPressed); }
.outletWrapper .outletRightContainer .enterAddressBtn .favSignUp { background-color: var(--colorBaseRed550); font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; color: var(--colorBaseAlpha50); text-transform: uppercase; }
.outletWrapper .outletRightContainer .errorLocationOutlet.addressLookCorrectContainer .btnContainer .favSignUp { background-color: var(--colorBaseRed550); font-family: BrooklynSamuelsThreeBold; font-weight: 700; color: var(--colorBaseAlpha50); width: 100%; font-size: 19px; text-transform: uppercase; }
.favSignUp { margin-left: auto; margin-right: auto; height: 3rem; width: 9rem; padding-left: 2rem; padding-right: 2rem; margin-inline: auto; align-items: center; justify-content: center; text-align: center; text-transform: capitalize; }
.pointer { cursor: pointer; }
.actionLink { background-image: none; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsRg); color: var(--colorBaseOffBlack500); --tw-border-style: none; border-style: none; --tw-leading: --lineHeightsRg; }
@media (hover: hover) {
  .actionLink:hover { background-color: transparent; }
}
.actionLink:hover { background-color: transparent; }
.outletWrapper .outletRightContainer .tryAnotherAddressBtn .actionLink { width: auto; background-color: transparent; }
.actionLink { display: flex; cursor: pointer; align-items: center; }
.actionLink img { align-self: center; }
.emptyStateMsg { margin: auto; max-width: 375px; padding-left: 40px; padding-right: 40px; padding-bottom: 80px; grid-column: span 1 / span 1; display: flex; flex-direction: column; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .emptyStateMsg { position: relative; justify-content: flex-start; }
}
.favimg { padding-top: 56px; display: none; }
@media (min-width: 1024px) {
  .favimg { display: flex; padding-top: 102px; }
}
.paraText { padding-top: 1rem; font-family: var(--fontFamiliesBody); font-weight: 400; text-align: center; }
.paraText, .refreshBtn { font-size: 1rem; line-height: 1.5rem; }
.refreshBtn { margin-top: 1.25rem; border-color: var(--colorBaseAlpha950); background-color: var(--colorBaseAlpha950); padding: 13px 2rem; font-family: var(--fontFamiliesPrimary); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); border-radius: calc(infinity * 1px); border-width: 1px; --tw-border-style: solid; border-style: solid; --tw-leading: 22px; line-height: 22px; }
@media (min-width: 1024px) {
  .refreshBtn { margin-left: 0.25rem; font-size: 0.75rem; line-height: 1rem; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.columnRightMobile { display: none; }
.columnRightMobile { bottom: 0px; max-height: 360px; position: absolute; width: 100%; }
@media (min-width: 1024px) {
  .columnRightMobile { position: relative; grid-column: span 1 / span 1; max-height: 100%; width: auto; }
}
.storeSerachWrapperBg { min-height: 100vh; --tw-bg-opacity: 1; background-color: rgb(246 245 240/var(--tw-bg-opacity)); display: flex; grid-template-columns: repeat(1, minmax(0px, 1fr)); flex-direction: column; }
@media (min-width: 1024px) {
  .storeSerachWrapperBg { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
.rightColumn { --tw-bg-opacity: 1; background-color: rgb(246 245 240/var(--tw-bg-opacity)); padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.75rem; }
@media (min-width: 1024px) {
  .rightColumn { padding-left: 1.5rem; padding-right: 1.5rem; }
}
.rewardsErrorMsg { width: 295px; font-size: var(--fontSizeFontSizeRg); --tw-leading: 22px; line-height: 22px; }
.qrOrderId { font-family: var(--fontFamiliesBody); font-size: 0.75rem; line-height: 1rem; font-weight: 600; color: var(--colorBaseAlpha600); display: flex; justify-content: center; }
@media (min-width: 1024px) {
  .shortDescriptionText .righttitleSticky .righttitleStickyCont { padding-left: 0px; padding-right: 0px; }
}
.shortDescriptionText .righttitletext.biggerText.titleTextPad { padding-bottom: 1rem; }
.shortDescriptionText .righttitletext + .menuCatDesc { border-color: var(--colorDividerBase); padding-bottom: 1rem; font-family: var(--fontFamiliesBody); font-weight: 400; color: var(--colorBaseAlpha600); border-style: var(--tw-border-style); border-width: 0px; }
.shortDescriptionText .firstMenuSection { scroll-margin: 525px; }
@media (min-width: 1024px) {
  .shortDescriptionText .firstMenuSection { scroll-margin: 425px; }
}
.rewardsSection .itemListContainer .rewards { border-color: var(--colorBaseAlpha500); height: auto; border-width: 0px; --tw-border-style: solid; border-style: solid; }
.rewardsSection .itemListContainer .rewards.loyaltyRewardDisable { border-style: var(--tw-border-style); border-width: 0px; }
.bankedRewardContent { font-weight: var(--fontWeightsRegular); color: var(--colorBaseAlpha600); }
.bankedRewardAmount, .bankedRewardContent { margin-bottom: 1.5rem; margin-top: 0.75rem; font-family: var(--fontFamiliesBody); font-size: var(--paragraphSpacingMedium); line-height: var(--lineHeightsMd); }
.bankedRewardAmount { font-weight: var(--fontWeightsBold); color: var(--colorBaseOffBlack500); }
.loyaltyRightSideContainer .rewardsSection .itemListContainer .rewards { height: auto; }
.nlError .optionalInputLabel.invalid { display: none; }
.peer:focus ~ .promoCodeError .floating-container .fbr-floating-label { --tw-translate-y: -1rem; --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.promoCodeError .floatingInputField.invalid + .fbr-floating-label { color: var(--colorFormFieldsForegroundError); }
.promoCodeError .selectedReward { font-family: var(--fontFamiliesBody); font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; color: var(--colorBaseAlpha600); }
.moduleCtr .dealsHomePoints { padding-top: 0px; }
.moduleCtr .dealsHomePoints .pdpTextLoader { margin-left: 0px; height: 3rem; max-width: 100px; }
.restaurantDealModal, .rewardPopupContainer, .selectedRewardModal { max-height: 80vh; overscroll-behavior: contain; overflow-y: auto; }
@media (min-width: 1024px) {
  .restaurantDesk { width: 100%; }
}
.restaurantInfo { background-color: var(--colorBaseLightBeige500); padding-top: 0px; font-family: var(--fontFamiliesPrimary); }
.restaurantInfo .restaurantAddressDesc { width: 80%; }
.restaurantInfoDeskDisply { padding-left: 1.5rem; padding-right: 1.5rem; display: none; }
@media (min-width: 1024px) {
  .restaurantInfoDeskDisply { display: block; }
}
.restaurantInfoAddress { margin-bottom: 15px; gap: 1rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.25rem; display: flex; flex-direction: row; justify-content: space-between; }
.errorLocationOutlet .pointer svg { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonSecondaryBorderEnabled); }
.restaurantInfoBtn { gap: 14px; padding-left: 1.5rem; padding-right: 1.5rem; font-size: 1.125rem; line-height: 1.75rem; }
@media (min-width: 1024px) {
  .restaurantInfoBtn { display: flex; flex-direction: row; justify-content: flex-end; }
}
.restaurantInfoTime { margin-top: 2rem; margin-bottom: 2rem; border-top-width: ; border-bottom-width: ; border-left-width: 0px; border-right-width: 0px; border-color: var(--colorBaseAlpha300); padding: 1.25rem 1.25rem 1.25rem 2.75rem; }
@media (min-width: 1024px) {
  .restaurantInfoTime { margin-top: 1.5rem; margin-bottom: 1.5rem; }
}
.group-is-active .accrodionUpArrow { --tw-rotate: -90deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.callbtn { gap: 0.5rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.25rem; }
@media (min-width: 1024px) {
  .callbtn { display: flex; flex-direction: row; justify-content: flex-end; }
}
.restaurantInfoHeading { margin-bottom: 1rem; height: 3rem; padding-left: 1.5rem; padding-right: 1.5rem; font-size: 1.125rem; line-height: 1.75rem; font-weight: 400; position: relative; display: flex; align-items: center; justify-content: center; text-align: center; }
@media (min-width: 1024px) {
  .restaurantInfoHeading { display: none; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.leftArrow { display: none; }
.leftArrow { left: 1.25rem; top: 0px; position: absolute; cursor: pointer; }
@media (min-width: 1024px) {
  .leftArrow { left: 0px; }
}
.leftArrow svg { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonSecondaryBorderEnabled); }
.accrodionUpArrow { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
@media (min-width: 1024px) {
  .accrodionUpArrow { display: none; }
}
.orderType { padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.25rem; }
.orderType, .restaurantInfoHeadingDesk { font-size: 1.125rem; line-height: 1.75rem; }
.restaurantInfoHeadingDesk { margin-bottom: 1rem; margin-top: 2.25rem; height: 3rem; font-weight: 400; position: relative; align-items: center; justify-content: center; text-align: center; }
@media (min-width: 1024px) {
  .restaurantInfoHeadingDesk { display: flex; }
}
.map { height: 188px; overflow: hidden; }
@media (min-width: 1024px) {
  .map { height: 100vh; }
}
.restaurantAddresshead { gap: 0.75rem; font-size: var(--fontSizeFontSizeLg); line-height: var(--lineHeightsMd); display: flex; }
.restaurantAddressDesc, .restaurantAddresshead { font-weight: var(--fontWeightsRegular); text-align: left; }
.restaurantAddressDesc { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); line-height: var(--lineHeightsRg); color: var(--colorForegroundContentSubtleEnabled); --tw-leading: --lineHeightsRg; }
.like { cursor: pointer; }
.likeText { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsRg); color: var(--colorForegroundContentSubtleEnabled); text-align: right; --tw-leading: --lineHeightsRg; }
.getDirection { margin-bottom: 7px; }
.getDirectionsBtn { gap: 0.5rem; border-color: var(--colorButtonSecondaryBorderEnabled); padding: 10px 1rem; font-family: var(--fontFamiliesPrimary); font-size: 1rem; display: flex; width: 100%; justify-content: center; border-radius: calc(infinity * 1px); border-width: 1px; --tw-border-style: solid; border-style: solid; --tw-leading: 22px; line-height: 22px; }
.getDirectionsBtn:hover { background-color: var(--colorButtonSecondaryBackgroundPressed); }
@media (min-width: 1024px) {
  .getDirectionsBtn { font-size: 0.75rem; line-height: 1rem; }
}
.restaurantInfoBtn .getDirectionsBtn { font-size: var(--fontSizeFontSizeXs); line-height: var(--lineHeightsXs); color: var(--colorButtonSecondaryForegroundEnabled); }
.orderTypeHeader, .restaurantInfoBtn .getDirectionsBtn { font-family: var(--fontFamiliesBody); font-weight: var(--fontWeightsBold); }
.orderTypeHeader { margin-bottom: 1rem; margin-top: 1.5rem; font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); }
.typebtn { margin-right: 0.5rem; gap: 0.25rem; border-radius: var(--borderRadiusSoftlyRounded); border-width: var(--borderWidthHairline); border-color: var(--colorForegroundBorderBrighter); padding: 0.25rem 6px; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsRg); color: var(--colorForegroundContentSubtleEnabled); display: flex; align-items: center; --tw-leading: --lineHeightsRg; }
.typebtn:hover { background-color: var(--colorButtonSecondaryBackgroundPressed); }
.orderTypeBtn { display: flex; }
.orderTypeBtn button { cursor: default; }
.holiday { font-family: var(--fontFamiliesBody); font-size: 0.75rem; line-height: 1rem; }
.selectLocationBtn { border-color: var(--colorPrimary600); background-color: var(--colorPrimary600); padding-top: 10px; padding-bottom: 10px; font-family: var(--fontFamiliesPrimary); font-size: 1rem; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); width: 100%; border-radius: calc(infinity * 1px); border-width: 1px; --tw-border-style: solid; border-style: solid; --tw-leading: 22px; line-height: 22px; }
@media (min-width: 1024px) {
  .selectLocationBtn { padding-left: 1rem; padding-right: 1rem; font-size: 0.75rem; line-height: 1rem; }
}
.selectLocations { margin-bottom: 1rem; margin-top: 1rem; }
@media (min-width: 1024px) {
  .selectLocations { text-align: right; }
}
.restaurantOpenTime { margin-bottom: 0.5rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsMd); display: flex; flex-direction: row; justify-content: space-between; }
.day, .restaurantOpenTime, .textDistance { color: var(--colorForegroundContentSubtleEnabled); }
.day, .textDistance { font-size: var(--fontSizeFontSizeSm); line-height: var(--lineHeightsRg); --tw-leading: --lineHeightsRg; }
.scheduleDay { color: var(--colorForegroundContentSubtleEnabled); text-transform: capitalize; }
.time { color: var(--colorForegroundContentEnabled); }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.ellipImg { display: none; }
.ellipImg { left: -18px; top: 0px; position: absolute; }
.openToday { font-weight: 600; color: var(--colorBaseAlpha950); }
@media (min-width: 1024px) {
  .restaurantview { display: flex; flex-direction: row; }
}
.phoneNumber { height: 19px; padding-top: 0.5rem; font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsRg); color: var(--colorBaseAlpha600); display: block; --tw-leading: --lineHeightsRg; }
@media (min-width: 1024px) {
  .phoneNumber { width: 396px; }
}
.welcomeTopImage svg { width: 100%; }
@media (min-width: 1024px) {
  .welcomeTopImage svg { display: none; }
}
.welcomeContent { padding-left: 1.25rem; padding-right: 1.25rem; text-align: center; }
@media (min-width: 1024px) {
  .welcomeContent { max-width: 335px; padding-left: 0px; padding-right: 0px; }
}
.welcomeContent .largeText { line-height: 50px; }
.smallText { margin-bottom: 0.5rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeLg); line-height: 28.8px; }
.largeText, .smallText { color: var(--colorForegroundContentEnabled); text-align: center; }
.largeText { font-family: var(--fontWeightsBaseLine); font-size: 64px; font-weight: 400; line-height: 2.25rem; text-transform: uppercase; }
.content { margin-top: 1.5rem; font-family: var(--fontFamiliesBody); font-weight: var(--typographyBodyPrimaryRegularFontWeight); line-height: var(--typographyBodyPrimaryRegularLineHeight); color: var(--colorForegroundContentEnabled); }
@media (min-width: 1024px) {
  .content { margin-top: 2rem; font-weight: 700; }
}
.btnSection { margin-top: 2rem; gap: 0.5rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .btnSection { gap: 1rem; }
}
.signupBtn { height: 3rem; font-size: var(--typographyButtonPrimaryLargeFontSize); line-height: 1.25rem; width: 100%; text-transform: uppercase; }
.authenticationBtn { text-align: center; }
.authenticationBtn .buttonWrapper.linkContentBtn { margin: 0px auto 2rem; height: 3rem; padding: 0px; font-weight: 700; margin-inline: auto; display: flex; width: 335px; align-items: center; justify-content: center; border-radius: calc(infinity * 1px); font-size: 19px; text-transform: uppercase; text-decoration-line: none; }
.contentPageTopSection .pdpListTileImg { box-shadow: rgba(0, 0, 0, 0.12) 0px 13px 20px 0px, rgba(0, 0, 0, 0.35) 0px 11px 9px -10px; }
.contentPage .gradiantHorizontalDeskTop::before, .contentPage .gradiantHorizontalMobile::before { background: linear-gradient(90deg, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 94.45%); opacity: 1; }
.contentPage .gradiantVerticalDeskTop::before, .contentPage .gradiantVerticalMobile::before { background: linear-gradient(0deg, rgba(36, 32, 33, 0.1) 2.71%, rgb(36, 32, 33) 47.7%); opacity: 1; }
.contentPage .loaderContentPage.pageLoader { margin-top: 0px; }
.contentPage .loaderContentPage.pageLoader .justMoeMentContainer { height: calc(-97px + 100vh); }
.contentPage .termsAndConditions + ol, .contentPage .termsAndConditions + ul, .contentPage .textContentStatic + ol, .contentPage .textContentStatic + ul { padding-left: 1.5rem; }
@media (min-width: 1024px) {
  .contentPage .termsAndConditions + ol, .contentPage .termsAndConditions + ul, .contentPage .textContentStatic + ol, .contentPage .textContentStatic + ul { padding-left: 3rem; }
}
.contentPage .articleTac { font-size: 0.75rem; line-height: 1rem; }
.contentPage .cateringContainer .columnContainer { display: grid; }
.contentPage .contentPage .cateringContainer .homePageContainer { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
@media (min-width: 1024px) {
  .contentPage .contentPage .cateringContainer .homePageContainer { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
.loaderSpinner { width: 50px; aspect-ratio: 1 / 1; display: grid; border-radius: 50%; background: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 30%, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 70%, rgb(255, 255, 255) 0px) 50% center / 8% 100% no-repeat, linear-gradient(90deg, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 70%, rgba(255, 255, 255, 0.75) 0px) 50% center / 100% 8%; animation: 1s steps(12) 0s infinite normal none running l23; }
.loaderSpinner::after, .loaderSpinner::before { content: ""; grid-area: 1 / 1; border-radius: 50%; background: inherit; opacity: 0.915; transform: rotate(30deg); }
.loaderSpinner::after { opacity: 0.83; transform: rotate(60deg); }
@keyframes l23 { 
  100% { transform: rotate(1turn); }
}
.view-more-line { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.is-view-less::before { content: "..."; position: absolute; bottom: 0px; left: 0px; padding-right: 5px; }
@font-face { font-family: BrooklynSamuelsFiveBold; src: url("../scraped_assets/fonts/font_BrooklynSamuelsFiveBold.otf"); font-display: swap; }
@font-face { font-family: BrooklynSamuelsFiveMedium; src: url("../scraped_assets/fonts/font_BrooklynSamuelsFiveMedium.otf"); font-display: swap; }
@font-face { font-family: BrooklynSamuelsFourBold; src: url("../scraped_assets/fonts/font_BrooklynSamuelsFourBold.otf"); font-display: swap; }
@font-face { font-family: BrooklynSamuelsFourMedium; src: url("../scraped_assets/fonts/font_BrooklynSamuelsFourMedium.otf"); font-display: swap; }
@font-face { font-family: BrooklynSamuelsThreeBold; src: url("../scraped_assets/fonts/font_BrooklynSamuelsThreeBold.otf"); font-display: swap; }
@font-face { font-family: BrooklynSamuelsThreeMedium; src: url("../scraped_assets/fonts/font_BrooklynSamuelsThreeMedium.otf"); font-display: swap; }
.homePage .mostPopularCarosuel .gallerySliderBox { box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 12px -12px, rgba(0, 0, 0, 0.1) 0px 12px 16px 0px; }
.homePage .moduleCtr .rewardsSliderContainer { padding-bottom: 1rem; }
.homePage .moduleCtr .rewardsSliderContainer .dealsHomePoints { padding-top: 0px; font-size: 48px; font-weight: var(--fontWeightsBold); line-height: 2.5rem; color: var(--colorBackgroundBrandPrimary); }
.homePage .moduleCtr .rewardsSliderContainer .doubleSliderHeadText { font-weight: var(--fontWeightsBold); }
.homePage .moduleCtr .rewardsSection .itemListContainer .taxAndFeesApplylink { padding-top: 0.75rem; }
.homePage .moduleCtr .rewardsSection .itemListContainer .rewards { box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 12px -12px, rgba(0, 0, 0, 0.1) 0px 12px 16px 0px; }
@media (min-width: 1024px) {
  .homePage .homepagePagePromotionSection { margin-top: 0px; margin-bottom: 0px; }
}
.homePage .homepagePagePromotionSection .homepagePagePromotionSectionContainer .homepagePagePromotionSectionOffer { padding-left: 3.4rem; padding-right: 3.4rem; }
.homePage .homepagePagePromotionSection .homepagePagePromotionSectionContainer .homepagePagePromotionSectionOffer .textShade { width: max-content; }
.homePage .homepagePagePromotionSection .homepagePagePromotionSectionContainer .blueMenuBtn { display: flex; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .homePage .homepagePagePromotionSection .homepagePagePromotionSectionContainer .blueMenuBtn { width: 167px; }
  .homePage .homepagePagePromotionSection .homepagePagePromotionSectionContainer .mobileHomePagePromotionSection .blueMenuBtn { padding: 0px; }
}
.moduleCtr .pdpListTile { box-shadow: rgba(0, 0, 0, 0.12) 0px 13px 20px 0px, rgba(0, 0, 0, 0.35) 0px 11px 9px -10px; }
@media screen and (min-width: 1024px) {
  .moduleCtr .pdpListTile { box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 12px -12px, rgba(0, 0, 0, 0.1) 0px 12px 16px 0px; }
}
.homePage .bannerHead .secondColumn::before { background: linear-gradient(90deg, rgb(255, 255, 255) 30.5%, rgba(255, 255, 255, 0.75) 87%, rgba(255, 255, 255, 0)); }
.homeFullScreen .homeFullScreenWrapper { background: linear-gradient(rgba(255, 255, 255, 0) 29%, rgba(255, 255, 255, 0.9) 35%, rgb(255, 255, 255) 57.5%, rgb(255, 255, 255)); }
@media screen and (min-width: 1024px) {
  .homeFullScreen .homeFullScreenWrapper { background: linear-gradient(rgba(255, 255, 255, 0) 29%, rgba(255, 255, 255, 0.9) 52%, rgb(255, 255, 255) 57.5%, rgb(255, 255, 255)); }
}
.celebrateBannerBgImageCtr.showGradient::before { background: linear-gradient(90deg, rgb(255, 255, 255) 26.42%, rgba(255, 255, 255, 0)); box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 12px -12px, rgba(0, 0, 0, 0.1) 0px 12px 16px 0px; height: 100%; }
.promoTmgCtr .celebrateBannerBgImage { border-radius: 0px; }
@media screen and (min-width: 1024px) {
  .celebrateBannerBgImageCtr.showGradient::before { background: linear-gradient(270deg, rgba(255, 255, 255, 0) 68.14%, rgba(255, 255, 255, 0.8) 85.97%, rgb(255, 255, 255)); }
}
.menuPageBg .promoImgContainer.LOTZ-Salmon { background-color: rgba(222, 92, 45, 0.5); }
.menuPageBg.promotionSingle .promoCardContainer::before { background: linear-gradient(270deg, rgba(255, 255, 255, 0.5) 48%, rgb(255, 255, 255) 71.5%); }
@media (max-width: 767px) {
  .menuPageBg.promotionSingle .promoCardContainer::before { background: linear-gradient(270deg, rgba(255, 255, 255, 0.5) 10%, rgb(255, 255, 255) 50%); }
}
@media screen and (min-width: 1024px) {
  .menuPageBg.promotionSingle .promoCardContainer::before { background: linear-gradient(90deg, rgb(255, 255, 255) 33.58%, rgba(255, 255, 255, 0.4) 56.95%); }
}
.contentPage .gradiantHorizontalDeskTop::before, .contentPage .gradiantHorizontalMobile::before { background: linear-gradient(90deg, rgb(250, 249, 245) 30.5%, rgba(250, 249, 245, 0.75) 59%, rgba(250, 249, 245, 0)); }
@media screen and (max-width: 1024px) {
  .contentPage .gradiantHorizontalDeskTop::before, .contentPage .gradiantHorizontalMobile::before { background: linear-gradient(90deg, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0.75) 60%, rgba(255, 255, 255, 0)); }
}
.\!container { width: 100% !important; }
@media (min-width: 640px) {
  .\!container { max-width: 640px !important; }
  .container { max-width: 640px; }
}
@media (min-width: 768px) {
  .\!container { max-width: 768px !important; }
  .container { max-width: 768px; }
}
@media (min-width: 1024px) {
  .\!container { max-width: 1024px !important; }
  .container { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .\!container { max-width: 1280px !important; }
  .container { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .\!container { max-width: 1440px !important; }
  .container { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .\!container { max-width: 1536px !important; }
  .container { max-width: 1536px; }
}
body { background-color: var(--colorBackgroundNeutralBase); -webkit-font-smoothing: antialiased; }
.no-pointer { pointer-events: none; }
.breadcrumbBg { border-color: var(--colorDividerDim); display: flex; width: 100%; }
@media (min-width: 1024px) {
  .breadcrumbBg { border-bottom-width: 1px; border-top-width: 1px; border-style: solid; background-color: var(--colorBackgroundNeutralDim); }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.searchMapButton { display: none; }
.searchMapButton { height: 2rem; gap: 0.5rem; border-radius: 100px; border-color: var(--colorBaseAlpha950); --tw-border-opacity: 0.1; background-color: var(--colorBaseAlpha50); padding-left: 1rem; padding-right: 1rem; font-family: var(--fontFamiliesBody); font-size: 0.875rem; font-weight: 700; line-height: 1.25; color: var(--colorBaseOffBlack500); --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); position: absolute; z-index: 10; display: inline-flex; align-items: center; justify-content: center; border-style: var(--tw-border-style); border-width: 1px; text-align: center; transition-duration: var(--tw-duration,0s); transition-property: all; transition-timing-function: var(--tw-ease,ease); }
.searchMapButton:hover { background-color: var(--colorBaseAlpha100); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.searchMapButton { left: 50%; top: 30px; transform: translateX(-50%); }
.sectionTitle { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeLg); font-weight: var(--fontWeightsRegular); color: var(--colorForegroundContentEnabled); --tw-leading: 22px; line-height: 22px; text-transform: uppercase; }
.auth-layout { background-color: var(--colorBackgroundNeutralBase); padding-bottom: 1.5rem; position: relative; display: flex; justify-content: center; }
@media (min-width: 768px) {
  .auth-layout { padding-bottom: 1.25rem; padding-top: 4rem; }
}
.auth-layout { min-height: calc(-190px + 100vh); }
@media screen and (min-width: 768px) {
  .auth-layout { min-height: calc(-165px + 100vh); }
}
.auth-layout .customToastInline { margin-left: auto; margin-right: auto; min-width: 0px; max-width: fit-content; margin-inline: auto; }
.auth-layout .customToastInline .toast-content { min-width: min-content; }
.auth-layout .customToastInline.\!error, .auth-layout .customToastInline.error { background-color: var(--colorBaseRed50); }
.auth-layout .customToastInline.\!error .toasterIcon, .auth-layout .customToastInline.error .toasterIcon { margin-top: 0.125rem; }
.auth-layout .floating-container .floatingInputField { margin-top: 0px; padding-bottom: 0.5rem; padding-top: 1.5rem; }
.auth-layout .floating-container .fbr-floating-label { top: 1.5rem; font-family: var(--fontFamiliesBody); }
.auth-layout .error-message { margin-bottom: 0px; margin-top: 0.5rem; }
.auth-layout .error-message svg { margin-top: 0.125rem; }
.error-message { margin-top: 0.75rem; margin-bottom: 0.75rem; gap: 0.25rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeXs); font-weight: var(--typographyBodySmallTextRegularFontWeight); line-height: 16.37px; color: var(--colorFormFieldsForegroundError); display: flex; }
.error-message .informationIcon { margin-top: 0.125rem; }
button:disabled { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonPrimaryBorderEnabled); color: var(--colorButtonSecondaryForegroundDisabled); cursor: not-allowed; }
button:disabled, button:disabled:hover { background-color: var(--colorButtonPrimaryBackgroundDisabled); }
.hide-mobile { display: block; }
.labelHeader { margin-bottom: 1rem; font-family: var(--fontFamiliesPrimary); font-size: var(--typographyHeadlineSmallFontSize); color: var(--colorForegroundContentEnabled); }
.dividerLight { margin-top: 2rem; margin-bottom: 2rem; height: 1px; background-color: var(--colorFormFieldsBorderEnabled); width: 100%; }
.linkText { font-family: var(--fontFamiliesBody); font-weight: var(--fontWeightsBold); text-decoration-line: underline; }
.linkText:hover { text-decoration-line: none; }
.restaurantInfoMapView { margin-left: 1.25rem; margin-right: 1.25rem; border-radius: var(--borderRadiusRounded); overflow: hidden; }
@media (min-width: 1024px) {
  .restaurantInfoMapView { margin-left: 0px; margin-right: 0px; border-radius: 0px; }
}
.btnPrimaryDark, .btnSecondary { margin-left: auto; margin-right: auto; height: 3rem; gap: 0.5rem; border-radius: var(--borderRadiusPill); padding-left: 1rem; padding-right: 1rem; font-family: var(--fontFamiliesPrimary); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsRg); color: var(--fontSizeFontSizeRg); margin-inline: auto; display: flex; width: 100%; align-items: center; justify-content: center; text-align: center; --tw-leading: --lineHeightsRg; text-transform: capitalize; }
@media (min-width: 1024px) {
  .btnPrimaryDark, .btnSecondary { width: 335px; }
}
.btnSecondary { border-width: var(--borderWidthHairline); border-color: var(--colorButtonSecondaryBorderEnabled); background-color: var(--colorBackgroundNeutralBase); color: var(--colorButtonSecondaryForegroundEnabled); }
.btnSecondary:hover { border-color: var(--colorButtonSecondaryBorderPressed); background-color: var(--colorButtonSecondaryBackgroundPressed); }
.btnPrimaryDark, .btnPrimaryDark[type="button"] { background-color: var(--colorButtonHeaderStandardInverseBackgroundEnabled); color: var(--colorButtonPrimaryForegroundEnabled); }
.btnPrimaryDark:hover, .btnPrimaryDark[type="button"]:hover { background-color: var(--colorButtonHeaderStandardInverseBackgroundPressed); }
.cardTitleText { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeLg); line-height: var(--lineHeightsLg); }
.cardTextPara, .cardTitleText { padding-top: 1.25rem; font-weight: var(--fontWeightsRegular); color: var(--colorForegroundContentEnabled); text-align: center; }
.cardTextPara { margin-left: auto; margin-right: auto; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); margin-inline: auto; }
.chooseTwoMenuList .globalPageLoader, .drawerContainer .globalPageLoader { inset: 0px 0px 0px auto; overscroll-behavior: none; position: fixed; z-index: 50; display: flex; height: 100vh; width: 100%; flex-direction: column; align-items: center; justify-content: center; background-color: transparent; }
@media (min-width: 1024px) {
  .chooseTwoMenuList .globalPageLoader, .drawerContainer .globalPageLoader { width: 488px; }
}
.chooseTwoMenuList .globalPageLoader img, .drawerContainer .globalPageLoader img { position: relative; z-index: 10; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span .chooseTwoMenuList .globalPageLoader::before, .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.drawerContainer .globalPageLoader::before { display: none; }
.chooseTwoMenuList .globalPageLoader::before, .drawerContainer .globalPageLoader::before { inset: 0px; background-color: var(--colorBaseAlpha50); opacity: 0.75; position: absolute; z-index: 10; height: 100vh; }
.chooseTwoMenuList .modifierWrapper .thumbIcon, .drawerContainer .modifierWrapper .thumbIcon { margin-right: 16px; height: 2.5rem; position: relative; }
.chooseTwoMenuList .modifierContainer, .drawerContainer .modifierContainer { margin-top: 0px; padding-left: 1.25rem; padding-right: 1.25rem; }
.chooseTwoMenuList .drinkModalHeading, .drawerContainer .drinkModalHeading { padding-bottom: 1.5rem; }
@media screen and (min-width: 1280px) and (max-width: 1439px) {
  .moduleSectionBtn .moduleBtn { font-size: 11px; }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .moduleSectionBtn { flex-direction: column; }
  .moduleSectionBtn .moduleBtn { font-size: 11px; }
}
.topToolTip svg path { fill: var(--colorBaseAlpha50); }
.toolTip { left: -226px; position: relative; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.toolTip .topToolTip { display: none; }
.toolTip .topToolTip { bottom: 30px; box-sizing: border-box; width: 280px; gap: 1.25rem; border-radius: 0.5rem; border-color: var(--colorBaseAlpha950); background-color: var(--colorBaseAlpha950); padding: 1.25rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); color: var(--colorBaseAlpha50); position: absolute; z-index: 50; display: flex; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.toolTip .topToolTip i { display: none; }
.toolTip .topToolTip i { left: 80%; top: 100%; height: 1.5rem; width: 1.5rem; position: absolute; overflow: hidden; }
.toolTip .topToolTip i::after { position: absolute; left: 50%; height: 0.75rem; width: 0.75rem; --tw-translate-x: -50%; --tw-translate-y: -50%; --tw-rotate: 45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-width: 1px; border-color: var(--colorBaseAlpha950); background-color: var(--colorBaseAlpha950); --tw-content: ""; content: var(--tw-content); }
.tooltipContainer { position: relative; display: inline-block; cursor: pointer; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.tooltipContainer .tooltipContent { display: none; }
.tooltipContainer .tooltipContent { left: -15px; top: -2.5rem; --tw-translate-x: -50%; border-radius: 0.5rem; background-color: var(--colorBaseOffBlack500); padding: 0.5rem 1rem; font-size: 0.75rem; line-height: 1rem; color: var(--colorBaseAlpha50); pointer-events: none; position: absolute; transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); }
.tooltipContainer .tooltipContent svg { left: 25px; width: 0.5rem !important; }
.errorPaymentText, .errorPaymentText .expireDate { color: var(--colorFormFieldsForegroundError); }
.questionAndAnswer { margin-top: 4rem; margin-bottom: 4rem; gap: 2rem; border-radius: 0.5rem; border-color: var(--colorForegroundBorderBrighter); padding: 2rem; font-family: var(--fontFamiliesBody); font-size: 1rem; display: flex; flex-direction: column; border-width: 1px; --tw-border-style: solid; border-style: solid; --tw-leading: 22px; line-height: 22px; }
.question { font-weight: 700; color: var(--colorBackgroundBrandPrimary); }
.answer { padding-top: 1rem; }
.careerImg { height: 100%; width: 100%; }
.careerImg img { position: relative !important; }
.careerImgDescription { min-width: 18rem; width: 100%; }
@media (min-width: 1024px) {
  .careerImgDescription { margin-left: 0.125rem; width: 18rem; padding-left: 1.5rem; padding-right: 1.5rem; }
}
.searchInputWrapper input { background-clip: text; }
.searchInputWrapper input:focus { outline: transparent solid 2px; outline-offset: 2px; }
.auth-layout input { background-clip: text; }
.auth-layout input:focus { outline: transparent solid 2px; outline-offset: 2px; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.googleMapLoader .pageLoader { display: none; }
.googleMapLoader .pageLoader { position: absolute; width: 100%; }
.googleMapLoader .pageLoader .pageLoaderSVG { height: 72vh; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.RewardMaintenance { display: flex; min-height: 400px; align-items: center; justify-content: center; }
.RewardMaintenance p { max-width: 280px; text-align: center; font-size: 18px; }
@media (min-width: 768px) {
  .RewardMaintenance p { max-width: 573px; }
}
.RewardMaintenanceAlert { top: 96px; z-index: 15; background-color: var(--colorPrimary600); padding: 0.5rem; font-size: var(--fontSizeFontSizeXs); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); position: sticky; display: flex; align-items: center; justify-content: center; text-align: center; }
@media (min-width: 768px) {
  .RewardMaintenanceAlert { padding-top: 0px; padding-bottom: 0px; font-size: 0.875rem; line-height: 1.25rem; }
}
.RewardMaintenanceAlert.storeRmaintenance { top: 163px; }
@media (min-width: 768px) {
  .RewardMaintenanceAlert.storeRmaintenance { top: 133px; }
}
.bodyContainer { min-height: 667px; }
input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill { --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) !important; --tw-shadow: 0 0 #0000 !important; }
input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover { box-shadow: none !important; }
.feedbackPromoBanner { gap: 1.5rem; border-radius: 0.5rem; background-color: var(--colorBackgroundNeutralDim); padding: 2rem 1.5rem; --tw-shadow: 0px 13px 20px 0px rgba(0,0,0,.12),0px 11px 9px -10px rgba(0,0,0,.35); --tw-shadow-colored: 0px 13px 20px 0px var(--tw-shadow-color),0px 11px 9px -10px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); display: flex; flex-direction: column; align-items: center; justify-content: space-between; }
@media (min-width: 1024px) {
  .feedbackPromoBanner { margin-bottom: 0px; flex-direction: row; gap: 1rem; padding: 1.5rem 3rem; }
}
.feedbackPromoBanner .buttonStandardInverse { padding: 0.375rem 1rem; font-size: var(--fontSizeFontSizeXs); }
@media (min-width: 1024px) {
  .feedbackPromoBanner .buttonStandardInverse { padding: 0.75rem 2rem; font-size: var(--fontSizeFontSizeRg); }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  @media (min-width: 1024px) {
  .homePageWrapper .homePage .feedbackPromoBanner .buttonStandardInverse { min-width: 13rem; }
}
}
.homePageWrapper .homePage .feedbackPromoBanner { gap: 1rem; }
@media (min-width: 1024px) {
  .homePageWrapper .homePage .feedbackPromoBanner { gap: 1.5rem; }
}
.globalPageLoader.accountAddressLoader { display: flex; align-items: center; justify-content: center; }
.globalPageLoader.accountAddressLoader img { inset: auto; }
.sideDrawer .favoritesDish { position: relative; top: 0px !important; }
.sideDrawer .favoritesDish .accordion-item { padding-left: 1.25rem; padding-right: 1.25rem; }
.sideDrawer .sideDrawerStickyBtn { bottom: 0px; background-color: var(--colorBaseAlpha50); padding: 1.25rem; position: sticky; z-index: 10; --tw-border-style: none; border-style: none; }
.sideDrawer .sideDrawerStickyBtn .startOrderButtonStyle { font-family: var(--fontFamiliesPrimary); font-size: 1rem; line-height: 1.5rem; }
.sideDrawer .productTitle { font-family: var(--fontFamiliesPrimary); }
.sideDrawer .itemModifierUnavailableBadge.teaName { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.sideDrawer .favoritesDish { border-top-width: 1px; border-bottom-width: 1px; border-color: var(--colorBaseAlpha300); background-color: var(--colorBaseLightBeige500); }
.sideDrawer .pdpSubTitleText { font-family: var(--fontFamiliesPrimary); }
.leftBrustImage, .leftImageBurst, .rightImageburst { display: none; }
.addCodeModal svg:focus { outline: transparent solid 2px; outline-offset: 2px; }
.cartRewardsDealsButton { margin-top: 0.5rem; margin-bottom: 0.5rem; height: 2.5rem; width: 180px; font-weight: var(--fontWeightsBold); border-radius: 0.375rem !important; color: var(--colorBaseOffBlack500) !important; }
.cartRewardsDealsButton, .cartRewardsDealsButton:hover { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important; }
.addressListWrapper div.searchResult:last-child hr { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
.addressListWrapper div.searchResult ul { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
.addressSuggestionContainer { max-height: 170px; overflow-y: auto; }
.addressListContainer { background-color: var(--color-foreground-content-inverse-enabled-component-common); }
.deliveryTextStyles { padding-top: 1rem; font-family: var(--fontFamiliesPrimary); font-size: 18px; }
.deliveryTab button { font-size: 16px; font-family: var(--fontFamiliesBody) !important; font-weight: 600 !important; }
.deliveryCheckbox { height: 1.5rem !important; width: 1.5rem !important; }
.deliveryCheckbox path { stroke: var(--colorBaseOffBlack500); }
.addHint { font-family: var(--fontFamiliesBody) !important; font-size: 16px !important; }
.textAreaStyle { height: 9rem !important; }
.checkBoxLabel { padding-left: 0.25rem; }
.checkBoxLabel, .textLengthStyle { font-family: var(--fontFamiliesBody); }
.atomicModal .errorLocationWrapper { padding-left: 0px; padding-right: 0px; }
.pdpquantityselector button:disabled { border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 4px !important; border-top-left-radius: 4px !important; }
.pdpquantityselector button:disabled:hover { background-color: var(--color-buttons-primary-large-background-disabled); }
.pdpquantityselector button:hover { background-color: var(--color-brandCustomization-selector-controls-controls-selected); }
.pdpquantityselector input { --tw-bg-opacity: 1; background-color: rgb(255, 255, 255); }
.orderUpdateLinksCustomize { gap: 0.75rem; }
.orderUpdateLinksCustomize button:disabled, .pdpItemModifier button:disabled { background-color: transparent; }
.modalComponents .storeclosedpopup { padding-left: 0px; padding-right: 0px; width: 100%; }
.modalComponents .storeclosedpopup .buttonLink { padding-left: 0px; padding-right: 0px; padding-top: 0px; font-family: var(--fontFamiliesBody); font-weight: 700; display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; border-style: var(--tw-border-style); border-width: 0px; font-size: 16px; }
.modalComponents .storeclosedpopup .buttonLink svg path { stroke: var(--colorBaseOffBlack500); }
.modalComponents .storeclosedpopup .disclaimerMessageContainer svg path { fill: var(--colorBaseOffBlack500); }
.modalComponents .storeclosedpopup .storeDisclaimerContainer .informationText { text-align: left; }
@media (min-width: 1024px) {
  .modalComponents:has(.quWarningPopup) { top: 50%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
}
.heroHeaderModuleBanner section .heroHeaderBannerGradient::before { background: var(--background-gradient-hero-header-mobile-desktop); }
.heroHeaderModuleBanner.removeGradient section .heroHeaderBannerGradient::before { background-image: none !important; }
.heroBannerSectionContainer { display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .heroBannerSectionContainer { flex-direction: row; }
}
.heroBannerSectionContainer img { width: 100%; }
@media (min-width: 1024px) {
  .heroBannerSectionContainer img { height: 100%; }
}
.heroBannerSectionContainer .btnPosition { padding-top: 1.25rem; padding-bottom: 1.25rem; }
@media (min-width: 1024px) {
  .heroBannerSectionContainer .btnPosition { padding-left: 72px; padding-right: 72px; }
}
.heroBannerSectionContainer .btnPosition h3 { text-transform: uppercase; }
.heroBannerSectionContainer .btnPosition .bannerLinkText, .heroBannerSectionContainer .btnPosition h3, .heroBannerSectionContainer .btnPosition p { color: var(--color-foreground-content-enabled); }
.heroBannerSectionContainer .btnPosition .buttonPrimary { width: 100%; justify-content: center; }
@media (min-width: 1024px) {
  .heroBannerSectionContainer .btnPosition .buttonPrimary { width: fit-content; }
}
.heroBannerSectionContainer .btnPosition .bannerLinkText { text-transform: none; }
@media (min-width: 1024px) {
  .heroBannerSectionContainer .btnPosition .bannerLinkText { text-decoration-line: underline; }
  .heroBannerSectionContainer.leftPosition { flex-direction: row !important; }
  .heroBannerSectionContainer.rightPosition { flex-direction: row-reverse !important; }
}
.heroBannerSectionAtomic { width: 100% !important; }
@media (min-width: 640px) {
  .heroBannerSectionAtomic { max-width: 640px !important; }
}
@media (min-width: 768px) {
  .heroBannerSectionAtomic { max-width: 768px !important; }
}
@media (min-width: 1024px) {
  .heroBannerSectionAtomic { max-width: 1024px !important; }
}
@media (min-width: 1280px) {
  .heroBannerSectionAtomic { max-width: 1280px !important; }
}
@media (min-width: 1440px) {
  .heroBannerSectionAtomic { max-width: 1440px !important; }
}
@media (min-width: 1536px) {
  .heroBannerSectionAtomic { max-width: 1536px !important; }
}
.site-map .heroBannerSectionAtomic { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .heroBannerSectionAtomic { flex-direction: row; }
}
.site-map .heroBannerSectionAtomic .leftColumn .level-1, .site-map .heroBannerSectionAtomic .leftColumn .level-2, .site-map .heroBannerSectionAtomic .leftColumn .level-3, .site-map .heroBannerSectionAtomic .rightColumn .level-1, .site-map .heroBannerSectionAtomic .rightColumn .level-2, .site-map .heroBannerSectionAtomic .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .heroBannerSectionAtomic .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .heroBannerSectionAtomic .level-2, .site-map .heroBannerSectionAtomic .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .heroBannerSectionAtomic .rightColumn { background-color: transparent; }
.site-map .heroBannerSectionAtomic .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .heroBannerSectionAtomic .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .heroBannerSectionAtomic .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .heroBannerSectionAtomic .camelCaseClass { text-transform: capitalize !important; }
.site-map .heroBannerSectionAtomic .lowerCaseClass { text-transform: lowercase !important; }
.site-map .heroBannerSectionAtomic h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.heroBannerSectionAtomic { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .heroBannerSectionAtomic { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .heroBannerSectionAtomic { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .heroBannerSectionAtomic .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .heroBannerSectionAtomic .leftColumn { width: 50%; }
}
.site-map .heroBannerSectionAtomic .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .heroBannerSectionAtomic .leftColumn .level-1 { padding: 0px; }
.site-map .heroBannerSectionAtomic .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .heroBannerSectionAtomic .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .heroBannerSectionAtomic .rightColumn { width: 50%; }
}
.site-map .heroBannerSectionAtomic .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .heroBannerSectionAtomic .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .heroBannerSectionAtomic .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .heroBannerSectionAtomic .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .heroBannerSectionAtomic .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.heroBannerSectionAtomic { gap: 0px; }
@media (min-width: 1024px) {
  .heroBannerSectionAtomic { flex-direction: row !important; padding-left: 72px !important; padding-right: 72px !important; }
}
.heroBannerSectionAtomic .contentSection, .heroBannerSectionAtomic .imgSection { height: 50%; width: 100%; }
@media (min-width: 1024px) {
  .heroBannerSectionAtomic .contentSection, .heroBannerSectionAtomic .imgSection { height: 350px; width: 50%; }
  .heroBannerSectionAtomic .contentSection { height: 100%; }
}
.heroBannerSectionAtomic .contentSection h3 { --tw-leading: 22px; line-height: 22px; }
@media (min-width: 1024px) {
  .heroBannerSectionAtomic .contentSection h3 { line-height: 2.5rem; }
}
.heroBannerSectionAtomic .contentSection p { font-family: var(--fontFamiliesBody) !important; font-size: 14px; }
.heroBannerSectionAtomic .contentSection p.heroBannerDescription { overflow: visible !important; display: block !important; -webkit-box-orient: horizontal !important; -webkit-line-clamp: none !important; }
.heroBannerSectionAtomic .contentSection button + p { font-size: 12px !important; }
.eyebrowBadge { font-family: var(--fontFamiliesBody) !important; color: var(--color-brand-primary-component) !important; }
.heroSectionBatch { height: 1.5rem; border-radius: 0.375rem; padding-left: 0.5rem; padding-right: 0.5rem; width: max-content; font-size: 14px; text-transform: none; --tw-text-opacity: 1 !important; color: rgb(255 255 255/var(--tw-text-opacity)) !important; }
.heroSectionBatch, .menuPromoBadge { background-color: var(--color-background-brand-primary); font-weight: 700; font-family: var(--fontFamiliesBody) !important; }
.menuPromoBadge { border-width: 0px !important; color: var(--color-foreground-brand-primary-on-background) !important; }
.menuPromoBannerTitle { font-family: var(--fontFamiliesPrimary); font-size: 18px !important; }
.menuPromoBannerDesc, .menuPromoBannerTitle { color: var(--color-foreground-content-inverse-enabled-component-common) !important; }
.menuPromoBannerDesc { font-family: var(--fontFamiliesBody) !important; font-size: 14px; }
.doubleMediumSmallBanner .menuPromoBannerTitle { font-family: var(--fontFamiliesPrimary) !important; }
@media (min-width: 1024px) {
  .doubleMediumSmallBanner .menuPromoBannerTitle { font-size: 32px !important; }
}
.smallBannerCont { gap: 1rem; }
.smallBannerCont .termsAndCondition { font-size: 12px !important; }
.menuBannerSection .smallBannerCont .btnTermsCtr { margin-top: 0px; }
.mediumSmallBanner .menuBannerSection .smallBannerCont .btnTermsCtr .termsAndCondition { top: 0px; margin-top: 0px; }
@media (min-width: 1024px) {
  .homePageWrapper .homePage .heroBannerCopyCont { margin-left: 3rem !important; width: 400px !important; padding-left: 0px !important; padding-right: 0px !important; }
}
.shortBannerHeightStatic .bannerSingleWrapperStatic { margin-top: 0px; align-items: center; justify-content: center; }
.bannerSingleWrapperStatic .staticBannerDescription { text-transform: none !important; }
.outletRight .selectTabLocation button { font-family: var(--fontFamiliesPrimary); }
.outletRight .selectTabLocation .tabIconSmall { height: 18px; width: 18px; }
.outletRight .selcectTabSection { margin-left: -23px; margin-right: -23px; }
.outletRight .selcectTabSection button { font-family: var(--fontFamiliesBody); }
.outletRight .selcectTabSection .tabSectionWrapper { padding-left: 0px; padding-right: 0px; }
.outletRight .selcectTabSection .tabSectionWrapper [role="tablist"] button + span { background-color: transparent; }
.fbrOverlayWrapper button[aria-selected="true"] svg path, .outletRightContainer button[aria-selected="true"] svg path, .rewardsTabContainer button[aria-selected="true"] svg path, .selectTabLocation button[aria-selected="true"] svg path { fill: rgb(255, 255, 255); }
.outletRightContainer .errorLocationShare button[aria-selected="true"] { background-color: transparent; }
.rewardsTabSection .tabIcon, .tabSection .tabIcon { height: 1rem; width: 1rem; }
@media (min-width: 1024px) {
  .rewardsTabSection .tabIcon, .tabSection .tabIcon { height: 1.5rem; width: 1.5rem; }
}
.rewardsTabSection .tabIcon svg, .tabSection .tabIcon svg { height: 1rem !important; width: 1rem !important; }
@media (min-width: 1024px) {
  .rewardsTabSection .tabIcon svg, .tabSection .tabIcon svg { height: 1.5rem !important; width: 1.5rem !important; }
}
.rewardsTabSection .tabBtnTxt, .tabSection .tabBtnTxt { font-family: var(--fontFamiliesPrimary) !important; font-size: 12px; }
@media (min-width: 1024px) {
  .rewardsTabSection .tabBtnTxt, .tabSection .tabBtnTxt { font-size: 16px !important; }
}
.faqQuestions { font-family: var(--fontFamiliesBody); font-weight: 700; font-size: 16px; --tw-leading: 22px; line-height: 22px; }
.faqQuestions + svg { height: 1.5rem; width: 1.5rem; stroke: var(--colorBaseOffBlack500); }
.faqAnswerLink { margin-top: 0px; font-family: var(--fontFamiliesBody); font-weight: 400; font-size: 16px; --tw-leading: 22px; line-height: 22px; }
.faqAnswerLink a { text-decoration-line: underline; }
.bgFaq svg { --tw-rotate: 0deg; }
.bgFaq svg, .faqRightSection button[aria-expanded="true"] svg { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.faqRightSection button[aria-expanded="true"] svg { --tw-rotate: 180deg; }
.promotionCardAtomic .columnContainer { margin-top: 0px !important; grid-template-columns: repeat(1, minmax(0px, 1fr)); }
@media (min-width: 1024px) {
  .promotionCardAtomic .columnContainer.imageRight { margin-bottom: 0px; }
}
.promotionCardAtomic .columnContainer.imageLeft, .promotionCardAtomic .imageRight { margin-bottom: 0px; }
@media (min-width: 1024px) {
  .promotionCardAtomic .imageRight { margin-bottom: 1.5rem; }
}
.promotionCardAtomic .imageRight + .contentContainer { padding-top: 1rem; padding-bottom: 1rem; }
@media (min-width: 1024px) {
  .promotionCardAtomic .imageRight + .contentContainer { padding-top: 0px; padding-bottom: 0px; }
  .promotionCardAtomic .imageRight { order: 1; }
}
.promotionCardAtomic .imageLeft .imageContainer .contentImageAtomic, .promotionCardAtomic .imageRight .imageContainer .contentImageAtomic { border-radius: 0.5rem 0.5rem 0px 0px; }
@media (min-width: 1024px) {
  .promotionCardAtomic .imageLeft .imageContainer .contentImageAtomic, .promotionCardAtomic .imageRight .imageContainer .contentImageAtomic { border-radius: 0.5rem; }
}
.promotionCardAtomic .imageLeft + .contentContainer { padding-top: 1.5rem; padding-bottom: 1.5rem; }
@media (min-width: 1024px) {
  .promotionCardAtomic .imageLeft + .contentContainer { padding-top: 0px; padding-bottom: 0px; }
  .promotionCardAtomic .imageLeft .imageContainer .contentImageAtomic { border-bottom-right-radius: 0px; border-top-right-radius: 0px; }
  .promotionCardAtomic .imageRight .imageContainer .contentImageAtomic { border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
}
.promotionCardAtomic .contentLeftHdgAtomic { font-family: var(--fontFamiliesPrimary); color: var(--color-status-positive-on-base-component); }
.promotionCardAtomic .contentContainer { display: flex; flex-direction: column; justify-content: center; }
.promotionCardAtomic .contentContainer .introducingEmenuBtnAtomic { font-family: var(--fontFamiliesPrimary); color: var(--color-status-positive-on-base-component); }
.promotionCardAtomic .termsCondition { padding-bottom: 0px; }
@media (min-width: 1024px) {
  .promotionCardAtomic .termsCondition { padding-bottom: 1rem; }
}
.promotionCardAtomic .termsCondition .menuLinkAtomic { color: var(--color-foreground-content-subtle-enabled); font-size: 12px; text-transform: lowercase; }
.promotionCardAtomic .menuVarietieOfferRight .doubleTextFirstAtomic, .promotionCardAtomic .menuVarietieOfferRight .doubleTextSecondAtomic { font-size: inherit; }
.promotionCardAtomic .menuVarietieOfferRight .doubleTextFirstAtomic { color: var(--color-brand-primary-component); }
.menuPageList .menuPageListTitle p, .menuPageList .menuPageListTitleActive p { font-size: inherit; text-align: left; }
@media (min-width: 1024px) {
  .menuPageList .menuPageListTitle p, .menuPageList .menuPageListTitleActive p { text-align: center; }
}
.menuPageList .menuDescCtr { max-width: 179px; }
@media (min-width: 1024px) {
  .menuPageList .menuDescCtr { max-width: 100%; }
}
.menuPageListContainer .menuPageListTitle p { color: inherit; }
.menuPageListContainer .menuPageList .menuImageWrapper { width: 100px; padding: 0px; height: 100px; }
@media (min-width: 1024px) {
  .menuPageListContainer .menuPageList .menuImageWrapper { height: auto; max-height: 306px; width: 100%; }
}
.menuPageListContainer .menuPageList .menuImageWrapper img { border-radius: 0.5rem; border-color: var(--color-foreground-border-brighter); height: 100%; border-style: var(--tw-border-style); border-width: 1px; }
@media (min-width: 1024px) {
  .menuPageListContainer .menuPageList .menuImageWrapper img { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
  .menuPageListContainer .menuPageList a#menuPageList { height: 100%; }
}
.\!favorites .menuPageListContainer, .\!favorites .resultsPageListContainer, .\!menu .menuPageListContainer, .\!menu .resultsPageListContainer, .favorites .menuPageListContainer, .favorites .resultsPageListContainer, .menu .menuPageListContainer, .menu .resultsPageListContainer, .recents .menuPageListContainer, .recents .resultsPageListContainer { gap: 1.5rem; padding-left: 1.25rem; padding-right: 1.25rem; }
.\!favorites .menuPageListContainer .pdpListTile .pdpListTileText, .\!favorites .menuPageListContainer .pdpListTile .subtextCal p, .\!favorites .menuPageListContainer .pdpListTile .subtextPrice, .\!favorites .menuPageListContainer .pdpListTile .viewMoreViewLess, .\!favorites .menuPageListContainer .pdpListTile .yourOrderInformationContainer p, .\!favorites .resultsPageListContainer .pdpListTile .pdpListTileText, .\!favorites .resultsPageListContainer .pdpListTile .subtextCal p, .\!favorites .resultsPageListContainer .pdpListTile .subtextPrice, .\!favorites .resultsPageListContainer .pdpListTile .viewMoreViewLess, .\!favorites .resultsPageListContainer .pdpListTile .yourOrderInformationContainer p, .\!menu .menuPageListContainer .pdpListTile .pdpListTileText, .\!menu .menuPageListContainer .pdpListTile .subtextCal p, .\!menu .menuPageListContainer .pdpListTile .subtextPrice, .\!menu .menuPageListContainer .pdpListTile .viewMoreViewLess, .\!menu .menuPageListContainer .pdpListTile .yourOrderInformationContainer p, .\!menu .resultsPageListContainer .pdpListTile .pdpListTileText, .\!menu .resultsPageListContainer .pdpListTile .subtextCal p, .\!menu .resultsPageListContainer .pdpListTile .subtextPrice, .\!menu .resultsPageListContainer .pdpListTile .viewMoreViewLess, .\!menu .resultsPageListContainer .pdpListTile .yourOrderInformationContainer p, .favorites .menuPageListContainer .pdpListTile .pdpListTileText, .favorites .menuPageListContainer .pdpListTile .subtextCal p, .favorites .menuPageListContainer .pdpListTile .subtextPrice, .favorites .menuPageListContainer .pdpListTile .viewMoreViewLess, .favorites .menuPageListContainer .pdpListTile .yourOrderInformationContainer p, .favorites .resultsPageListContainer .pdpListTile .pdpListTileText, .favorites .resultsPageListContainer .pdpListTile .subtextCal p, .favorites .resultsPageListContainer .pdpListTile .subtextPrice, .favorites .resultsPageListContainer .pdpListTile .viewMoreViewLess, .favorites .resultsPageListContainer .pdpListTile .yourOrderInformationContainer p, .menu .menuPageListContainer .pdpListTile .pdpListTileText, .menu .menuPageListContainer .pdpListTile .subtextCal p, .menu .menuPageListContainer .pdpListTile .subtextPrice, .menu .menuPageListContainer .pdpListTile .viewMoreViewLess, .menu .menuPageListContainer .pdpListTile .yourOrderInformationContainer p, .menu .resultsPageListContainer .pdpListTile .pdpListTileText, .menu .resultsPageListContainer .pdpListTile .subtextCal p, .menu .resultsPageListContainer .pdpListTile .subtextPrice, .menu .resultsPageListContainer .pdpListTile .viewMoreViewLess, .menu .resultsPageListContainer .pdpListTile .yourOrderInformationContainer p, .recents .menuPageListContainer .pdpListTile .pdpListTileText, .recents .menuPageListContainer .pdpListTile .subtextCal p, .recents .menuPageListContainer .pdpListTile .subtextPrice, .recents .menuPageListContainer .pdpListTile .viewMoreViewLess, .recents .menuPageListContainer .pdpListTile .yourOrderInformationContainer p, .recents .resultsPageListContainer .pdpListTile .pdpListTileText, .recents .resultsPageListContainer .pdpListTile .subtextCal p, .recents .resultsPageListContainer .pdpListTile .subtextPrice, .recents .resultsPageListContainer .pdpListTile .viewMoreViewLess, .recents .resultsPageListContainer .pdpListTile .yourOrderInformationContainer p { color: var(--color-brand-primary-component) !important; }
.\!favorites .menuPageListContainer .pdpListTile .yourOrderInformationContainer, .\!favorites .resultsPageListContainer .pdpListTile .yourOrderInformationContainer, .\!menu .menuPageListContainer .pdpListTile .yourOrderInformationContainer, .\!menu .resultsPageListContainer .pdpListTile .yourOrderInformationContainer, .favorites .menuPageListContainer .pdpListTile .yourOrderInformationContainer, .favorites .resultsPageListContainer .pdpListTile .yourOrderInformationContainer, .menu .menuPageListContainer .pdpListTile .yourOrderInformationContainer, .menu .resultsPageListContainer .pdpListTile .yourOrderInformationContainer, .recents .menuPageListContainer .pdpListTile .yourOrderInformationContainer, .recents .resultsPageListContainer .pdpListTile .yourOrderInformationContainer { gap: 1rem; display: flex; width: 100%; }
.\!favorites .menuPageListContainer .pdpListTile .yourOrderInformationContainer p, .\!favorites .resultsPageListContainer .pdpListTile .yourOrderInformationContainer p, .\!menu .menuPageListContainer .pdpListTile .yourOrderInformationContainer p, .\!menu .resultsPageListContainer .pdpListTile .yourOrderInformationContainer p, .favorites .menuPageListContainer .pdpListTile .yourOrderInformationContainer p, .favorites .resultsPageListContainer .pdpListTile .yourOrderInformationContainer p, .menu .menuPageListContainer .pdpListTile .yourOrderInformationContainer p, .menu .resultsPageListContainer .pdpListTile .yourOrderInformationContainer p, .recents .menuPageListContainer .pdpListTile .yourOrderInformationContainer p, .recents .resultsPageListContainer .pdpListTile .yourOrderInformationContainer p { font-family: var(--fontFamiliesBody); flex: 1 1 0%; }
.\!favorites .menuPageListContainer .pdpListTile .yourOrderInformationContainer p:first-child, .\!favorites .resultsPageListContainer .pdpListTile .yourOrderInformationContainer p:first-child, .\!menu .menuPageListContainer .pdpListTile .yourOrderInformationContainer p:first-child, .\!menu .resultsPageListContainer .pdpListTile .yourOrderInformationContainer p:first-child, .favorites .menuPageListContainer .pdpListTile .yourOrderInformationContainer p:first-child, .favorites .resultsPageListContainer .pdpListTile .yourOrderInformationContainer p:first-child, .menu .menuPageListContainer .pdpListTile .yourOrderInformationContainer p:first-child, .menu .resultsPageListContainer .pdpListTile .yourOrderInformationContainer p:first-child, .recents .menuPageListContainer .pdpListTile .yourOrderInformationContainer p:first-child, .recents .resultsPageListContainer .pdpListTile .yourOrderInformationContainer p:first-child { font-weight: 600; }
.\!favorites .menuPageListContainer .pdpListTile .yourOrderInformationContainer p:last-child, .\!favorites .resultsPageListContainer .pdpListTile .yourOrderInformationContainer p:last-child, .\!menu .menuPageListContainer .pdpListTile .yourOrderInformationContainer p:last-child, .\!menu .resultsPageListContainer .pdpListTile .yourOrderInformationContainer p:last-child, .favorites .menuPageListContainer .pdpListTile .yourOrderInformationContainer p:last-child, .favorites .resultsPageListContainer .pdpListTile .yourOrderInformationContainer p:last-child, .menu .menuPageListContainer .pdpListTile .yourOrderInformationContainer p:last-child, .menu .resultsPageListContainer .pdpListTile .yourOrderInformationContainer p:last-child, .recents .menuPageListContainer .pdpListTile .yourOrderInformationContainer p:last-child, .recents .resultsPageListContainer .pdpListTile .yourOrderInformationContainer p:last-child { font-weight: 400; color: var(--color-foreground-content-subtle-enabled) !important; }
.\!favorites .menuPageListContainer .cardSubText, .\!favorites .resultsPageListContainer .cardSubText, .\!menu .menuPageListContainer .cardSubText, .\!menu .resultsPageListContainer .cardSubText, .favorites .menuPageListContainer .cardSubText, .favorites .resultsPageListContainer .cardSubText, .menu .menuPageListContainer .cardSubText, .menu .resultsPageListContainer .cardSubText, .recents .menuPageListContainer .cardSubText, .recents .resultsPageListContainer .cardSubText { padding-left: 1.25rem; padding-right: 1.25rem; padding-bottom: 1rem; width: 100%; }
.\!favorites .menuPageListContainer .cardSubText .cardSubTextDesc, .\!favorites .resultsPageListContainer .cardSubText .cardSubTextDesc, .\!menu .menuPageListContainer .cardSubText .cardSubTextDesc, .\!menu .resultsPageListContainer .cardSubText .cardSubTextDesc, .favorites .menuPageListContainer .cardSubText .cardSubTextDesc, .favorites .resultsPageListContainer .cardSubText .cardSubTextDesc, .menu .menuPageListContainer .cardSubText .cardSubTextDesc, .menu .resultsPageListContainer .cardSubText .cardSubTextDesc, .recents .menuPageListContainer .cardSubText .cardSubTextDesc, .recents .resultsPageListContainer .cardSubText .cardSubTextDesc { font-family: var(--fontFamiliesBody); color: var(--color-brand-primary-component) !important; }
.\!favorites .menuPageListContainer, .\!menu .menuPageListContainer, .favorites .menuPageListContainer, .menu .menuPageListContainer, .recents .menuPageListContainer { padding-left: 0px; padding-right: 0px; }
.\!favorites .menuPageListContainer { padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 1024px) {
  .\!favorites .menuPageListContainer { padding-left: 0px; padding-right: 0px; }
}
.favorites .menuPageListContainer, .recents .menuPageListContainer { padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 1024px) {
  .favorites .menuPageListContainer, .recents .menuPageListContainer { padding-left: 0px; padding-right: 0px; }
}
.categorySection .caloriesText { color: var(--color-foreground-content-subtle-enabled) !important; font-size: 14px; }
.categorySection .pdpListTileText { min-height: 0px; padding-bottom: 0px; font-size: 18px !important; }
.categorySection .productImageTitle .texture { display: none; }
.categorySection .\!subText.subTextAmount, .categorySection .subText.subTextAmount { display: flex; }
.categorySection .\!subText.subTextAmount .subtextPrice, .categorySection .subText.subTextAmount .subtextPrice { color: var(--color-foreground-content-subtle-enabled); font-size: 16px; }
.rewardsBannerBG { width: 100% !important; }
@media (min-width: 640px) {
  .rewardsBannerBG { max-width: 640px !important; }
}
@media (min-width: 768px) {
  .rewardsBannerBG { max-width: 768px !important; }
}
@media (min-width: 1024px) {
  .rewardsBannerBG { max-width: 1024px !important; }
}
@media (min-width: 1280px) {
  .rewardsBannerBG { max-width: 1280px !important; }
}
@media (min-width: 1440px) {
  .rewardsBannerBG { max-width: 1440px !important; }
}
@media (min-width: 1536px) {
  .rewardsBannerBG { max-width: 1536px !important; }
}
.site-map .rewardsBannerBG { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .rewardsBannerBG { flex-direction: row; }
}
.site-map .rewardsBannerBG .leftColumn .level-1, .site-map .rewardsBannerBG .leftColumn .level-2, .site-map .rewardsBannerBG .leftColumn .level-3, .site-map .rewardsBannerBG .rightColumn .level-1, .site-map .rewardsBannerBG .rightColumn .level-2, .site-map .rewardsBannerBG .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .rewardsBannerBG .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .rewardsBannerBG .level-2, .site-map .rewardsBannerBG .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .rewardsBannerBG .rightColumn { background-color: transparent; }
.site-map .rewardsBannerBG .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .rewardsBannerBG .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .rewardsBannerBG .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .rewardsBannerBG .camelCaseClass { text-transform: capitalize !important; }
.site-map .rewardsBannerBG .lowerCaseClass { text-transform: lowercase !important; }
.site-map .rewardsBannerBG h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.rewardsBannerBG { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .rewardsBannerBG { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .rewardsBannerBG { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .rewardsBannerBG .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .rewardsBannerBG .leftColumn { width: 50%; }
}
.site-map .rewardsBannerBG .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .rewardsBannerBG .leftColumn .level-1 { padding: 0px; }
.site-map .rewardsBannerBG .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .rewardsBannerBG .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .rewardsBannerBG .rightColumn { width: 50%; }
}
.site-map .rewardsBannerBG .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .rewardsBannerBG .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .rewardsBannerBG .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .rewardsBannerBG .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .rewardsBannerBG .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.rewardsBannerBG { margin-left: auto; margin-right: auto; margin-inline: auto; }
.rewardsCardAtomic { gap: 0px; }
.rewardsCardAtomic.loyaltyRewardDisable .rewardsCardTitle { color: var(--color-foreground-content-disabled-component-common); }
.rewardsCardAtomic .rewardsCardTitle { color: var(--color-foreground-content-enabled-component); --tw-leading: 1; line-height: 1; text-transform: uppercase !important; }
.homeFullScreenWrapperContent .homeFullScreenExpiry { justify-content: center; font-size: 14px; display: flex !important; }
.homeFullScreenWrapperContent .termsAndCondition { margin-top: 1.25rem; text-transform: none !important; }
.rewardsListAtomic .rewardsListText { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeLg); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsMd); }
.rewardsListAtomic .rewardDealDescriptionAtomic { padding-top: 0.5rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsRg); --tw-leading: --lineHeightsRg; }
.rewardsListAtomic .rewardsLndgTermsTextAtomic { font-family: var(--fontFamiliesBody); }
.NewLoyaltyDealsSlider .dealSection .dealCard .dealCardTitle, .loyaltyRightSideContainer .dealSection .dealCard .dealCardTitle { font-family: var(--fontFamiliesPrimary); font-size: 18px !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255/var(--tw-text-opacity)) !important; }
.NewLoyaltyDealsSlider .dealSection .dealCard .dealCardCopyTextLink, .NewLoyaltyDealsSlider .dealSection .dealCard .dealCardExpire, .loyaltyRightSideContainer .dealSection .dealCard .dealCardCopyTextLink, .loyaltyRightSideContainer .dealSection .dealCard .dealCardExpire { font-family: var(--fontFamiliesBody); font-size: 14px; color: var(--color-foreground-content-subtle-inverse-enabled) !important; }
.NewLoyaltyDealsSlider .dealSection .dealCard .dealCardCopyTextLink, .loyaltyRightSideContainer .dealSection .dealCard .dealCardCopyTextLink { font-size: 12px !important; }
.dealExpireDate, .termsAndCondition { font-size: 12px !important; color: var(--color-foreground-content-enabled-component) !important; }
.useDealSectionBtn { background-color: var(--color-promo-modules-offers-element-background) !important; }
.exclusiveMemberDeals .promoOfferText .doubleTextFirst, .exclusiveMemberDeals .promoOfferText .doubleTextSecond { font-size: 24px !important; }
.galleryDescriptionCalAndPrice p, .galleryDescriptionCalAndPrice span, .mostPopularCardTitle { color: var(--color-foreground-content-subtle-enabled-component) !important; }
.gallerySliderBox .suggestedSellAdd { min-width: 2rem !important; padding: 0px !important; }
.\!subText.reOrderCalAndPrice span, .moduleSubText, .subText.reOrderCalAndPrice span { color: var(--color-foreground-content-subtle-enabled-component); }
.\!subText.reOrderCalAndPrice, .subText.reOrderCalAndPrice { gap: 0.5rem; display: flex; font-family: var(--fontFamiliesBody) !important; }
@media (min-width: 1024px) {
  .\!subText.reOrderCalAndPrice span, .subText.reOrderCalAndPrice span { font-size: 16px !important; }
}
.gallerySliderDescription .mostPopularCardTitle { font-size: 18px !important; }
@media (min-width: 1024px) {
  .moduleCtr .listinnerwrapper .moduleSubText { font-size: 14px; }
}
.moduleCtr .subTextdot::after { left: 0px; }
.cartGalleryContainer .gallerySliderDescription .mostPopularCardTitle { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; font-family: var(--fontFamiliesPrimary) !important; color: var(--color-foreground-content-enabled-component) !important; }
.pdpAccordionAtomic .locationSticky { width: 100%; }
.pdpAccordionAtomic .accordionBtn { padding: 0px; }
.stickyHeader { position: sticky; z-index: 10; padding: 0px !important; }
.stickyHeader .favoritesDish { width: 100%; }
.accordionHeader .accordionTitle p { color: var(--color-foreground-content-enabled-component) !important; }
.accordionHeader .accordionTitle .productCount { font-size: 14px; }
.pdpLanding .pdpAccordionAtomic .accordionHeader { border-width: 0px !important; }
.pdpLanding .pdpAccordionAtomic .accordionHeader .arrowModifier { display: none; }
.pdpLanding .pdpAccordionAtomic .accordionHeader .arrowUp .arrowModifier { display: flex; }
.pdpLanding .pdpAccordionAtomic .accordionContainer .accordionContainer { z-index: 10; }
[data-slot="accordion"] button[aria-expanded="true"] .arrowModifier { --tw-rotate: 180deg !important; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; }
.faqSection [data-slot="accordion"] .bgFaq { background-color: var(--colorBackgroundNeutralDim) !important; }
.faqSection [data-slot="accordion"] [data-slot="accordion-item"] { min-width: min-content; }
.faqSection [data-slot="accordion"] .stickyHeader { top: 0px; min-height: min-content; }
.faqSection [data-slot="accordion"] .accordionHeader { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; border-width: 0px !important; }
.faqSection [data-slot="accordion"] .accordionHeader .accordionTitle h2 { background-color: transparent; }
.faqSection [data-slot="accordion"] .accordionHeader .arrowModifier { height: 1.5rem; width: 1.5rem; }
.faqSection [data-slot="accordion"] .faqAnswerLink { padding: 0px 1rem 1rem; }
.promoError .LineItemDescription, .promoError .LineItemNameAtomic, .promoError .LineItemPrice { color: var(--color-indicators-notification-foreground-danger); }
.promoError .LineItemIcon svg path:first-child { fill: var(--color-indicators-notification-foreground-danger) !important; }
.checkoutLineItem .checkoutLineItemRewards { width: 100%; }
.checkoutLineItem .LineItemNameAtomic { color: var(--color-foreground-content-enabled-component); }
.checkoutLineItem .LineItemNameAtomic, .checkoutLineItem .LineItemPrice { font-family: var(--fontFamiliesBody); font-size: 16px; }
.orderConfirmationPaymentLineItem .LineItemIcon { margin-top: 0px !important; justify-content: flex-start; }
.orderConfirmationPaymentLineItem .LineItemHeader { border-top-width: 1px; border-color: var(--color-foreground-border-brighter); padding-bottom: 1.5rem !important; padding-top: 1.25rem !important; }
.orderConfirmrightSection .CartLineItem .LineItemIcon { margin-top: 0px !important; }
.lineItemClass .LineItemIcon .paymentCardImg svg { height: 1rem !important; max-height: none !important; width: 1.25rem !important; }
.lineItemClass .LineItemIcon .paymentCardImg svg path:first-child { fill: none !important; }
.lineItemClass .LineItemIcon .paymentCardImg svg path:last-child { fill: var(--colorPrimary600) !important; }
.orderDetailsAccordion .lineItemClass.orderHistoryPageLineItem, .orderDetailsAccordionDefault .lineItemClass.orderHistoryPageLineItem { border-top-width: 1px; border-color: var(--color-foreground-border-brighter); padding-bottom: 1.5rem; padding-top: 1.25rem !important; }
.orderDetailsAccordion .lineItemClass.orderHistoryPageLineItem .LineItemHeader .LineItemNameAtomic, .orderDetailsAccordionDefault .lineItemClass.orderHistoryPageLineItem .LineItemHeader .LineItemNameAtomic { font-weight: var(--typographyBodyPrimaryBoldFontWeight); }
.orderDetailsAccordion .lineItemClass .LineItemIcon, .orderDetailsAccordionDefault .lineItemClass .LineItemIcon { justify-content: flex-start; }
.toastText { min-height: 68px !important; }
.toastText p { text-align: start; font-family: var(--fontFamiliesBody); font-weight: 400; line-height: 1.5; white-space: pre-line; margin-top: 3px !important; }
.toastText .toast-content-link-container span, .toastText p { font-size: 14px; }
.toastText.\!error svg path:first-child, .toastText.error svg path:first-child { fill: var(--color-indicators-notification-foreground-danger) !important; }
@media (min-width: 1024px) {
  .showBreadCrumb .breadcrumbBgColor { height: 38px; }
}
.drawerContainer .\!chooseTwoProduct .stickyHeader, .drawerContainer .chooseTwoProduct .stickyHeader { top: 0px; }
.drawerContainer .\!chooseTwoProduct .accordionHeader, .drawerContainer .chooseTwoProduct .accordionHeader { border-style: var(--tw-border-style); border-width: 0px; }
.drawerContainer .\!chooseTwoProduct .accordionHeader .arrowModifier, .drawerContainer .chooseTwoProduct .accordionHeader .arrowModifier { display: none; }
.drawerContainer .\!chooseTwoProduct .accordionWrapper .accordionContainer:last-child .pdpItemModifier:last-child, .drawerContainer .chooseTwoProduct .accordionWrapper .accordionContainer:last-child .pdpItemModifier:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
.drawerContainer .checkoutInfoContainer .amountContainer .CartLineItem { width: 100% !important; }
.drawerContainer .allergensContainer { padding-top: 0.75rem; }
.drawerContainer .allergensContainer .allergensDesc { padding-bottom: 2.5rem; }
.drawerContainer .allergensContainer ul { padding-left: 1.25rem; padding-right: 1.25rem; }
.drawerContainer .allergensContainer ul li div div { gap: 1rem !important; }
.drawerContainer:has(.vehicleCurbside) { background-color: var(--color-background-neutral-white); }
@media (min-width: 1024px) {
  .pdpLandingCol { padding-left: 70px; padding-right: 70px; }
}
.pdpLandingCol .qucustomizations { padding: 0px; margin-top: 16px; border-style: var(--tw-border-style); border-width: 0px; background-color: transparent; }
@media (min-width: 1024px) {
  .pdpLandingCol .qucustomizations { margin-left: auto; margin-right: auto; margin-top: 60px; }
}
.pdpLandingCol .qucustomizations > div { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); }
.pdpLandingCol .qucustomizations > div div:last-child { background-color: transparent; }
.pdpLandingCol .qucustomizations .customizationTitle > p, .pdpLandingCol .qucustomizations .titleText { font-family: var(--fontFamiliesBody); font-weight: 700; text-transform: capitalize; }
.pdpLandingCol .qucustomizations .customizationTitle > p { line-height: 18px; }
.toggleBtn span[data-state="checked"] { transform: none !important; }
.appOpenPopup { position: relative; }
.appOpenPopup + .ChooseTwoLayout, .appOpenPopup + .headerNavTag { top: 0px; position: sticky; z-index: 30; }
@media (min-width: 1024px) {
  .appOpenPopup + .ChooseTwoLayout, .appOpenPopup + .headerNavTag { position: relative; }
}
.appOpenPopup + .ChooseTwoLayout .headerNavContainer, .appOpenPopup + .headerNavTag .headerNavContainer { position: sticky; }
@media (min-width: 1024px) {
  .appOpenPopup + .ChooseTwoLayout .headerNavContainer, .appOpenPopup + .headerNavTag .headerNavContainer { position: fixed; }
}
.appOpenPopup + .ChooseTwoLayout + div + .bodyWrapper .breadcrumbBgColor, .appOpenPopup + .headerNavTag + div + .bodyWrapper .breadcrumbBgColor { position: relative; }
.appOpenPopup + .ChooseTwoLayout .headerNavTag { position: sticky; }
.appDownloadStores button { font-family: var(--fontFamiliesBody); font-weight: 700; font-size: 14px; height: 2.5rem !important; }
.subMobileStoreModal button svg { height: 0.625rem; width: 0.625rem; }
.mobileAppStorePromoModal { background-color: var(--color-foreground-brand-primary-on-background) !important; align-items: center; }
.mobileAppStorePromoModal .appDownload { justify-content: flex-start; }
.atomicModal .useRewardOnline + button svg, .authHeader + div:empty, .headerNavTag + div:empty { display: none; }
.atomicModal .removePopupContainer .fadedHeartIcon svg { margin-left: auto; margin-right: auto; height: 3rem; width: 3rem; margin-inline: auto; }
.atomicModal.modalInner { border-radius: 0.5rem; }
.removeLinkCont { display: flex; cursor: pointer; align-items: center; justify-content: center; }
.removeLinkCont .removeLink { font-family: var(--fontFamiliesBody); font-weight: 700; color: var(--color-base-off-black-500); font-size: 16px; }
.removeLinkCont svg path { stroke: var(--color-base-off-black-500); stroke-width: 2px; }
.vehicleInfoCont { gap: 0.75rem; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.vehicleInfoCont .buttonWrapper { width: 8rem; min-width: 8rem; font-weight: 700; color: var(--color-base-off-black-500); overflow: auto; text-align: right; font-size: 14px; text-decoration-line: underline; }
.vehicleInfoCont .buttonWrapper span { display: table-cell; width: 8rem; }
.vehicleCurbside { padding-bottom: 1rem; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.vehicleCurbside .customTitle { display: none; }
.vehicleCurbside .customTitle { left: 0px; font-size: 1.25rem; line-height: 1.75rem; color: var(--color-base-off-black-500); pointer-events: none; position: absolute; }
.vehicleCurbside.drawerCloseBtn .customTitle { width: 100%; }
.vehicleDrawerContainer { margin: 1.5rem 1.25rem 1rem 1.5rem; font-family: var(--fontFamiliesPrimary); font-size: 24px; display: flex; flex-direction: column; }
.vehicleDrawerContainer .vehicleDrawerHeader { color: var(--color-base-off-black-500); display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.vehicleDrawerContainer .vehicleDrawerHeaderTitle { font-family: var(--fontFamiliesBody); font-weight: 700; font-size: 14px; text-decoration-line: underline; }
.vehicleDrawerContainer .vehiclesLimitDescription h3 { font-family: var(--fontFamiliesBody); color: var(--color-foreground-content-subtle-enabled); font-size: 14px; }
.vehicleDrawerContainer .isNoRemoveVehicle { color: var(--color-base-alpha-500); pointer-events: none; }
@media (min-width: 1024px) {
  .vehicleDrawerContainer .globalPageLoader { width: 450px; }
}
.vehicleCurbSideContainer .vehicleList { margin-left: 1.25rem; margin-right: 1.25rem; position: relative; }
.vehicleCurbSideContainer .vehicleNameSection { gap: 1rem; display: flex; width: 100%; align-items: center; justify-content: space-between; }
.vehicleCurbSideContainer .vehicleNameSection .checkboxContainer .checkCircle { border-color: var(--color-selectionControls-radio-border-enabled); }
.vehicleCurbSideContainer .vehicleNameSection .checkboxContainer .checkCircle::after { content: var(--tw-content); background-color: var(--color-selectionControls-radio-border-enabled); }
.vehicleCurbSideContainer .vehicleNameSubSection { display: flex; width: 100%; flex-direction: row; justify-content: space-between; }
.vehicleCurbSideContainer .vehicleName { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: 600; line-height: var(--lineHeightsMd); color: var(--color-base-off-black-500); }
.vehicleCurbSideContainer .selectedVehicleRemoved { color: var(--color-base-alpha-400); }
.vehicleCurbSideContainer .noVehicleImageShow { margin: 1.5rem auto 3.5rem; height: 63px; width: 59px; }
.vehicleCurbSideContainer .noVehiclesSectionDesc { font-family: var(--fontFamiliesPrimary); font-size: 24px; color: var(--color-base-off-black-500); display: flex; flex-direction: row; align-items: center; justify-content: center; }
.vehicleCurbSideContainer .noVehicleDescMultiText { margin-top: 1rem; padding-left: 1.25rem; padding-right: 1.25rem; font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; color: var(--color-base-off-black-500); text-align: center; }
.vehicleCurbSideContainer .vehicleRemoveText { font-size: 14px; text-decoration-line: underline; }
.curbsidePickupView .curbside-typeheading + p { font-family: var(--fontFamiliesBody); font-weight: 700; font-size: 16px; --tw-leading: 1; line-height: 1; }
.curbsidePickupView .notebadge { border-radius: 0.25rem; background-color: var(--color-background-brand-quaternary); padding: 3px 6px; font-family: var(--fontFamiliesBody); font-weight: 700; color: var(--color-base-off-black-500); font-size: 14px; }
.curbsidePickupView .CurbsideLocationHead { font-family: var(--fontFamiliesPrimary); font-weight: 700; text-transform: capitalize; }
.curbsidePickupView .curbside-desc { font-family: var(--fontFamiliesBody); color: var(--color-base-off-black-500); font-size: 16px; --tw-leading: 22px; line-height: 22px; }
.curbsidePickupView .curbside-typeheading { margin-bottom: 1rem; font-family: var(--fontFamiliesPrimary); line-height: 1.5rem; letter-spacing: 0.8px; color: var(--color-foreground-content-enabled); font-size: 20px; }
.curbsidePickupView .buttonPrimary { height: 3rem; display: flex; width: 100%; align-items: center; justify-content: center; font-size: 20px; }
@media (min-width: 1024px) {
  .curbsidePickupView .buttonPrimary { width: auto; }
}
.personalInfoFormContainer .vehicleInfoText { margin-top: 1rem; gap: 0.25rem; display: flex; align-items: center; }
.personalInfoFormContainer .vehicleInfoText span { font-family: var(--fontFamiliesBody); text-transform: none; }
.personalInfoFormContainer .vehicleInfoText svg { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.noVehicleText { margin-top: 1.25rem; border-radius: 0.5rem; background-color: var(--color-background-neutral-dim-enabled); padding: 1.25rem; font-family: var(--fontFamiliesBody); color: var(--color-foreground-content-subtle-enabled); font-size: 14px; }
.pickuplocation .pickupLocationSubhead { font-weight: 700; }
.qu-pdpLanding.pdpLanding.pdpLandingBg::before { content: var(--tw-content); height: auto; }
@media (min-width: 1024px) {
  .qu-pdpLanding .productInfo { flex-basis: 50%; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.5rem; }
}
@media (min-width: 1440px) {
  .qu-pdpLanding .productInfo { padding-left: 60px; padding-right: 60px; }
}
.qu-pdpLanding .productInfo .sideTab { height: 54px; grid-template-columns: repeat(2, minmax(0px, 1fr)); border-radius: 1rem; background-color: var(--color-brandCustomization-menu-tabs-menu-tab-background-default); display: grid; justify-content: space-between; border-width: 1px; --tw-border-style: solid; border-style: solid; border-color: var(--color-divider-bright); font-size: 16px; }
.qu-pdpLanding .productInfo .sideTab li { gap: 0.5rem; border-radius: 1rem; color: var(--color-brandCustomization-menu-tabs-menu-tab-icon-default); display: flex; align-items: center; justify-content: center; font-size: 16px; }
@media (min-width: 1024px) {
  .qu-pdpLanding .productInfo .sideTab li { font-size: 16px; }
}
.qu-pdpLanding .productInfo .sideTab li.selectedTab { border-style: var(--tw-border-style); border-width: 2px; border-color: var(--color-primary-500); color: var(--color-primary-500); }
.qu-pdpLanding .productInfo .sideTab li span { height: 2.25rem; width: 2.25rem; display: flex; align-items: center; justify-content: center; border-radius: calc(infinity * 1px); border-width: 1px; --tw-border-style: solid; border-style: solid; border-color: var(--color-divider-base); }
.qu-pdpLanding .productInfo .sideTab li span.selectedTabIcon { background-color: var(--color-primary-500); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); border-color: var(--color-primary-500); }
.qu-pdpLanding .productInfo .ingredients h5 { color: var(--colorBaseOffBlack500); }
.qu-pdpLanding .productInfo .customiseSelected { border-style: var(--tw-border-style); border-width: 4px; }
.qu-pdpLanding .productInfo .stickyBtnStyle { margin-top: 35px; gap: 1.25rem; padding: 0px 1.25rem 1rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .qu-pdpLanding .productInfo .stickyBtnStyle { margin-top: 1.25rem; padding-left: 0px; padding-right: 0px; padding-bottom: 2rem; }
}
.qu-pdpLanding .productInfo .stickyBtnStyle .customizeButton { font-family: var(--fontFamiliesPrimary); width: 100%; font-size: 19px; text-transform: lowercase; border-color: var(--colorPrimary500) !important; }
.qu-pdpLanding .productInfo .stickyBtnStyle .customizeButton:hover { background-color: transparent !important; color: var(--colorPrimary500) !important; }
.qu-pdpLanding .productInfo .stickyBtnStyle .customizeButton.drinkOrSideButton { justify-content: center; }
.qu-pdpLanding .productInfo .stickyBtnStyle .btnStartOrder { justify-content: space-around; text-align: justify; display: flex; }
.qu-pdpLanding .productInfo .stickyBtnStyle .btnStartOrder span.btnSpace { width: 100%; }
.qu-pdpLanding .productInfo .checkout-checkbox-toggle .extrasAreaStyles img { max-height: 1.5rem; max-width: 1.5rem; }
.qu-pdpLanding .productInfo .extrasAreaStyles .extrasAreaCheckBox { height: 25px; width: 25px; border-radius: 4px; border-style: var(--tw-border-style); border-width: 1.5px; }
.qu-pdpLanding .productInfo #checkout-checkbox-toggle-0 { padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 1024px) {
  .qu-pdpLanding .productInfo #checkout-checkbox-toggle-0 { padding-left: 0px; padding-right: 0px; }
}
.qu-pdpLanding .productInfo #checkout-checkbox-toggle-0 .extrasAreaStyles { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.qu-pdpLanding .productInfo #checkout-checkbox-toggle-1 { padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 1024px) {
  .qu-pdpLanding .productInfo #checkout-checkbox-toggle-1 { padding-left: 0px; padding-right: 0px; }
}
.qu-pdpLanding .productInfo #checkout-checkbox-toggle-1 .extrasAreaStyles { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.qu-pdpLanding .productInfo #checkout-checkbox-toggle-duplicate_taco { padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 1024px) {
  .qu-pdpLanding .productInfo #checkout-checkbox-toggle-duplicate_taco { padding-left: 0px; padding-right: 0px; }
}
.qu-pdpLanding .productInfo #checkout-checkbox-toggle-duplicate_taco .extrasAreaStyles { border-radius: 0.5rem; align-items: center; }
.qu-pdpLanding .productInfo #checkout-checkbox-toggle-duplicate_taco .extrasAreaStyles .extrasAreaCheckBox[data-state="unchecked"] { background-color: transparent; border-color: var(--color-selectionControls-checkbox-border-filled) !important; }
.qu-pdpLanding.pdpLanding .priceLocationText { gap: 0px; }
.qu-pdpLanding.pdpLanding .priceLocationText .priceText { font-size: 14px; }
.qu-pdpLanding.pdpLanding .priceLocationText .dots { margin-left: 0.25rem; margin-right: 0.25rem; margin-bottom: 0px; }
.qu-pdpLanding.pdpLanding .priceLocationText { padding-bottom: 0.5rem; padding-top: 0px; }
.qu-pdpLanding.pdpLanding.pdpLandingBg .productInfo { padding-top: 1.5rem; }
.qu-pdpLanding.pdpLanding.pdpLandingBg .productInfo .productTitle { line-height: 1.5; font-size: 32px; }
.qu-pdpLanding .ingredientsWarningTitle { font-family: var(--fontFamiliesPrimary); font-size: 24px; color: var(--color-buttons-text-link-foreground-enabled); text-transform: lowercase; }
.qu-pdpLanding .ingredientsWarningDescription { font-family: var(--fontFamiliesBody); color: var(--color-buttons-text-link-foreground-enabled); font-size: 14px; }
.qu-pdpLanding .ingredients { padding-bottom: 0px; }
@media (min-width: 1024px) {
  .qu-pdpLanding .ingredients { padding-bottom: 1rem; }
}
.qu-pdpLanding .quSelector { display: flex; width: 100%; gap: 29px !important; }
@media (min-width: 1024px) {
  .qu-pdpLanding .quSelector { gap: 35px !important; }
}
.qu-pdpLanding .quSelector button { min-width: 92px; border-color: var(--colorPrimary500); font-family: var(--fontFamiliesPrimary); color: var(--colorPrimary500); background-color: transparent; text-transform: lowercase; height: 51px !important; border-radius: 0.75rem !important; }
@media (min-width: 1024px) {
  .qu-pdpLanding .quSelector button { min-width: 108px; flex: 1 1 0%; height: 61px !important; }
}
.qu-pdpLanding .quSelector button[aria-checked="true"] { border-width: 4px; border-color: var(--colorPrimary500); color: var(--colorPrimary500); background-color: transparent; }
.qu-pdpLanding .quSelector button[aria-checked="false"] { border-color: var(--colorPrimary500); color: var(--colorPrimary500); background-color: transparent; text-transform: lowercase; }
.qu-pdpLanding + #make-it-your-own { margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; margin-inline: auto; padding-inline: 20px; }
@media (min-width: 1024px) {
  .qu-pdpLanding + #make-it-your-own { padding-left: 70px; padding-right: 70px; }
}
.qu-pdpLanding + #make-it-your-own .customizeDescriptionText, .qu-pdpLanding + #make-it-your-own .customizeText { font-family: var(--fontFamiliesBody); color: var(--color-customization-foreground-disabled); }
.qu-pdpLanding + #make-it-your-own .customizeText span { color: var(--color-buttons-text-link-foreground-pressed); }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn { padding: 1.5rem 1.25rem; border-radius: 0px; border-style: var(--tw-border-style); border-width: 0px; }
@media (min-width: 1024px) {
  .qu-pdpLanding + #make-it-your-own .makeItYourOwn { border-radius: 1.5rem; border-width: 3px; padding-left: 2.25rem; padding-right: 2.25rem; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn .tabSectionWrapper { margin-left: -1.25rem; margin-right: -1.25rem; width: auto; }
@media (min-width: 1024px) {
  .qu-pdpLanding + #make-it-your-own .makeItYourOwn .tabSectionWrapper { margin-left: 0px; margin-right: 0px; width: 100%; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] { height: 56px; gap: 2.5rem; padding-left: 15px; padding-right: 15px; justify-content: flex-start; overflow-x: auto; }
@media (min-width: 1024px) {
  .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] { gap: 165px; padding-left: 36px; padding-right: 36px; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"]::-webkit-scrollbar { display: none; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.absolute { display: none; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] button { min-width: max-content; padding-left: 0px; padding-right: 0px; }
@media (min-width: 1024px) {
  .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] button { min-width: max-content; max-width: max-content; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] button:first-child { top: 0px; padding-right: 0px; position: relative; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] button:first-child.\!active .rewardsTabSection::after, .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] button:first-child.active .rewardsTabSection::after { content: var(--tw-content); bottom: -1rem; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] button .rewardsTabSection { width: 100%; justify-content: center; }
@media (min-width: 1024px) {
  .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] button .rewardsTabSection { justify-content: flex-start; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] button .rewardsTabSection span { font-family: var(--fontFamiliesBody); }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn .undoLinkButton { display: none; }
@media (min-width: 1024px) {
  .qu-pdpLanding + #make-it-your-own .makeItYourOwn .undoLinkButton { display: flex; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn .tabSectionWrapper .rewardsTabSection { position: relative; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn .tabSectionWrapper .rewardsTabSection + span { display: none; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn .tabSectionWrapper button.active .rewardsTabSection::after { position: absolute; bottom: -1rem; left: 0px; width: 100%; border-bottom-width: 4px; border-style: solid; border-color: var(--color-selectionControls-activeUnderline-active-underline); --tw-content: ""; content: var(--tw-content); }
@media (min-width: 1024px) {
  .qu-pdpLanding + #make-it-your-own .makeItYourOwn .tabSectionWrapper button.active .rewardsTabSection { padding-left: 0.5rem; padding-right: 0.5rem; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn .tabSectionWrapper button.\!active .rewardsTabSection::after { position: absolute; bottom: -1rem; left: 0px; width: 100%; border-bottom-width: 4px; border-style: solid; border-color: var(--color-selectionControls-activeUnderline-active-underline); --tw-content: ""; content: var(--tw-content); }
@media (min-width: 1024px) {
  .qu-pdpLanding + #make-it-your-own .makeItYourOwn .tabSectionWrapper button.\!active .rewardsTabSection { padding-left: 0.5rem; padding-right: 0.5rem; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn .tabSectionWrapper button .rewardsTabSection img { width: 2.5rem; }
.quWarningPopup { gap: 2rem; padding-top: 0px; padding-bottom: 0px; flex-direction: column; }
.quWarningPopup, .quWarningPopup .popupTitle { display: flex; align-items: center; justify-content: center; }
.quWarningPopup .popupTitle { gap: 10px; }
.quWarningPopup .popupTitle h3 { font-family: var(--fontFamiliesPrimary); font-size: 24px; text-transform: lowercase; color: var(--color-buttons-text-link-foreground-enabled) !important; }
.quWarningPopup .popupTitle svg path { height: 30px; width: 30px; }
.quWarningPopup p { font-family: var(--fontFamiliesBody); font-weight: 400; color: var(--color-buttons-text-link-foreground-enabled); font-size: 14px; }
.quWarningPopup .quWarningModalBtns { gap: 0.5rem; display: flex; }
.quWarningPopup .quWarningModalBtns .quWarningModalPrimary, .quWarningPopup .quWarningModalBtns .quWarningModalSecondary { height: 2rem; width: 135px; font-family: var(--fontFamiliesPrimary); font-weight: 500; font-size: 12px; }
.quWarningPopup .quWarningModalTacoBtns { gap: 0.75rem; display: flex; flex-direction: column; }
.quWarningPopup .quWarningModalTacoBtns .quWarningModalSecondary { height: 2rem; width: 149px; align-self: center; border-color: var(--color-primary-500); font-family: var(--fontFamiliesPrimary); font-weight: 500; color: var(--color-primary-500); background-color: transparent; font-size: 12px; }
.quWarningChooseTwo { padding: 1.25rem; width: 335px; }
@media (min-width: 1024px) {
  .quWarningChooseTwo { width: 479px !important; }
}
.quWarningChooseTwo .quWarningPopup p { width: 300px; }
@media (min-width: 1024px) {
  .quWarningChooseTwo .quWarningPopup p { width: 350px; }
}
.quWarningChooseTwo .quWarningPopup .quWarningModalBtns { gap: 18px; flex-direction: column; }
@media (min-width: 1024px) {
  .quWarningChooseTwo .quWarningPopup .quWarningModalBtns { flex-direction: row; gap: 33px; }
}
.quWarningChooseTwo .quWarningPopup .quWarningModalBtns .quWarningModalSecondary { padding-left: 1rem; padding-right: 1rem; width: auto; }
.quWarningChooseTwo .quWarningPopup .quWarningModalBtns .quWarningModalPrimary { padding-left: 1.5rem; padding-right: 1.5rem; width: auto; }
.quAllergensDisclaimerContainer .quDisclaimerContentSection .quDisclaimerContent.serviceFee .disclaimerContent p { margin: 0px; padding: 0px; color: var(--color-foreground-brand-primary-on-background-component); font-size: 16px; }
.drawerContainer.quPDPHeader { background-color: var(--color-background-neutral-off-white) !important; padding-top: 0px !important; }
.drawerContainer.quPDPHeader .allergensClose { margin-top: 0px !important; margin-bottom: 0px !important; height: 50px !important; background-color: var(--color-brandCustomization-web-footer-background-lower) !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.drawerContainer.quPDPHeader .allergensClose svg { left: auto !important; right: 15px !important; height: auto !important; width: auto !important; }
.drawerContainer.quPDPHeader .allergensClose .customTitle { width: auto !important; color: var(--color-foreground-content-inverse-enabled-component) !important; }
.drawerContainer.quPDPHeader .accountNavHeading { font-size: 18px !important; }
.drawerContainer.quPDPHeader .orderHistoryListCont .pointsDetais { padding-top: 0px !important; }
.drawerContainer.quPDPHeader .quDetailsContainer { padding-left: 1.25rem !important; padding-right: 1.25rem !important; font-family: var(--fontFamiliesBody) !important; }
.quPDPHeader path { fill: var(--color-foreground-icon-enabled); }
.extrasAreaStyles { align-items: center; }
.extrasAreaStyles .checkBoxWrapper { justify-self: end !important; }
.extrasAreaStyles .checkBoxWrapper .extrasAreaCheckBox[data-state="unchecked"] { background-color: transparent; border-color: var(--color-brandCustomization-suggestedSell-line-item-border) !important; }
.sideAndDrinkDrawer .sideAndDrinkDrawerContents { margin-left: auto; margin-right: auto; margin-inline: auto; width: 350px; display: flex !important; flex-direction: column !important; }
@media (min-width: 1024px) {
  .sideAndDrinkDrawer .sideAndDrinkDrawerContents { width: 410px; }
}
.sideAndDrinkDrawer .innerCard .sideAndDrinkDrawerContents { padding-left: 1rem; width: 100%; }
.sideAndDrinkDrawerContents div:empty { display: none; }
.sideAndDrinkDrawerContents .cardsBorder { border-radius: 15px; }
.chooseSideOrDrinkHead .drawerCloseBtn { right: 1rem; top: 25px; margin: 0px !important; height: auto !important; padding: 0px !important; }
.chooseSideOrDrinkHead .drawerCloseBtn svg { right: 0px; top: 7px; left: auto !important; }
.chooseSideOrDrinkHead .drawerCloseBtn svg path:last-child { fill: var(--color-foreground-icon-enabled); }
.chooseSideOrDrinkHead .drawerCloseBtn .closeIconCTA { padding: 0px; }
.chooseSideOrDrinkHead .drawerCloseBtn .closeIconCTA svg { height: 1rem; width: 1rem; }
.chooseSideOrDrinkHead .chooseSideOrDrinkSideTxt, .chooseSideOrDrinkHead .chooseSideOrDrinkTxt { padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 2rem; font-family: var(--fontFamiliesBody); color: var(--color-brandCustomization-promo-modules-rewards-element-text-component); font-size: 16px; }
.chooseSideOrDrinkHead .chooseSideOrDrinkTxt { margin-top: 2.25rem; border-top-width: 1px; border-color: var(--color-brandCustomization-suggestedSell-line-item-border); --tw-border-style: solid; border-style: solid; }
.chooseSideOrDrinkHead .chooseSideTitleHead { background-color: var(--color-brandCustomization-web-footer-background-lower); padding-top: 1.25rem; padding-bottom: 1.25rem; display: flex; width: 100%; align-items: center; justify-content: center; }
.chooseSideOrDrinkHead .chooseSideTitleHead .chooseSideOrDrinkTitle { color: var(--color-brandCustomization-promo-modules-rewards-element-text); font-size: 18px; text-transform: uppercase; }
.chooseSideOrDrinkHead .chooseSideOrDrinkFooterButtons { bottom: 0px; left: 0px; gap: 1rem; background-color: var(--color-background-neutral-white); padding: 1rem 1.5rem; position: sticky; display: flex; width: 100%; align-items: center; justify-content: space-between; }
.chooseSideOrDrinkHead .chooseSideOrDrinkFooterButtons .selectSideOrDrinkDiscardBtn { font-family: var(--fontFamiliesPrimary); color: var(--color-brandCustomization-promo-modules-rewards-element-text-component); font-size: 14px; }
.chooseSideOrDrinkHead .chooseSideOrDrinkFooterButtons .selectSideOrDrinkDiscardBtn:hover { background-color: var(--color-buttons-secondary-large-background-enabled); }
.chooseSideOrDrinkHead .chooseSideOrDrinkFooterButtons .selectSideOrDrinkAddToBtn { font-family: var(--fontFamiliesPrimary); color: var(--color-background-neutral-white); font-size: 14px; }
.chooseSideOrDrinkHead .chooseSideOrDrinkFooterButtons .selectSideOrDrinkAddToBtn:hover { background-color: var(--color-buttons-primary-large-background-enabled) !important; }
.chooseSideOrDrinkHead .sideAndDrinkDrawer > div .sideAndDrinkDrawerContents .cardsBorder div:last-child { bottom: 17px; right: 18px; }
.cartDrawer .includeItemsCont #checkout-checkbox-toggle-0, .cartDrawer .includeItemsCont #checkout-checkbox-toggle-1 { width: 100%; }
.cartDrawer .includeItemsCont { margin-bottom: 1.25rem; }
.cartDrawer .includeItemsCont #checkout-checkbox-toggle-0 { padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 1024px) {
  .cartDrawer .includeItemsCont #checkout-checkbox-toggle-0 { padding-left: 0px; padding-right: 0px; }
}
.cartDrawer .includeItemsCont #checkout-checkbox-toggle-0 .extrasAreaStyles { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.cartDrawer .includeItemsCont #checkout-checkbox-toggle-1 { padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 1024px) {
  .cartDrawer .includeItemsCont #checkout-checkbox-toggle-1 { padding-left: 0px; padding-right: 0px; }
}
.cartDrawer .includeItemsCont #checkout-checkbox-toggle-1 .extrasAreaStyles { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.cartDrawer .includeItemsCont.utensilsGap { gap: 0px; }
.homePageWrapper .bodyContainer .homeFullScreen, .homePageWrapper .homePage .homeFullScreen { background-color: var(--color-background-neutral-inverse-base-component); }
.homePageWrapper .bodyContainer .homeFullScreen .homeFullScreenWrapper, .homePageWrapper .homePage .homeFullScreen .homeFullScreenWrapper { margin-top: 2rem; height: auto; }
.homePageWrapper .bodyContainer .homeFullScreen .homeFullScreenWrapper .largeTitle.tenCharactersExceeds, .homePageWrapper .homePage .homeFullScreen .homeFullScreenWrapper .largeTitle.tenCharactersExceeds { font-size: 22px; --tw-leading: 22px; line-height: 22px; }
@media (min-width: 1024px) {
  .homePageWrapper .bodyContainer .homeFullScreen .homeFullScreenWrapper .largeTitle.tenCharactersExceeds, .homePageWrapper .homePage .homeFullScreen .homeFullScreenWrapper .largeTitle.tenCharactersExceeds { font-size: 48px; line-height: 48px; }
  .homePageWrapper .bodyContainer .celebrateBanner, .homePageWrapper .homePage .celebrateBanner { display: flex; min-height: 420px; flex-direction: row-reverse; }
}
.homePageWrapper .bodyContainer .celebrateBanner .celebrateBannerBgImageCtr, .homePageWrapper .homePage .celebrateBanner .celebrateBannerBgImageCtr { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; }
@media (min-width: 1024px) {
  .homePageWrapper .bodyContainer .celebrateBanner .celebrateBannerBgImageCtr, .homePageWrapper .homePage .celebrateBanner .celebrateBannerBgImageCtr { min-height: 420px; border-top-left-radius: 0px; border-top-right-radius: 18px; }
}
.homePageWrapper .bodyContainer .celebrateBanner .celebrateBannerBgImageCtr .celebrateBannerBgImage, .homePageWrapper .homePage .celebrateBanner .celebrateBannerBgImageCtr .celebrateBannerBgImage { border-radius: 0.5rem 0.5rem 0px 0px; }
@media (min-width: 1024px) {
  .homePageWrapper .bodyContainer .celebrateBanner .celebrateBannerBgImageCtr .celebrateBannerBgImage, .homePageWrapper .homePage .celebrateBanner .celebrateBannerBgImageCtr .celebrateBannerBgImage { border-radius: 0px 0.75rem 0.75rem 0px; }
  .homePageWrapper .bodyContainer .celebrateBanner .celebrateBannerBgImageCtr .videoPlayerTakeOver, .homePageWrapper .homePage .celebrateBanner .celebrateBannerBgImageCtr .videoPlayerTakeOver { float: right; width: 100%; border-top-right-radius: 7px; border-bottom-right-radius: 7px; }
}
.homePageWrapper .bodyContainer .celebrateBanner .celebrateBannerBgImageCtr .celebrateBannerBgImage, .homePageWrapper .homePage .celebrateBanner .celebrateBannerBgImageCtr .celebrateBannerBgImage { height: 100%; }
.homePageWrapper .bodyContainer .celebrateBanner .homeFullScreenWrapper .homeFullScreenWrapperContent .campaignBannerTitle.tenCharactersExceeds, .homePageWrapper .homePage .celebrateBanner .homeFullScreenWrapper .homeFullScreenWrapperContent .campaignBannerTitle.tenCharactersExceeds { font-size: 22px; --tw-leading: 22px; line-height: 22px; }
@media (min-width: 1024px) {
  .homePageWrapper .bodyContainer .celebrateBanner .homeFullScreenWrapper .homeFullScreenWrapperContent .campaignBannerTitle.tenCharactersExceeds, .homePageWrapper .homePage .celebrateBanner .homeFullScreenWrapper .homeFullScreenWrapperContent .campaignBannerTitle.tenCharactersExceeds { font-size: 48px; line-height: 48px; }
}
.homePageWrapper .bodyContainer .celebrateBanner .homeFullScreenWrapper .homeFullScreenExpiry, .homePageWrapper .homePage .celebrateBanner .homeFullScreenWrapper .homeFullScreenExpiry { padding-top: 0.5rem; }
.homeFullScreen:has(.takeOverImage) { inset: 0px !important; }
.takeOverImage:has(video) > div:first-child { height: 50vh !important; }
@media (min-width: 1024px) {
  .takeOverImage:has(video) > div:first-child { height: 62vh !important; }
}
.takeOverImage { display: flex !important; height: 100% !important; flex-direction: column !important; }
.takeOverImage img { width: 100%; object-fit: cover; height: auto !important; max-height: 50vh !important; }
@media (min-width: 1024px) {
  .takeOverImage img { max-height: 58vh !important; object-position: center 30%; }
}
.takeOverImage video { width: 100%; object-fit: cover; height: 50vh !important; }
@media (min-width: 1024px) {
  .takeOverImage video { height: 62vh !important; object-position: center 30%; }
}
.takeOverImage > div:first-child { position: relative !important; width: 100% !important; flex-shrink: 0 !important; }
@media (min-width: 1024px) {
  .takeOverImage > div:first-child { height: 58%; }
}
.takeOverImage .homeFullScreenWrapper { align-items: center; margin-top: 0px !important; margin-bottom: 0px !important; flex: 1 1 0% !important; padding-top: 0px !important; padding-bottom: 0px !important; }
.takeOverImage .homeFullScreenWrapper .homeFullScreenWrapperContent { justify-content: flex-start; display: flex !important; flex-direction: column !important; }
@media (min-width: 1024px) {
  .takeOverImage .homeFullScreenWrapper .homeFullScreenWrapperContent { justify-content: center; }
}
.takeOverImage button { right: 1.25rem; }
@media (min-width: 1024px) {
  .homePageWrapper .homePage .celebrateBanner { border-radius: 18px !important; }
}
.homePageWrapper .homePage .celebrateBanner .homeFullScreenWrapperContent { padding-left: 1rem; padding-right: 1rem; }
.homePageWrapper .homePage .celebrateBanner .homeFullScreenWrapper .homeFullScreenWrapperContent { margin: 0px; padding: 1rem 1.25rem; }
@media (min-width: 1024px) {
  .homePageWrapper .homePage .celebrateBanner .homeFullScreenWrapper .homeFullScreenWrapperContent { padding: 1.5rem 40px; }
}
.celebrateBanner .homeFullScreenWrapperContent .homeCampaignBannerTitle { gap: 0.5rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .celebrateBanner .homeFullScreenWrapperContent .homeCampaignBannerTitle { gap: 1rem; }
}
.bodyContainer .homeFullScreen { background-color: var(--color-background-neutral-inverse-base-component); }
.bodyContainer .homeFullScreen .homeFullScreenWrapper { margin-top: 2rem; height: auto; }
.bodyContainer .homeFullScreen .homeFullScreenWrapper .FullScreenWrapper .homeFullScreenTitle .largeTitle.tenCharactersExceeds { font-size: 22px; --tw-leading: 22px; line-height: 22px; }
@media (min-width: 1024px) {
  .bodyContainer .homeFullScreen .homeFullScreenWrapper .FullScreenWrapper .homeFullScreenTitle .largeTitle.tenCharactersExceeds { font-size: 48px; line-height: 48px; }
}
.homeFullScreenWrapper.takeOverPrev { height: 100dvh !important; }
.doubleTextTitle .doubleTextSecond { display: none !important; }
@media (min-width: 1024px) {
  .menuPageBg .menuBannerSection { min-height: 270px; }
}
.menuPageBg .menuBannerSection .mealKitContentWraper { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; }
.menuPageBg .menuBannerSection .mealKitContentWraper .btnTermsCtr .termsAndCondition a { font-size: 0.75rem !important; line-height: 1rem !important; font-weight: 400 !important; text-transform: none !important; }
.menuPageBg .menuBannerSection .mealKitContentWraper .btnTermsCtr button { height: 2rem; color: var(--color-promo-modules-product-promo-element-text) !important; }
.menuPageBg .menuBannerSection .mealKitContentWraper .btnTermsCtr [data-slot="card"] { gap: 0.75rem; }
.addPromoCodeButton .addCodeCartButton { margin-bottom: 1.5rem; border-color: var(--color-border-checkout-promo-code); font-family: var(--fontFamiliesPrimary); color: var(--color-border-checkout-promo-code); display: flex; width: 100%; font-size: 20px; }
.addPromoCodeButton .addCodeCartButton svg { height: 24px; width: 24px; fill: var(--color-border-checkout-promo-code); }
.dottedLoader { --_g: no-repeat radial-gradient(circle closest-side,var(--color-icons-illustrations-brandIcons) 90%,#0000) !important; }
.dottedLoader .chooseTwoStartingPrice { display: block !important; text-align: center !important; }
@media (min-width: 1024px) {
  .dottedLoader .chooseTwoStartingPrice { text-align: left !important; }
}
.dottedLoader .chooseTwoStartingPrice.chooseTwoStartingPriceValue { display: block !important; }
.dottedLoader .chooseTwoMenu .righttitleSticky { z-index: 9; }
@media (min-width: 1024px) {
  .dottedLoader .chooseTwoMenu .righttitleSticky { z-index: 11; }
  .dottedLoader .chooseTwoLeft { order: var(--color-divider-bright); border-top-width: 1px; border-bottom-width: 1px; border-style: solid; padding-top: 1rem; padding-bottom: 1rem; }
}
.dottedLoader .chooseTwoHeading { border-bottom-width: 0px !important; padding-bottom: 0px !important; }
.dottedLoader .chooseTwoSelectItem { border-top-width: 1px; border-color: var(--color-divider-bright); --tw-border-style: solid; border-style: solid; padding-bottom: 1rem !important; text-align: center !important; }
@media (min-width: 1024px) {
  .dottedLoader .chooseTwoSelectItem { border-top-width: 0px; padding-bottom: 0px !important; text-align: left !important; }
}
.dottedLoader .hideChooseTwoDesc, .dottedLoader .showChooseTwoDesc { max-height: 0px; padding-bottom: 1rem; overflow: hidden; opacity: 0; }
@media (min-width: 1024px) {
  .dottedLoader .hideChooseTwoDesc, .dottedLoader .showChooseTwoDesc { padding-bottom: 0px; }
}
.dottedLoader .showChooseTwoDesc { max-height: 300px; opacity: 1; }
.dottedLoader .hideChooseTwoDesc { max-height: 0px; opacity: 0; }
.chooseTwoLeft { text-align: center; }
@media (min-width: 1024px) {
  .chooseTwoLeft { order: var(--color-divider-bright); border-top-width: 1px; border-bottom-width: 1px; border-style: solid; padding-top: 1rem; padding-bottom: 1rem; text-align: left; }
}
.chooseTwoHeading { border-bottom-width: 0px !important; padding-bottom: 0px !important; }
.chooseTwoSelectItem { border-top-width: 1px; border-color: var(--color-divider-bright); --tw-border-style: solid; border-style: solid; padding-bottom: 1rem !important; text-align: center !important; }
@media (min-width: 1024px) {
  .chooseTwoSelectItem { border-top-width: 0px; padding-bottom: 0px !important; text-align: left !important; }
}
.hideChooseTwoDesc, .showChooseTwoDesc { max-height: 0px; padding-bottom: 1rem; overflow: hidden; opacity: 0; }
@media (min-width: 1024px) {
  .hideChooseTwoDesc, .showChooseTwoDesc { padding-bottom: 0px; }
}
.showChooseTwoDesc { max-height: 300px; opacity: 1; }
.hideChooseTwoDesc { max-height: 0px; opacity: 0; }
.vehicleAddEditModal .titleText { padding-top: 0px; }
.vehicleAddEditModal .fbr-floating-label { top: 1.5rem; font-family: var(--fontFamiliesBody); color: var(--color-formFields-foreground-enabled); font-size: 16px; }
.vehicleAddEditModal .floatingInputField { border-color: var(--color-formFields-border-enabled); }
.vehicleAddEditModal:has(.error-message) .floating-container .fbr-floating-label.isEmpty { color: var(--color-formFields-foreground-error); }
.vehicleAddEditModal:has(.error-message) .floating-container .fbr-floating-label.\!isEmpty { color: var(--color-formFields-foreground-error); }
.vehicleAddEditModal:has(.error-message) .floating-container .peer:focus ~ .fbr-floating-label { color: var(--color-formFields-foreground-enabled); }
.cardContainer { border-color: var(--color-foreground-border-brighter); }
.atomicModal.reorderWrapper { max-height: 90vh; border-radius: 1rem; width: 335px; }
@media (min-width: 1024px) {
  .atomicModal.reorderWrapper { width: 578px; }
}
.reorderModuleWrapper { display: flex; width: 100%; flex-direction: column; overflow: hidden; }
.reorderModuleWrapper [data-slot="card-content"], .reorderModuleWrapper [data-slot="card-header"] { padding-left: 0px; padding-right: 0px; }
.reorderModuleWrapper [data-slot="card-header"] > div { display: flex; align-items: center; }
.reorderModuleWrapper .reoderTitleText { font-family: var(--fontFamiliesPrimary); font-size: 32px; }
.reorderModuleWrapper .reorderSubtitleText { margin-top: 1rem; }
.disclaimerTextCartHomePagePDP { margin: 0.75rem; }
.disclaimerTextCartHomePagePDP div { display: flex; align-items: center; justify-content: center; }
.disclaimerTextCartHomePage div { display: flex; align-items: center; }
.mostPopularCarosuel .gallery .disclaimerTextCartHomePage { grid-column: span 4 / span 4; margin-top: 1.5rem; display: grid; }
.mostPopularCarosuel .gallery .disclaimerTextCartHomePage .disclaimerContent { margin-bottom: 0px; }
.disclaimerTextCartHomePageMobile { margin-top: 0.5rem; }
.disclaimerTextCartBottom, .disclaimerTextCartHomePageMobile div { display: flex; align-items: center; }
.disclaimerTextCartBottom { margin-bottom: 0px; padding-top: 1rem; justify-content: center; text-transform: none; }
.disclaimerTextCartBottom div { display: flex; align-items: center; }
.disclaimerTextCartBottom .disclaimerContent { margin-top: 0px; }
.disclaimerTextCartHomePageCart { margin-top: 0.75rem; text-transform: none; }
.disclaimerTextCartHomePageCart div { display: flex; align-items: center; }
.stickyBtnStyle .disclaimerContent svg { height: 10px !important; width: 10px !important; }
.disclaimerContent { display: flex; align-items: center; }
.disclaimerTextCheckout { margin-top: 1rem; display: flex; justify-content: center; text-transform: none; }
.disclaimerTextCheckout div { display: flex; align-items: center; }
.menuName.\!selected::after, .menuName.selected::after { --tw-content: none; content: var(--tw-content); }
.menuName.\!selected span, .menuName.selected span { --tw-border-style: solid; border-bottom-width: ; border-bottom-color: ; border-style: solid; }
.menuName.menuCat { display: none; text-transform: capitalize; }
@media (min-width: 1024px) {
  .menuName.menuCat { display: block; }
}
.subCategoryTitle { grid-column: span 2 / span 2; margin-top: 1rem; grid-template-rows: repeat(1, minmax(0px, 1fr)); font-family: var(--fontFamiliesPrimary); font-weight: 700; display: grid; width: 100%; font-size: 16px; }
@media (min-width: 1024px) {
  .subCategoryTitle { grid-column: span 3 / span 3; font-size: 20px; }
}
.categoryCont { scroll-behavior: smooth; width: 100%; overflow-x: auto; }
@media (min-width: 1024px) {
  .categoryCont { height: 70vh; width: 196px; overflow: hidden auto; padding-bottom: 3rem; }
}
.categoryCont .subcategoryListitems { display: none; }
@media (min-width: 1024px) {
  .categoryCont .subcategoryListitems { display: block; }
  .categoryCont .subcategoryListitems.\!active, .categoryCont .subcategoryListitems.active { display: flex; gap: 0px; }
}
.menuPageListPdpContainer { flex-direction: column; }
@media (min-width: 1024px) {
  .menuPageListPdpContainer { flex-direction: row; }
}
.categoriesList:first-child a.menuName { display: none; }
@media (min-width: 1024px) {
  .categoriesList:first-child a.menuName { display: flex; }
}
.categoriesList { display: flex; }
@media (min-width: 1024px) {
  .categoriesList { flex-direction: column; }
}
.subcategoryList { grid-auto-columns: max-content; grid-auto-flow: column; display: grid; }
@media (min-width: 1024px) {
  .subcategoryList { display: flex; flex-direction: column; gap: 1rem; }
}
.subcategoryListitems { grid-auto-columns: max-content; grid-auto-flow: column; padding-left: 0px; display: grid; }
@media (min-width: 1024px) {
  .subcategoryListitems { display: flex; flex-direction: column; gap: 1rem; padding-left: 1.5rem; }
}
.subcategoryListitems .menuName { padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 1024px) {
  .subcategoryListitems .menuName { padding-left: 0px; padding-right: 0px; }
}
.subcategoryListitems .menuName.menuCat { display: block; }
.subcategoryListitems li:first-child .menuName { padding-left: 0px; }
.menuPageListPdpContainer .rightSideWrapper .categorySection .mobileSubNav { top: 134px !important; }
.menuPageListPdpContainer .rightSideWrapper .mobileSubNav { background-color: var(--color-base-light-beige-500) !important; }
.righttitletext.biggerText { font-size: 24px !important; }
@media (min-width: 1024px) {
  .righttitletext.biggerText { font-size: 32px !important; }
}
.menuPageBg .firstMenuSection.subCategories { padding-bottom: 0px; }
.menuPageBg .firstMenuSection + .firstMenuSection { margin-top: 0px; padding-top: 0px; }
@media (min-width: 1024px) {
  .menuPageBg .firstMenuSection + .firstMenuSection { margin-top: 1.5rem; }
}
.utensilsItems { border-radius: 4px; border-color: var(--color-foreground-border-brighter); padding: 2.5px 6px; font-family: var(--fontFamiliesBody); font-weight: 700; color: var(--color-foreground-content-subtle-enabled); border-style: var(--tw-border-style); border-width: 1px; font-size: 14px; }
.includeItemsWrap .peer:checked ~ .checkBoxToggle { background-color: var(--color-background-brand-primary); }
.removeModelContainer .frame1 button:disabled { background-color: transparent; }
.removeModelContainer .frame1 .qtyChangerCont svg { height: 1.5rem; width: 1.5rem; }
.removeModelContainer .frame1 .qtyChangerCont span { font-family: var(--fontFamiliesBody); color: var(--color-selectionControls-quantity-foreground-enabled); font-size: 14px; }
.tmobileBodyCont .shortBannerHeight, .tmobileBodyCont .tallBannerHeight { margin-bottom: 0px; }
.tmobileBodyCont .shortBannerHeight.orderingPageContainer .contentPageBannerImage, .tmobileBodyCont .tallBannerHeight.orderingPageContainer .contentPageBannerImage { height: auto; }
.tmobileBodyCont .shortBannerHeight.orderingPageContainer .contentPageBannerImage::before, .tmobileBodyCont .tallBannerHeight.orderingPageContainer .contentPageBannerImage::before { content: var(--tw-content); height: auto; }
.tmobileBodyCont .shortBannerHeight.orderingPageContainer .contentPageBannerImage img, .tmobileBodyCont .tallBannerHeight.orderingPageContainer .contentPageBannerImage img { height: auto; }
.tmobileBodyCont.contentPage .staticPageCtr { padding-top: 2rem; }
@media (min-width: 1024px) {
  .tmobileBodyCont.contentPage .staticPageCtr { margin-left: auto; margin-right: auto; max-width: 858px; padding-top: 4rem; }
}
.tmobileBodyCont.contentPage .orderCateringContainer.giftCardHeader { padding-bottom: 1.5rem; padding-top: 0px; }
.tmobileBodyCont.contentPage .orderCateringContainer.giftCardHeader.None { margin-top: 0px; padding-top: 0.5rem; }
.tmobileBodyCont.contentPage .signInContainer .signInCtr { padding-top: 1.5rem; }
@media (min-width: 1024px) {
  .tmobileBodyCont.contentPage .signInContainer .signInCtr { margin-left: auto; margin-right: auto; max-width: 335px; padding-top: 2rem; }
}
.tmobileBodyCont.contentPage .memberIdcontainer { padding-top: 1.25rem; }
.tmobileBodyCont.contentPage .memberIdcontainer .staticTitleText { margin: 1.5rem; text-align: center; }
@media (min-width: 1024px) {
  .tmobileBodyCont.contentPage .memberIdcontainer .staticTitleText { margin-bottom: 3rem; }
}
.tmobileBodyCont.contentPage .memberIdcontainer { padding-top: 2rem; }
@media (min-width: 1024px) {
  .tmobileBodyCont.contentPage .memberIdcontainer { margin-left: auto; margin-right: auto; max-width: 540px; }
}
.tmobileBodyCont.contentPage .memberIdcontainer .info-lable-ctr { margin-top: 1.5rem; padding-bottom: 1.5rem; font-family: var(--fontFamiliesBody); font-size: 0.75rem; line-height: 1rem; font-weight: 400; color: var(--colorBaseAlpha600); }
.tmobileBodyCont.contentPage .memberIdcontainer .info-lable-ctr .linkText { font-weight: 700; }
.tmobileBodyCont.contentPage .memberIdcontainer .memberInputCtr { padding-top: 0px; }
.tmobileBodyCont.contentPage .careerBtnSection { padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 1024px) {
  .tmobileBodyCont.contentPage .careerBtnSection { padding-left: 72px; padding-right: 72px; }
}
.tmobileBodyCont.contentPage .careerBtnSection .textContentStatic { padding-right: 0px; }
.tmobileBodyCont.contentPage .careerBtnSection .orderList { padding-left: 1.25rem; padding-right: 1.25rem; }
.tmobileBodyCont.contentPage .careerBtnSection .orderList p { margin-top: 0px; margin-bottom: 0px; }
.tmobileBodyCont.contentPage .faqPanel.faqPanelNone ol, .tmobileBodyCont.contentPage .faqPanel.faqPanelNone ul { padding-left: 1rem; }
.tmobileBodyCont .scoreExclusiveWrapper { padding-left: 0px; padding-right: 0px; }
.tmobileBodyCont .scoreExclusiveWrapper .submitButton { margin-bottom: 0px; width: 140px; min-width: 140px; }
.tmobileBodyCont.orderingPageContainer .orderCateringContainer p.emptyElement { font-family: var(--fontFamiliesBody); line-height: 1.5; color: var(--colorBaseOffBlack500); text-align: left; font-size: 16px; }
.tmobileBodyCont.orderingPageContainer .orderCateringContainer h3.staticTitleText { margin-top: 1rem; }
.tmobileBodyCont.orderingPageContainer .cateringContainer div.customToastInline:last-child { padding-bottom: 1.25rem; }
.tmobileBodyCont.orderingPageContainer .authenticationBtn + .orderCateringContainer p.emptyElement { margin: 0px; padding: 0px; }
.tmobileBodyCont.orderingPageContainer .authenticationBtn .buttonWrapper.linkContentBtn { width: 335px; }
.tmobileBodyCont.orderingPageContainer .appDownload { margin-top: 1.5rem; margin-bottom: 1.5rem; }
@media (min-width: 1024px) {
  .tmobileBodyCont.orderingPageContainer .appDownload { margin-top: 3rem; margin-bottom: 3rem; }
  .tmobileBodyCont.orderingPageContainer .appDownload.rightContent { position: relative; align-items: flex-end; }
}
@media (min-width: 1280px) {
  .tmobileBodyCont.orderingPageContainer .appDownload.rightContent { right: -10rem; }
}
@media (min-width: 1440px) {
  .tmobileBodyCont.orderingPageContainer .appDownload.rightContent { right: -15rem; }
}
@media (min-width: 1024px) {
  .tmobileBodyCont.orderingPageContainer .appDownload.rightContent .signUp { align-items: flex-end; justify-content: flex-end; }
}
.tmobileBodyCont.orderingPageContainer .cateringContainer .orderCateringContainer.giftCardHeader { margin-bottom: 0px; }
.tmobileBodyCont.orderingPageContainer .cateringContainer .careerBtnSection .textContentStatic.textContentPagh { text-align: left; }
@media (min-width: 1024px) {
  .tmobileBodyCont.orderingPageContainer .cateringContainer div:last-child { padding-bottom: 0px; }
}
.tmobileBodyCont.orderingPageContainer .cateringContainer div:last-child .emptyElement { font-size: 12px; }
.tmobileBodyCont.orderingPageContainer .cateringContainer .importantNotes h2 { font-size: 1.25rem; font-weight: 600; font-style: normal; line-height: 1.5rem; }
.tmobileBodyCont.orderingPageContainer .cateringContainer .importantNotes .mailId { color: var(--colorPrimary500); }
.tmobileBodyCont .contentPageTopSection.giftCardBuynow { margin-top: 0px; }
@media (min-width: 1024px) {
  .tmobileBodyCont .contentPageTopSection.giftCardBuynow .careerBtnSection { margin-bottom: 0px; }
}
.tmobileBodyCont .letsGetStartedWrapper { margin-top: 0px; }
.tmobileBodyCont .signInToast { margin-left: auto; margin-right: auto; margin-inline: auto; }
.tmobileBodyCont .hide-mobile { display: none; }
.tmobileBodyCont .mandatoryLabel { margin-bottom: 2rem; margin-top: 1.5rem; }
@media (min-width: 1024px) {
  .tmobileBodyCont .mandatoryLabel { margin-top: 2rem; }
}
.tmobileBodyCont .signInToast:empty { display: none; }
.tmobileBodyCont .bgfaqctr, .tmobileBodyCont .faqInnerSectionTitle { margin-left: 1.25rem; margin-right: 1.25rem; }
@media (min-width: 1024px) {
  .tmobileBodyCont .bgfaqctr, .tmobileBodyCont .faqInnerSectionTitle { margin-left: 0px; margin-right: 0px; }
}
.tmobileBodyCont .importantNotes + div.orderCateringContainer.giftCardHeader { font-size: 12px; }
@media (min-width: 1024px) {
  .tmobileBodyCont .importantNotes + div.orderCateringContainer.giftCardHeader { padding-left: 0px; padding-right: 0px; }
}
.tmobileBodyCont .importantNotes + div.orderCateringContainer.giftCardHeader .emptyElement { font-size: 12px; }
@media (min-width: 1024px) {
  .tmobileBodyCont.orderingPageContainer .importantNotes { margin-bottom: 2rem; margin-left: 0px; }
}
.tmobileBodyCont.orderingPageContainer .buttonPrimary { width: 100%; }
.tmobileBodyCont.orderingPageContainer .buttonPrimary.submitButton { width: 140px; min-width: 140px; }
.tmobileBodyCont.orderingPageContainer .memberInputCtr .buttonPrimary { max-width: 233px; }
@media (min-width: 1024px) {
  .tmobileBodyCont .contentPageMainContainer.specificnewsroom { padding-left: 0px; padding-right: 0px; }
}
.tmobileBodyCont .careerBtnSection .faqBottom .imageContentCtr { margin-bottom: 0.25rem; margin-top: 0px; }
.tmobileBodyCont .careerBtnSection .faqBottom .imageContentCtr img { margin-left: auto; margin-right: auto; margin-inline: auto; }
.tmobileBodyCont .careerBtnSection .faqBottom ol li { list-style-type: decimal; }
@media (min-width: 1024px) {
  .tmobileBodyCont { min-height: calc(-144px + 100vh); }
  .partnerPageContainer { min-height: calc(-325px + 100vh); }
}
.partnerPageContainer .inputSpace .checkboxLabel #img_check_box { border-style: var(--tw-border-style); border-width: 2px; }
.partnerPageContainer .inputSpace .checkboxLabel.\!checked #img_check_box, .partnerPageContainer .inputSpace .checkboxLabel.checked #img_check_box { --tw-border-style: none; border-style: none; }
.partnerPageContainer .inputSpace .checkboxLabel.\!checked #img_check_box rect, .partnerPageContainer .inputSpace .checkboxLabel.checked #img_check_box rect { fill: var(--colorPrimary500); stroke: var(--colorPrimary500); }
.partnerPageContainer { gap: 1.5rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .partnerPageContainer { min-height: calc(-325px + 100vh); gap: 3rem; }
}
.partnerPageContainer.tmobileBodyCont.contentPage .staticPageCtr { padding-top: 0px; }
.partnerPageContainer.tmobileBodyCont.contentPage .staticPageCtr .cateringContainer .orderCateringContainer.None h3.staticTitleText { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
.partnerPageContainer.tmobileBodyCont.contentPage .staticPageCtr .cateringContainer h5 + ul { margin: 0px auto; }
.partnerPageContainer.tmobileBodyCont.contentPage .staticPageCtr .cateringContainer h5 + ul li { list-style-type: none; }
@media (min-width: 1024px) {
  .partnerPageContainer.tmobileBodyCont .faqInnerSectionTitle { padding-left: 72px; padding-right: 72px; }
}
.partnerPageContainer.tmobileBodyCont [data-slot="accordion"] { padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 1024px) {
  .partnerPageContainer.tmobileBodyCont [data-slot="accordion"] { padding-left: 72px; padding-right: 72px; }
}
.partnerPageContainer.tmobileBodyCont .bgFaq { min-width: 320px; width: 100%; }
.partnerPageContainer.tmobileBodyCont .bgFaq .stickyHeader { top: 0px; min-height: auto; }
.partnerPageContainer.tmobileBodyCont .bgFaq .stickyHeader, .partnerPageContainer.tmobileBodyCont .bgFaq .stickyHeader .accordionHeader { padding: 0px; border-style: var(--tw-border-style); border-width: 0px; background-color: transparent; }
.partnerPageContainer.tmobileBodyCont .bgFaq .stickyHeader .accordionHeader .accordionTitle { width: 100%; }
.partnerPageContainer.tmobileBodyCont .bgFaq .stickyHeader .accordionHeader svg { right: 1rem; height: 1.25rem; width: 1.25rem; position: relative; }
.partnerPageContainer.tmobileBodyCont .bgFaq .faqAnswerLink { padding: 0px 1.25rem 1.25rem; }
.partnerPageContainer.tmobileBodyCont .bgFaq .faqAnswerLink ol, .partnerPageContainer.tmobileBodyCont .bgFaq .faqAnswerLink ul { padding-left: 0.75rem; }
.partnerPageContainer.tmobileBodyCont .bgFaq .faqAnswerLink ol li, .partnerPageContainer.tmobileBodyCont .bgFaq .faqAnswerLink ul li { margin-bottom: 0.25rem; }
.authFooter.partnerFooterContent::after { --tw-content: none; content: var(--tw-content); }
@media (min-width: 1024px) {
  .authFooter .footerWrapper { top: 18px; z-index: 50; padding-top: 1rem; padding-bottom: 1rem; }
}
.authFooter .footerWrapper .footerContent { padding-left: 0px; padding-right: 0px; }
.authFooter .footerWrapper .footerContent .authFooterContent { gap: 1.5rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .authFooter .footerWrapper .footerContent .authFooterContent { gap: 0.75rem; }
}
.headerNavTag.hideHeader .headerNavContainer .headerNavInner { display: grid; grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.partner + .contentPage { gap: 1.5rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .partner + .contentPage { gap: 3rem; }
}
.modalBtnSpace .partner + .contentPage .authenticationBtn button { width: auto; }
.partner + .contentPage .authenticationBtn button { height: 3rem; border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonPrimaryBorderEnabled); background-color: var(--colorButtonPrimaryBackgroundEnabled); padding: var(--spacing4x) var(--spacing8x); font-family: var(--fontFamiliesPrimary); font-size: var(--typographyButtonPrimaryLargeFontSize); font-weight: var(--fontWeightsRegular); color: var(--colorButtonPrimaryForegroundEnabled); text-align: center; }
.partner + .contentPage .authenticationBtn button:hover { background-color: var(--colorButtonPrimaryBackgroundPressed); }
@media (min-width: 1024px) {
  .partner + .contentPage .authenticationBtn button { padding: var(--spacing6x) var(--spacing16x); }
}
.partner + .contentPage .authenticationBtn button:disabled { --tw-border-style: none; border-style: none; }
.tmobileBodyCont .partner + .contentPage .authenticationBtn button { width: 100%; }
.rewardPopupContainer .partner + .contentPage .authenticationBtn button, .selectedRewardModal .partner + .contentPage .authenticationBtn button { font-family: BrooklynSamuelsThreeBold; margin-top: 1.5rem; margin-bottom: 1.5rem; font-size: 22px; font-weight: 700; letter-spacing: 0.38px; }
.auth-layout .partner + .contentPage .authenticationBtn button { font-size: 22px; }
.auth-layout .partner + .contentPage .authenticationBtn button span { top: -0.125rem; position: relative; }
.auth-layout .welcomeContent .partner + .contentPage .authenticationBtn button { font-size: 22px; line-height: 33px; }
@media (min-width: 1024px) {
  .auth-layout .welcomeContent .partner + .contentPage .authenticationBtn button { line-height: 1.5rem; }
}
.auth-layout .welcomeContent .partner + .contentPage .authenticationBtn button span { top: 2px; position: relative; }
.partner + .contentPage .authenticationBtn button:disabled { background-color: var(--colorBaseAlpha300); font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; color: var(--colorBaseAlpha500); }
.partner + .contentPage .authenticationBtn button:disabled:hover { background-color: var(--colorBaseAlpha300); }
.partner + .contentPage .authenticationBtn button { margin-top: 0.5rem; max-width: 335px; width: 100%; justify-content: center; }
.partner + .contentPage .authenticationBtn button:has(svg) { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonSecondaryBorderEnabled); font-family: var(--fontFamiliesBody); font-weight: var(--fontWeightsBold); margin-bottom: 0.5rem; height: 3rem; gap: 0.5rem; padding-left: 2rem; padding-right: 2rem; display: inline-flex; width: 100%; align-items: center; justify-content: center; text-align: center; transition-duration: var(--tw-duration,0s); transition-property: all; transition-timing-function: var(--tw-ease,ease); }
.partner + .contentPage .authenticationBtn button:has(svg) span { min-width: 179px; }
.partner + .contentPage .authenticationBtn button:has(svg) { max-width: 335px; border-radius: 0.5rem; background-color: var(--colorButtonSecondaryBackgroundEnabled); color: var(--colorBaseOffBlack500); }
.partner + .contentPage .authenticationBtn button:has(svg):hover { border-color: var(--colorButtonSecondaryBorderEnabled); background-color: var(--colorButtonSecondaryBackgroundEnabled); }
.partner + .contentPage .authenticationBtn button:has(svg) svg { height: 1.5rem; width: 1.5rem; }
.partner + .contentPage .staticPageCtr { padding-bottom: 1.5rem; padding-top: 0px; }
@media (min-width: 1024px) {
  .partner + .contentPage .staticPageCtr { padding-bottom: 3rem; }
}
.partner + .contentPage.orderingPageContainer .cateringContainer .orderCateringContainer.None h3.staticTitleText { margin-top: 0px; padding-top: 0px; }
.authHeader { min-height: 100px; background-color: var(--colorBackgroundNeutralBase); padding-bottom: 1.25rem; padding-top: 3rem; position: relative; display: flex; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .authHeader { min-height: 6rem; border-bottom-width: var(--borderWidthHairline); --tw-border-opacity: 1; border-color: rgb(203 213 225/var(--tw-border-opacity)); padding-top: 1rem; padding-bottom: 1rem; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.authHeaderCloseIconWrapper { display: none; }
.authHeaderCloseIconWrapper { left: 1.25rem; top: 3rem; position: absolute; z-index: 1; }
@media (min-width: 1024px) {
  .authHeaderCloseIconWrapper { left: 0px; top: 0.5rem; margin-left: 72px; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.authHeaderRightCloseIconWrapper { display: none; }
.authHeaderRightCloseIconWrapper { right: 0px; top: 0px; margin-right: 1rem; margin-top: 1rem; position: absolute; z-index: 1; display: block; cursor: pointer; }
@media (min-width: 1024px) {
  .authHeaderRightCloseIconWrapper { margin-right: 72px; margin-top: 1.5rem; }
}
.backButton { cursor: pointer; }
.hideOnMobile { display: block; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.authHeaderRightCloseIcon { display: none; }
.authHeaderRightCloseIcon { top: 0px; margin-left: 2rem; position: absolute; z-index: 1; display: block; cursor: pointer; }
@media (min-width: 1024px) {
  .authHeaderRightCloseIcon { margin-right: 72px; }
}
.footerWrapper { z-index: 3; height: 88px; gap: 1rem; background-color: var(--colorBackgroundNeutralDim); padding: 1rem 1.25rem 1.5rem; position: relative; display: inline-flex; width: 100%; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
@media (min-width: 1024px) {
  .footerWrapper { height: 3.5rem; }
}
.footerContent { padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1.25rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeXs); font-weight: var(--typographyBodySmallTextRegularFontWeight); line-height: var(--typographyBodySmallTextRegularLineHeight); color: var(--colorForegroundContentEnabled); text-align: center; }
@media (min-width: 1024px) {
  .footerContent { padding-top: 1.5rem; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.footerContainerTexture { display: none; }
.footerContainerTexture { bottom: 0px; height: 84px; --tw-scale-x: -1; --tw-scale-y: -1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); position: absolute; z-index: 0; width: 100%; }
@media (min-width: 1024px) {
  .footerContainerTexture { height: 68px; }
}
.customerServiceText { padding-top: 1.5rem; font-family: var(--fontFamiliesBody); font-size: 0.75rem; line-height: 1rem; color: var(--colorBaseOffBlack500); text-align: center; }
@media (min-width: 1024px) {
  .customerServiceText { padding-top: 2rem; text-align: left; }
}
.authFooter .footerWrapper { height: auto; }
.authFooter .footerContent { padding-top: 0px; }
.authFooter .footerContent .mailId { display: inline-flex; text-decoration-line: underline; }
.buttonPrimary { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonPrimaryBorderEnabled); background-color: var(--colorButtonPrimaryBackgroundEnabled); padding: var(--spacing4x) var(--spacing8x); font-size: var(--typographyButtonPrimaryLargeFontSize); font-weight: var(--fontWeightsRegular); color: var(--colorButtonPrimaryForegroundEnabled); text-align: center; }
.buttonPrimary:hover { background-color: var(--colorButtonPrimaryBackgroundPressed); }
@media (min-width: 1024px) {
  .buttonPrimary { padding: var(--spacing6x) var(--spacing16x); }
}
.buttonPrimary .ldsEllipsis { top: 1px; }
.buttonPrimaryDisabled { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonPrimaryBorderEnabled); padding: var(--spacing4x) var(--spacing8x); font-family: var(--fontFamiliesPrimary); font-size: var(--typographyButtonPrimarySmallFontSize); font-weight: var(--fontWeightsRegular); color: var(--colorButtonPrimaryForegroundDisabled); text-align: center; }
.buttonPrimaryDisabled, .buttonPrimaryDisabled:hover { background-color: var(--colorButtonPrimaryBackgroundDisabled); }
@media (min-width: 768px) {
  .buttonPrimaryDisabled { font-size: var(--typographyButtonPrimaryLargeFontSize); }
}
@media (min-width: 1024px) {
  .buttonPrimaryDisabled { padding: var(--spacing6x) var(--spacing16x); }
}
.buttonStandardInverse { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonPrimaryBorderEnabled); background-color: var(--colorButtonHeaderStandardInverseBackgroundEnabled); padding: var(--spacing4x) var(--spacing8x); font-family: var(--fontFamiliesPrimary); font-size: var(--typographyButtonPrimaryLargeFontSize); font-weight: var(--fontWeightsRegular); color: var(--colorButtonPrimaryForegroundEnabled); text-align: center; }
.buttonStandardInverse:hover { background-color: var(--colorButtonHeaderStandardInverseBackgroundPressed); }
@media (min-width: 1024px) {
  .buttonStandardInverse { padding: var(--spacing6x) var(--spacing16x); font-size: var(--typographyButtonPrimaryLargeFontSize); }
}
.buttonSecondary { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonSecondaryBorderEnabled); background-color: var(--colorButtonSecondaryBackgroundEnabled); padding: var(--spacing4x) var(--spacing8x); font-size: var(--typographyButtonPrimaryLargeFontSize); font-weight: var(--fontWeightsRegular); color: var(--colorButtonSecondaryForegroundEnabled); text-align: center; }
.buttonSecondary:hover { background-color: var(--colorButtonSecondaryBackgroundPressed); }
@media (min-width: 1024px) {
  .buttonSecondary { padding: var(--spacing6x) var(--spacing16x); }
}
.buttonSecondary .ldsEllipsis { top: 1px; }
.buttonSecondary .ldsEllipsis div, .buttonSecondary .ldsEllipsis.white div { background-color: var(--colorBaseAlpha800); }
.buttonSecondarySocial { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonSecondaryBorderEnabled); background-color: var(--colorButtonSecondaryBackgroundEnabled); font-family: var(--fontFamiliesBody); font-weight: var(--fontWeightsBold); }
.buttonProfileActive, .buttonProfileNormal { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); }
.buttonProfileActive { border-color: var(--colorButtonSecondaryBorderEnabled); background-color: var(--colorTemplateBackgroundEnabled); }
.buttonTertiaryText { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: var(--typographyButtonSecondaryLargeFontWeight); line-height: var(--lineHeightsMd); color: var(--colorButtonTertiaryForegroundEnabled); }
@media (min-width: 1024px) {
  .buttonTertiaryText:hover { color: var(--colorButtonTertiaryForegroundPressed); }
}
.tabWrapper { border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 1px; }
.buttonTabWrapper, .tabWrapper { margin-top: 1.5rem; grid-template-columns: repeat(2, minmax(0px, 1fr)); padding: 0.25rem; display: grid; }
.buttonTabWrapper { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonPillToggleBorder); }
.buttonTabButton { gap: 0.5rem; padding: 0.5rem 1rem; display: flex; align-items: center; justify-content: center; }
.activeButtonTab { border-radius: var(--borderRadiusPill); background-color: var(--colorButtonPrimaryBackgroundEnabled); font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeXs); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsXs); color: var(--colorButtonPrimaryForegroundEnabled); }
.inActiveTab { --tw-bg-opacity: 1; background-color: rgb(246 245 240/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(31 41 55/var(--tw-text-opacity)); }
.inActiveButtonTab { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeXs); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsXs); color: var(--colorButtonTertiaryForegroundEnabled); }
.checkboxLabel { user-select: none; gap: 0.75rem; font-size: var(--typographyBodySecondaryRegularFontSize); font-weight: var(--typographyBodySecondaryRegularFontWeight); color: var(--color-foreground-content-enabled); position: relative; display: flex; cursor: pointer; align-items: center; }
.checkboxLabel #img_check_box { border-radius: 0.375rem; border-color: var(--colorBaseAlpha900); fill: var(--colorBaseAlpha50); stroke: var(--colorBaseAlpha50); border-style: var(--tw-border-style); border-width: 1px; }
.checkboxLabel:focus-visible { outline-style: solid; outline-width: 2px; outline-color: var(--colorBaseBlue700); }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.fbr-checkbox-input { display: none; }
.fbr-checkbox-input { z-index: -1; height: 1.75rem; width: 1.75rem; position: absolute; cursor: pointer; opacity: 0; }
input:focus-visible + #img_check_box { outline-style: solid; }
.CheckoutPageContainer .fbr-floating-label.\!valueEntered, .CheckoutPageContainer .fbr-floating-label.valueEntered { top: 0.75rem; }
.drawerOverlay { position: fixed; height: 100vh; width: 100vw; opacity: 0.6; transition-duration: var(--tw-duration,0s); transition-property: opacity; transition-timing-function: var(--tw-ease,ease); }
.drawerWrapper { right: 0px; top: 0px; position: fixed; z-index: 30; width: 100%; transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); transition-duration: var(--tw-duration,0s); transition-property: all; transition-timing-function: var(--tw-ease,ease); }
.drawerWrapper .rewardsSection .itemListContainer .itemList { padding-top: 1rem; padding-bottom: 1rem; }
.drawerContainer { left: 0px; right: 0px; height: 100dvh; background-color: var(--colorBaseAlpha50); position: fixed; overflow-y: auto; }
@media (min-width: 640px) {
  .drawerContainer { left: auto; }
}
@media (min-width: 1024px) {
  .drawerContainer { width: 450px; }
  .drawerContainer.cartDrawer { width: 488px; }
}
.cartOverlay { background-color: var(--colorBaseOffBlack500); }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.drawerCloseBtn { display: none; }
.drawerCloseBtn { right: 0.5rem; top: 6px; position: absolute; cursor: pointer; }
.drawerCloseBtn :focus { outline: transparent none 2px; outline-offset: 2px; --tw-outline-style: none; }
.drawerCloseBtn :focus-visible { outline-style: solid; }
.drawerCloseBtn .closeIconCTA { padding: 0.75rem; }
.drawerCloseBtn .closeIconCTA svg { height: 1.5rem; width: 1.5rem; }
.drawerContainer .modifierWrapper { top: 0px; position: relative; }
.drawerContainer .modifierWrapper:first-child { top: 0px; --tw-border-style: none; border-style: none; }
.drawerContainer .modifierWrapper:last-child:last-child { border-color: var(--colorDividerDim); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.drawerOpen { --tw-translate-x: 0px; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
.drawerClose, .drawerOpen { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.drawerClose { --tw-translate-x: 100%; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
.cartHeader { left: 1.25rem; top: 3.5rem; height: 1.5rem; display: flex; align-items: center; }
.cartHeader.customHeaderTitle { top: 1.25rem; margin-top: 0.25rem; grid-template-columns: 50px 1fr; display: grid; }
.cartDrawer { background-color: var(--colorBackgroundNeutralBase); }
.cartTitle { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; font-weight: 400; width: 100%; text-align: center; }
.customTitle { padding-top: 0.75rem; color: var(--colorBaseAlpha950); opacity: 0.65; }
.customHeaderTitle { padding-top: 0.25rem; }
.ldsEllipsis { height: 13px; width: 5rem; --tw-scale-x: .5; --tw-scale-y: .5; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); position: relative; display: inline-block; opacity: 0.8; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.ldsEllipsis div { display: none; }
.ldsEllipsis div { height: 13px; width: 13px; border-radius: 50%; background-color: var(--colorBaseAlpha50); position: absolute; animation-timing-function: cubic-bezier(0, 1, 1, 0); }
.ldsEllipsis div:first-child { left: 0.5rem; animation: 0.6s ease 0s infinite normal none running ldsEllipsis1; }
.ldsEllipsis div:nth-child(2) { left: 0.5rem; animation: 0.6s ease 0s infinite normal none running ldsEllipsis2; }
.ldsEllipsis div:nth-child(3) { left: 2rem; animation: 0.6s ease 0s infinite normal none running ldsEllipsis2; }
.ldsEllipsis div:nth-child(4) { left: 3.5rem; animation: 0.6s ease 0s infinite normal none running ldsEllipsis3; }
.ldsEllipsis.dark div { background-color: var(--colorButtonPrimaryBackgroundEnabled); }
.ldsEllipsis.white div { background-color: var(--colorBaseAlpha50); }
@keyframes spin { 
  100% { transform: rotate(1turn); }
}
.iconLoader { animation: 1s linear 0s infinite normal none running spin; border-color: currentcolor currentcolor currentcolor transparent; padding: 0.375rem; border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 4px; }
.iconLoader.white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
@keyframes ldsEllipsis1 { 
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}
@keyframes ldsEllipsis3 { 
  0% { transform: scale(1); }
  100% { transform: scale(0); }
}
@keyframes ldsEllipsis2 { 
  0% { transform: translate(0px); }
  100% { transform: translate(24px); }
}
.errorInfoContainer { margin-left: auto; margin-right: auto; padding-top: 2rem; margin-inline: auto; }
.errorInfoContainer, .errorPageContainer { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.errorPageContainer { gap: 2.5rem; background-color: var(--colorBackgroundNeutralBase); }
.errorPageContainer .errorInfoContainer.errorInfo { margin-top: 0px; margin-bottom: 0px; padding-bottom: 3.5rem; padding-top: 4rem; }
@media (min-width: 1024px) {
  .errorPageContainer .errorInfoContainer.errorInfo { padding-bottom: 10rem; padding-top: 6rem; }
}
.errorPageContainer .errorInfoContainer.scanLanding { max-width: none; padding: 2.25rem 2.5rem 0px; width: 100%; }
.errorPageContainer .errorInfoContainer.scanLanding .errorTitle { padding-top: 2.25rem; }
.errorPageContainer .errorInfoContainer.scanLanding .errorDesc { padding-top: 1rem; }
.errorPageContainer .errorInfoContainer.scanLanding .buttonPrimary { top: -0.75rem; position: relative; width: 100%; }
.errorTitle { padding-top: 1.25rem; font-size: var(--fontSizeFontSizeLg); line-height: var(--lineHeightsMd); text-align: center; }
.errorTitle, .errorTitle.pageNotFoundTextOne { font-family: var(--fontFamiliesPrimary); color: var(--colorForegroundContentEnabled); }
.errorTitle.pageNotFoundTextOne { left: 0px; right: 0px; padding-top: 2rem; font-size: 3.75rem; line-height: 48px; text-transform: uppercase; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.errorTitle.pageNotFoundTextTwo { display: none; }
.errorTitle.pageNotFoundTextTwo { left: 0px; right: 0px; top: 0px; padding-top: 2rem; font-family: var(--fontWeightsBaseLineShade); font-size: 3.75rem; line-height: 48px; color: var(--colorForegroundAccentEnabled); position: absolute; text-transform: uppercase; }
.errorDesc { padding-top: 1.25rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: var(--fontWeightsRegular); color: var(--colorForegroundContentSubtleEnabled); }
.errorDesc, .errorDesc.pageNotFoundDesc { margin-left: auto; margin-right: auto; line-height: var(--lineHeightsMd); margin-inline: auto; text-align: center; }
.errorDesc.pageNotFoundDesc { padding-top: 1rem; font-family: var(--fontFamiliesPrimary); font-size: var(--typographyHeadlineMediumFontSize); color: var(--colorForegroundContentEnabled); }
.missingInfoDescText { font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .missingInfoDescText { padding-left: 3.5rem; padding-right: 3.5rem; }
}
.feedbackPromoBanner .errorButton { padding: 0.375rem 1rem; font-size: var(--fontSizeFontSizeXs); }
@media (min-width: 1024px) {
  .feedbackPromoBanner .errorButton { padding: 0.75rem 2rem; font-size: var(--fontSizeFontSizeRg); }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  @media (min-width: 1024px) {
  .homePageWrapper .homePage .feedbackPromoBanner .errorButton { min-width: 13rem; }
}
}
.errorButton { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonPrimaryBorderEnabled); background-color: var(--colorButtonHeaderStandardInverseBackgroundEnabled); padding: var(--spacing4x) var(--spacing8x); font-family: var(--fontFamiliesPrimary); font-size: var(--typographyButtonPrimaryLargeFontSize); font-weight: var(--fontWeightsRegular); color: var(--colorButtonPrimaryForegroundEnabled); }
.errorButton:hover { background-color: var(--colorButtonHeaderStandardInverseBackgroundPressed); }
@media (min-width: 1024px) {
  .errorButton { padding: var(--spacing6x) var(--spacing16x); font-size: var(--typographyButtonPrimaryLargeFontSize); }
}
.errorButton { height: 3rem; padding-left: 2rem; padding-right: 2rem; width: auto; align-items: center; justify-content: center; text-align: center; text-transform: capitalize; }
.infoWrapper { display: block; width: 100%; }
.infoWrapper br { display: none; }
.infoWrapper .errorDesc, .infoWrapper .errorTitle { padding-top: 1rem; }
.infoContainer { display: flex; flex-direction: column; align-items: center; }
.infoContainer img { align-self: center; }
.infoContainer .emptyCartImage { height: 180px; width: 180px; position: relative; }
.reverseContent { flex-direction: column-reverse; }
.reverseContent .errorTitle { padding-bottom: 1rem; padding-top: 0px; font-size: var(--fontSizeFontSizeXxl); line-height: var(--lineHeightsLg); }
.reverseContent .errorDesc { padding-bottom: 1.25rem; padding-top: 0px; }
.reverseContent img { align-self: center; }
.buttonBottomCtrl { top: -2.25rem; margin-bottom: 0.75rem; position: relative; width: 100%; }
.\!footer, .footer { background-color: var(--colorForegroundContentEnabled); position: relative; z-index: 20; }
.\!footer .externalLink img, .\!footer .externalLink svg, .footer .externalLink img, .footer .externalLink svg { height: 1rem; width: 1rem; display: flex; }
.footerContentLinks { gap: 1.5rem; padding-bottom: 3rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsRegular); line-height: 19px; color: var(--colorBackgroundNeutralBase); display: flex; flex-direction: column; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .footerContentLinks { flex-direction: row; padding-bottom: 0px; }
}
.footerContentTitle { margin-bottom: 2.5rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeMd); font-weight: 700; line-height: 1.5rem; color: var(--colorBackgroundNeutralBase); text-align: center; }
@media (min-width: 1024px) {
  .footerContentTitle { margin-bottom: 1.5rem; }
}
.externalLink { position: relative; }
.externalLink svg { display: none; }
.divider { margin-left: 5%; height: 1px; width: 90%; background-color: var(--colorDividerInverseBase); }
@media (min-width: 1024px) {
  .divider { margin-left: 0px; width: 100%; }
}
.stayConnected { gap: 1rem; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; }
.stayConnectedLabel { font-family: var(--fontFamiliesPrimary); font-size: 1rem; line-height: 1.5rem; font-weight: 400; color: var(--colorBaseOffBlack500); text-align: center; text-transform: uppercase; }
@media (min-width: 1024px) {
  .stayConnectedLabel { width: 100%; text-align: left; }
  .appDownload .stayConnectedLabel { text-align: right; }
}
.socialMediaWrapper { height: 3rem; gap: 1rem; display: inline-flex; width: 335px; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .socialMediaWrapper { width: auto; }
}
.socialMediaContainer { height: 3rem; width: 3rem; border-radius: 188.15px; }
.appDownload, .socialMediaContainer { display: flex; align-items: center; justify-content: center; }
.appDownload { gap: 1rem; flex-direction: column; }
.appDownloadStores { gap: 1rem; display: inline-flex; }
.appDownloadImage, .appDownloadStores { align-items: center; justify-content: center; }
.appDownloadImage { height: 34px; width: 120px; display: flex; }
.appDownloadImage svg { border-radius: 0.25rem; }
.signUp { align-items: baseline; gap: 0.25rem; display: flex; }
@media (min-width: 1024px) {
  .signUp { width: 100%; text-align: right; }
}
.signUpBold, .signUpNormal { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); color: var(--colorForegroundContentEnabled); }
.signUpNormal { font-weight: 400; }
.signUpNormal a { font-weight: 700; text-decoration-line: underline; }
.bottomFooterLinks { font-family: var(--fontFamiliesBody); font-size: 0.75rem; line-height: 1rem; font-weight: 600; color: var(--colorButtonPrimaryForegroundEnabled); text-align: center; }
@media (min-width: 640px) {
  .bottomFooterContent { max-width: 640px; }
}
@media (min-width: 768px) {
  .bottomFooterContent { max-width: 768px; }
}
@media (min-width: 1024px) {
  .bottomFooterContent { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .bottomFooterContent { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .bottomFooterContent { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .bottomFooterContent { max-width: 1536px; }
}
.site-map .bottomFooterContent { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .bottomFooterContent { flex-direction: row; }
}
.site-map .bottomFooterContent .leftColumn .level-1, .site-map .bottomFooterContent .leftColumn .level-2, .site-map .bottomFooterContent .leftColumn .level-3, .site-map .bottomFooterContent .rightColumn .level-1, .site-map .bottomFooterContent .rightColumn .level-2, .site-map .bottomFooterContent .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .bottomFooterContent .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .bottomFooterContent .level-2, .site-map .bottomFooterContent .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .bottomFooterContent .rightColumn { background-color: transparent; }
.site-map .bottomFooterContent .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .bottomFooterContent .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .bottomFooterContent .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .bottomFooterContent .camelCaseClass { text-transform: capitalize; }
.site-map .bottomFooterContent .lowerCaseClass { text-transform: lowercase; }
.site-map .bottomFooterContent h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.bottomFooterContent { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .bottomFooterContent { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .bottomFooterContent { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .bottomFooterContent .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .bottomFooterContent .leftColumn { width: 50%; }
}
.site-map .bottomFooterContent .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .bottomFooterContent .leftColumn .level-1 { padding: 0px; }
.site-map .bottomFooterContent .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .bottomFooterContent .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .bottomFooterContent .rightColumn { width: 50%; }
}
.site-map .bottomFooterContent .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .bottomFooterContent .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .bottomFooterContent .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .bottomFooterContent .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .bottomFooterContent .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.bottomFooterContent { margin-left: auto; margin-right: auto; grid-auto-columns: auto; gap: 0.75rem 0.25rem; padding: 1.5rem 1rem; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .bottomFooterContent { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .bottomFooterContent { max-width: 1440px; }
}
.bottomFooterContent { margin-inline: auto; display: grid; width: 100%; }
@media (min-width: 1024px) {
  .bottomFooterContent { display: flex; justify-content: center; gap: 1.5rem; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1.5rem; }
}
.bottomFooterContent.bottomFooterCtrl { padding-top: 1.5rem; padding-bottom: 2rem; justify-content: space-between; }
@media (min-width: 1024px) {
  .bottomFooterContent.bottomFooterCtrl { padding-left: 72px; padding-right: 72px; }
}
.bottomFooterContent.bottomFooterCtrl .bottomFooterLinks { text-indent: 1.5rem; font-weight: 400; }
.bottomFooterContent.bottomFooterCtrl .bottomFooterLinks::after { left: 0px; content: var(--tw-content); top: 0px; }
.bottomFooterContent.bottomFooterCtrl .bottomFooterLinks.externalLink { font-weight: 300; line-height: 14px; font-size: 10px; }
.animalWelfareStyle { grid-area: 2 / span 2 / auto / span 2; padding-left: 1.5rem; color: var(--colorButtonPrimaryForegroundEnabled); }
@media (min-width: 1024px) {
  .animalWelfareStyle { padding-left: 0px; }
}
.responClosure { grid-area: 2 / span 3 / auto / span 3; margin-left: -2rem; color: var(--colorButtonPrimaryForegroundEnabled); }
@media (min-width: 1024px) {
  .responClosure { margin-left: 0px; }
}
@media (min-width: 640px) {
  .subFooterContainer { max-width: 640px; }
}
@media (min-width: 768px) {
  .subFooterContainer { max-width: 768px; }
}
@media (min-width: 1024px) {
  .subFooterContainer { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .subFooterContainer { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .subFooterContainer { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .subFooterContainer { max-width: 1536px; }
}
.site-map .subFooterContainer { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .subFooterContainer { flex-direction: row; }
}
.site-map .subFooterContainer .leftColumn .level-1, .site-map .subFooterContainer .leftColumn .level-2, .site-map .subFooterContainer .leftColumn .level-3, .site-map .subFooterContainer .rightColumn .level-1, .site-map .subFooterContainer .rightColumn .level-2, .site-map .subFooterContainer .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .subFooterContainer .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .subFooterContainer .level-2, .site-map .subFooterContainer .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .subFooterContainer .rightColumn { background-color: transparent; }
.site-map .subFooterContainer .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .subFooterContainer .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .subFooterContainer .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .subFooterContainer .camelCaseClass { text-transform: capitalize; }
.site-map .subFooterContainer .lowerCaseClass { text-transform: lowercase; }
.site-map .subFooterContainer h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.subFooterContainer { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .subFooterContainer { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .subFooterContainer { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .subFooterContainer .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .subFooterContainer .leftColumn { width: 50%; }
}
.site-map .subFooterContainer .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .subFooterContainer .leftColumn .level-1 { padding: 0px; }
.site-map .subFooterContainer .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .subFooterContainer .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .subFooterContainer .rightColumn { width: 50%; }
}
.site-map .subFooterContainer .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .subFooterContainer .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .subFooterContainer .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .subFooterContainer .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .subFooterContainer .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.subFooterContainer { margin-left: auto; margin-right: auto; gap: 3rem; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .subFooterContainer { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .subFooterContainer { max-width: 1440px; }
}
.subFooterContainer { width: 100%; margin-inline: auto; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .subFooterContainer { display: flex; flex-direction: row; align-items: baseline; justify-content: space-between; padding-left: 72px; padding-right: 72px; }
}
.subFooterContainer .signUp { justify-content: flex-end; }
.subFooter { height: 360px; background-image: url("../scraped_assets/images/bg-footer-mobile.16d2040f.svg"); padding: 3.5rem 1.25rem; width: 100%; background-size: cover; background-repeat: no-repeat; }
@media (min-width: 1024px) {
  .subFooter { display: flex; height: 230px; align-items: center; background-image: url("../scraped_assets/images/bg-footer-desktop.1740607e.svg"); padding-left: 0px; padding-right: 0px; }
}
.ftrFirstLevel { margin-left: auto; margin-right: auto; padding-top: 1.5rem; margin-inline: auto; }
@media (min-width: 1024px) {
  .ftrFirstLevel { padding-top: 0px; }
}
.footerDivider .externalLink { display: inline-flex !important; }
.genericLoaderContainer { padding: 1.5rem 1.25rem; }
@media (min-width: 1024px) {
  .genericLoaderContainer { padding: 3.5rem 72px 26px; }
}
.genericLoaderNav { margin-bottom: 1.5rem; height: 30px; border-radius: 0.5rem; background-color: var(--colorBackgroundNeutralDim); width: 100%; border-style: var(--tw-border-style); border-width: 1px; }
@media (min-width: 1024px) {
  .genericLoaderNav { margin-bottom: 2.75rem; }
}
.genericLoaderSection { gap: 1.5rem; display: grid; grid-template-columns: repeat(1, minmax(0px, 1fr)); }
@media (min-width: 1024px) {
  .genericLoaderSection { grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 2.75rem; }
}
@keyframes pulse { 
  50% { opacity: 0.5; }
}
.genericLoaderCard { animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running pulse; border-radius: 0.5rem; }
.genericLoaderBar1 { margin-bottom: 25px; height: 202px; align-items: center; justify-content: center; }
.genericLoaderBar1, .imageLoader { border-radius: 0.5rem; background-color: var(--colorBackgroundNeutralDim); }
.pdpTextLoader { margin: 0.5rem; height: 1rem; }
.genericLoaderBar2, .pdpTextLoader { border-radius: 0.125rem; background-color: var(--colorBackgroundNeutralDim); }
.genericLoaderBar2 { margin-bottom: 0.625rem; height: 0.625rem; }
.genericLoaderBar3 { width: 90%; }
.genericLoaderBar3, .genericLoaderBar4 { margin-bottom: 0.625rem; height: 0.625rem; border-radius: 0.125rem; background-color: var(--colorBackgroundNeutralDim); }
.genericLoaderBar4 { width: 95%; }
.genericLoaderBar5 { height: 0.625rem; border-radius: 0.125rem; background-color: var(--colorBackgroundNeutralDim); }
.bannerShimmer { height: 15rem; }
.bannerShimmer, .checkoutShimmer .pickupShimmer .first { border-radius: 0.25rem; background-color: var(--colorBackgroundNeutralDim); }
.checkoutShimmer .pickupShimmer .\!first, .checkoutShimmer .pickupShimmer .first { margin-bottom: 1rem; height: 1rem; width: 6rem; }
.checkoutShimmer .pickupShimmer .\!first { border-radius: 0.25rem; background-color: var(--colorBackgroundNeutralDim); }
.checkoutShimmer .pickupShimmer .second { margin-bottom: 1rem; height: 1rem; width: 50%; background-color: var(--colorBackgroundNeutralDim); }
.checkoutShimmer .pickupShimmer .third { margin-bottom: 2rem; height: 1rem; border-radius: 0.25rem; background-color: var(--colorBackgroundNeutralDim); }
.checkoutShimmer .pickuplocation .\!first, .checkoutShimmer .pickuplocation .first { margin-bottom: 1rem; height: 1rem; width: 25%; background-color: var(--colorBackgroundNeutralDim); }
.checkoutShimmer .pickuplocation .second { margin-bottom: 2rem; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 0.75rem; display: flex; }
.checkoutShimmer .pickuplocation .third { height: 1rem; width: 1rem; background-color: var(--colorBackgroundNeutralDim); grid-column: span 1 / span 1; border-radius: calc(infinity * 1px); }
.checkoutShimmer .four { width: 10rem; }
.checkoutShimmer .four, .checkoutShimmer .pickuplocation .five { height: 1rem; border-radius: 0.25rem; background-color: var(--colorBackgroundNeutralDim); grid-column: span 1 / span 1; }
.checkoutShimmer .pickuplocation .five { width: 6rem; }
.checkoutShimmer .openTime { margin-bottom: 3rem; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0.75rem; display: flex; }
.checkoutShimmer .\!rewards, .checkoutShimmer .rewards { margin-bottom: 4rem; height: 18rem; border-radius: 0.25rem; background-color: var(--colorBackgroundNeutralDim); grid-column: span 1 / span 1; width: 100%; }
.cartShimmer .\!rewards .one, .cartShimmer .rewards .one { margin-top: 1rem; height: 4rem; border-radius: 0.25rem; background-color: var(--colorBackgroundNeutralDim); grid-column: span 1 / span 1; width: 100%; }
.checkoutShimmer .feedback { margin-bottom: 8rem; display: flex; flex-direction: column; align-items: center; }
.checkoutShimmer .feedback .one { margin-bottom: 1rem; height: 1rem; width: 8rem; background-color: var(--colorBackgroundNeutralDim); text-align: center; }
.checkoutShimmer .feedback .two { height: 1rem; width: 14rem; background-color: var(--colorBackgroundNeutralDim); }
.checkoutShimmer .orderConfirmRight .CartLineItem .LineItemIcon { margin-top: 0px !important; }
.personalInfoFormContainer .checkoutShimmer .orderConfirmRight { width: 100%; }
@media (min-width: 1024px) {
  .personalInfoFormContainer .checkoutShimmer .orderConfirmRight { margin-left: auto; margin-right: auto; }
}
.checkoutShimmer .orderConfirmRight { padding-bottom: 3rem; padding-top: 0px; }
@media (min-width: 1024px) {
  .checkoutShimmer .orderConfirmRight { flex-basis: 45%; }
}
.checkoutShimmer .orderConfirmRight .accordionHeader svg { height: 1.5rem; width: 1.5rem; }
.checkoutShimmer .orderConfirmRight .accordionHeader { --tw-bg-opacity: 1; background-color: rgb(221 220 216/var(--tw-bg-opacity)); }
.checkoutShimmer .orderConfirmRight .totalContent { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
.checkoutShimmer .orderConfirmRight .totalContent .cardInner { margin-right: 0.75rem; }
.groupOrderConfirmationWrapper .groupOrderConfirmationContainer .checkoutShimmer .orderConfirmRight { gap: 2.25rem; padding-bottom: 3rem; }
@media (min-width: 1024px) {
  .groupOrderConfirmationWrapper .groupOrderConfirmationContainer .checkoutShimmer .orderConfirmRight { padding-bottom: 0px; }
}
.groupOrderConfirmationWrapper .groupOrderConfirmationContainer .checkoutShimmer .orderConfirmRight .orderDetailsAccordion .yourOrderAccount, .groupOrderConfirmationWrapper .groupOrderConfirmationContainer .checkoutShimmer .orderConfirmRight .orderDetailsAccordionDefault .yourOrderAccount { text-align: left; }
.groupOrderConfirmationWrapper .groupOrderConfirmationContainer .checkoutShimmer .orderConfirmRight .orderDetailsAccordion .price, .groupOrderConfirmationWrapper .groupOrderConfirmationContainer .checkoutShimmer .orderConfirmRight .orderDetailsAccordion .productName, .groupOrderConfirmationWrapper .groupOrderConfirmationContainer .checkoutShimmer .orderConfirmRight .orderDetailsAccordionDefault .price, .groupOrderConfirmationWrapper .groupOrderConfirmationContainer .checkoutShimmer .orderConfirmRight .orderDetailsAccordionDefault .productName { padding-top: 0px; display: flex; align-items: center; }
.groupOrderConfirmationWrapper .checkoutShimmer .orderConfirmRight { flex-basis: auto; display: flex; flex-direction: column; justify-content: flex-start; text-align: center; }
@media (min-width: 1024px) {
  .groupOrderConfirmationWrapper .checkoutShimmer .orderConfirmRight { width: 636px; }
}
.groupOrderConfirmationWrapper .checkoutShimmer .orderConfirmRight button { margin-left: 1rem; margin-right: 1rem; font-family: var(--fontFamiliesPrimary); }
@media (min-width: 1024px) {
  .groupOrderConfirmationWrapper .checkoutShimmer .orderConfirmRight button { margin-left: auto; margin-right: auto; }
}
.groupOrderConfirmationWrapper .checkoutShimmer .orderConfirmRight button.accordionHeader { font-family: var(--fontFamiliesBody); }
.checkoutShimmer .orderConfirmRight .accordionHeader { border-color: var(--colorBaseAlpha300); background-color: var(--colorBaseLightBeige500); }
.checkoutShimmer .orderConfirmRight .accordionHeadContent { font-size: var(--fontSizeFontSizeRg); font-weight: 400; color: var(--colorBaseOffBlack500); }
.checkoutShimmer .orderConfirmRight { padding-bottom: 6rem; }
.orderHeaderWrapper .checkoutShimmer .orderConfirmRight { padding-bottom: 1.5rem; }
@media (min-width: 1024px) {
  .orderHeaderWrapper .checkoutShimmer .orderConfirmRight { padding-bottom: 4rem; }
}
.orderHeaderWrapper .checkoutShimmer .orderConfirmRight .accordionContainer:last-child .orderDetailWrapper.orderDetailsAccordion { padding-top: 0px; padding-bottom: 0px; }
.orderHeaderWrapper .checkoutShimmer .orderConfirmRight .accordionContainer:first-child .orderDetailWrapper.orderDetailsAccordion { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.orderHeaderWrapper .checkoutShimmer .orderConfirmRight .accordionContainer .accordioncontent .accordionHeader .accordionHeadContent .itemCount { padding-left: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; }
.orderHeaderWrapper .checkoutShimmer .orderConfirmRight .accordionContainer .orderDetailWrapper.orderDetailsAccordion { padding: 15px 1.25rem; }
.orderHeaderWrapper .checkoutShimmer .orderConfirmRight .accordionContainer .orderDetailWrapper .orderDetail { padding: 0px; }
.orderHeaderWrapper .checkoutShimmer .orderConfirmRight .accordionContainer .orderDetailWrapper .orderDetail .orderDetailHeader { padding-bottom: 1rem; }
.orderHeaderWrapper .checkoutShimmer .orderConfirmRight .accordionContainer .orderDetailWrapper .orderDetail .orderDetailTime { padding-bottom: 1rem; line-height: 21.82px; }
.orderHeaderWrapper .checkoutShimmer .orderConfirmRight .accordionContainer .orderDetailWrapper .orderDetail .orderemail { padding-top: 0.25rem; line-height: 1.5rem; }
.orderHeaderWrapper .checkoutShimmer .orderConfirmRight .accordionContainer .orderDetailWrapper .orderDetail .orderphone { line-height: 1.5rem; }
.orderHeaderWrapper .checkoutShimmer .orderConfirmRight .accordionContainer .orderDetailWrapper .payDetail { padding-left: 0px; padding-right: 0px; }
.orderHeaderWrapper .checkoutShimmer .orderConfirmRight .accordionContainer .orderDetailWrapper .payDetail .cardInner { background-color: var(--colorBaseAlpha100); }
.orderHeaderWrapper .checkoutShimmer .orderConfirmRight .accordionContainer .orderDetailWrapper .payDetail .rewardsInfo { padding-bottom: 1rem; padding-top: 1.25rem; }
.orderHeaderWrapper .checkoutShimmer .orderConfirmRight .orderDetailsAccordionDefault .totalContent { border-color: var(--colorBaseAlpha300); }
.orderHeaderWrapper .checkoutShimmer .orderConfirmRight .subProductItem { padding-bottom: 1rem; }
.orderHeaderWrapper .checkoutShimmer .orderConfirmRight .bogoProductImg, .orderHeaderWrapper .checkoutShimmer .orderConfirmRight .subProductItemImg { border-radius: 0.5rem; height: 78px; width: 104px; overflow: hidden; }
.orderHeaderWrapper .checkoutShimmer .orderConfirmRight .bogoProductImg img, .orderHeaderWrapper .checkoutShimmer .orderConfirmRight .subProductItemImg img { height: 100%; width: 100%; }
.groupOrderConfirmationWrapper .orderHeaderWrapper .checkoutShimmer .orderConfirmRight .accordionContainer:first-child .orderDetailWrapper { padding: 0px 0px 1.75rem; }
.groupOrderConfirmationWrapper .orderHeaderWrapper .checkoutShimmer .orderConfirmRight .accordionContainer .orderDetailWrapper .productOrderhistoryDetails .subOrderDishContainer:last-child .yourOrderInformationContainer:last-child .yourOrderInformation:last-child { padding-bottom: 1.25rem; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.checkoutShimmer .orderConfirmRight .accordionContainer .orderDetailWrapper .productOrderhistoryDetails { border-color: var(--colorBaseAlpha200); --tw-border-style: solid; border-style: solid; }
.checkoutShimmer .orderConfirmRight .accordionContainer .orderDetailWrapper .productOrderhistoryDetails:last-child { --tw-border-style: none; border-style: none; }
.checkoutShimmer .orderConfirmRight .accordionContainer .orderDetailWrapper .productOrderhistoryDetails .yourOrderAccount { padding-left: 0px; }
.checkoutShimmer .orderConfirmRight .accordionContainer .orderDetailWrapper .productOrderhistoryDetails .dishContainer.orderDishContainer { border-top-width: 0px; }
.checkoutShimmer .orderConfirmRight .accordionContainer .orderDetailWrapper .productOrderhistoryDetails .subOrderDishContainer:last-child .yourOrderInformationContainer:last-child .yourOrderInformation:last-child { border-bottom-width: 1px; padding-bottom: 0.25rem; }
.checkoutShimmer .orderConfirmRight .accordionContainer .orderDetailWrapper .productOrderhistoryDetails:last-child .subOrderDishContainer .yourOrderInformationContainer { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
.personalInfoFormContainer .checkoutShimmer .orderConfirmRight .productOrderhistoryDetails .subOrderDishContainer { border-color: var(--colorBaseAlpha200); --tw-border-style: solid; border-style: solid; }
.groupOrderConfirmationContainer .checkoutShimmer .orderConfirmRight button { font-family: BrooklynSamuelsThreeBold; }
.checkoutShimmer .orderConfirmRight { gap: 0.25rem; display: flex; flex-direction: column; }
.checkoutShimmer .orderConfirmRight .one { height: 4rem; border-radius: 0.25rem; background-color: var(--colorBackgroundNeutralDim); grid-column: span 1 / span 1; width: 100%; }
.staticLoaderSection { gap: 1.5rem; display: grid; }
@media (min-width: 1024px) {
  .staticLoaderSection { row-gap: 2.75rem; }
}
.staticLoaderBar1 { margin-bottom: 25px; border-radius: 0.5rem; background-color: var(--colorBackgroundNeutralDim); height: 346px; align-items: center; justify-content: center; }
.staticLoaderBar2 { margin: auto auto 25px; height: 2rem; width: 33.3333%; }
.staticLoaderBar2, .staticLoaderBar3, .staticLoaderBar4, .staticLoaderBar5 { min-width: 20rem; background-color: var(--colorBackgroundNeutralDim); align-items: center; justify-content: center; }
.staticLoaderBar3, .staticLoaderBar4, .staticLoaderBar5 { margin: auto auto 10px; height: 0.5rem; width: 50%; }
.skeletonCardLoader { padding: 1.5rem 1.25rem; }
@media (min-width: 1024px) {
  .skeletonCardLoader { padding: 4rem 72px; }
}
.largeSkeleton { margin-bottom: 1.5rem; background-color: var(--colorBackgroundNeutralDim); height: 175px; width: 100%; }
.largeSkeleton::after { content: var(--tw-content); background-image: none; }
@media (min-width: 1024px) {
  .largeSkeleton { margin-bottom: 4rem; height: 471px; }
  .largeSkeleton::after { border-bottom-width: 4px; content: var(--tw-content); border-color: var(--colorPrimary500); }
}
.smallSkeleton { margin-bottom: 42px; height: 14px; background-color: var(--colorBackgroundNeutralDim); width: 100%; }
@media (min-width: 1024px) {
  .smallSkeleton { margin-bottom: 4rem; height: 116px; border-radius: 0.5rem; }
}
.flexSkeleton { gap: 1.5rem; padding-bottom: 1rem; display: flex; justify-content: space-between; }
@media (min-width: 1024px) {
  .flexSkeleton { padding-bottom: 4rem; }
}
.flexSkeleton div { height: 149px; background-color: var(--colorBackgroundNeutralDim); }
.flexSkeleton div:first-child { width: 416px; }
.flexSkeleton div:last-child { width: calc(100% - 440px); }
@media (min-width: 1024px) {
  .flexSkeleton div { height: 428px; border-radius: 0.5rem; }
}
.mediumSkeleton { margin-bottom: 2rem; height: 1.5rem; background-color: var(--colorBackgroundNeutralDim); width: 100%; }
@media (min-width: 1024px) {
  .mediumSkeleton { display: none; }
}
.rewardLoader .genericLoaderSection { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 1rem; padding-top: 1.5rem; }
@media (min-width: 1024px) {
  .rewardLoader .genericLoaderSection { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
}
.rewardLoader .genericLoaderBar1 { margin-bottom: 0px; height: 180px; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.hamburgerBottom, .rewardLoader .genericLoaderBar2, .rewardLoader .genericLoaderBar3, .rewardLoader .genericLoaderBar4, .rewardLoader .genericLoaderBar5 { display: none; }
.hamburgerBottom { bottom: 0px; left: 0px; right: 0px; gap: 0.5rem; background-color: var(--colorBackgroundNeutralDim); padding: 2rem 1.25rem 2.25rem; position: absolute; display: flex; flex-direction: column; }
.hamburgerBottom::before { position: absolute; top: -11px; left: 0px; height: 0.75rem; width: 100%; background-image: url("../scraped_assets/images/hamburger-texture.c0a69dfd.svg"); content: var(--tw-content); background-repeat: repeat-x; }
@media (min-width: 1024px) {
  .hamburgerBottom { display: none; padding-bottom: 3rem; }
}
.hamburgerBottom button { height: 3rem; width: 100%; }
.signinNavBarContainer { display: block; overflow-y: auto; }
@media (min-width: 1024px) {
  .signinNavBarContainer { display: flex; height: auto; overflow: visible; }
}
@media only screen and (max-width: 1023px) {
  .signinNavBarContainer { height: calc(100dvh - 350px); }
}
.signoutNavBarContainer { overflow: hidden auto; display: block; }
@media (min-width: 1024px) {
  .signoutNavBarContainer { display: flex; height: auto; overflow: visible; }
}
@media only screen and (max-width: 1024px) {
  .signoutNavBarContainer { height: calc(100dvh - 200px); }
}
.signinHamburgerBottom { bottom: 0px; left: 0px; right: 0px; gap: 0.5rem; background-color: var(--colorBackgroundNeutralBase); padding-left: 1.25rem; padding-right: 1.25rem; padding-bottom: 2.25rem; position: fixed; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .signinHamburgerBottom { display: none; padding-top: 1.25rem; }
}
.signinHamburgerBottom button { height: 3rem; width: 100%; }
.hamburgerBottomIntroText { margin-bottom: 0.5rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: var(--typographyBodyPrimaryRegularFontWeight); line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); text-align: center; }
.hamburgerrewards { border-color: var(--colorForegroundBorderBrighter); padding-bottom: 2rem; padding-top: 1.5rem; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.hamburgerrewards .menuSearchBtn { padding-top: 0.5rem; padding-bottom: 0.5rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeXs); }
.hamburgerText { padding-left: 2rem; padding-right: 2rem; padding-bottom: 1.75rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: 400; line-height: var(--lineHeightsMd); text-align: center; }
.hamburgerRewardPoints #img_hamburger_left { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.navBarResponsiveContainer { height: 83px; gap: 1rem; border-color: var(--colorForegroundBorderBrighter); padding-top: 1.25rem; padding-bottom: 1.25rem; padding-right: 0.75rem; display: inline-flex; width: 100%; align-items: center; justify-content: flex-start; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
@media (min-width: 1024px) {
  .navBarResponsiveContainer { height: auto; width: auto; border-width: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; }
}
.navBarResponsiveContainer.hideLink { display: none; }
.navLinksResponsiveIcon { margin-right: 1rem; height: 1.5rem; width: 2.25rem; padding-left: 0.75rem; display: flex; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .navLinksResponsiveIcon { display: none; }
}
.navLinksResponsiveIcon svg path { fill: var(--colorBaseOffBlack500); }
.navLinksContainer { gap: 1rem; display: flex; align-items: center; }
.navLinkItem, .navLinksContainer { flex: 1 1 0px; justify-content: flex-start; }
.navLinkItem { font-family: var(--fontFamiliesPrimary); font-size: var(--typographyHeadlineSmallFontSize); line-height: 18px; position: relative; display: inline-flex; cursor: pointer; flex-direction: column; align-items: flex-start; }
@media (min-width: 768px) {
  .navLinkItem { line-height: 2rem; }
}
.navLinkItemHoverStyle { pointer-events: none; position: relative; display: flex; width: 100%; }
@media (min-width: 1024px) {
  .navLinkItemHoverStyle { pointer-events: auto; width: auto; flex: 0 0 auto; }
  .navLinkItemHoverStyle.\!active::after, .navLinkItemHoverStyle.active::after, .navLinkItemHoverStyle:hover::after { position: absolute; bottom: 0px; display: block; width: 100%; border-bottom-width: 4px; content: var(--tw-content); border-bottom-color: var(--colorBackgroundBrandSecondary); }
}
.navLinkResponsiveRightArrowIcon { height: 1.5rem; width: 1.5rem; gap: 0.25rem; display: inline-flex; align-items: center; justify-content: flex-start; }
@media (min-width: 1024px) {
  .navLinkResponsiveRightArrowIcon { display: none; }
}
.headerNavTag { height: 95px; border-color: var(--colorDividerDim); background-color: var(--colorBackgroundNeutralBase); display: flex; width: 100%; align-items: center; justify-content: space-between; }
@media (min-width: 1024px) {
  .headerNavTag { border-bottom-width: 1px; }
}
.headerNavTag.noLocationSelected { position: relative; }
.headerNavTag.bannerUnavailWrapper { height: 10rem; }
.headerNavTag.bannerUnavailWrapper .headerNavContainer { top: 4rem; }
.headerNavTag.orderNotAvailable { height: 158px; }
.headerNavTag.orderNotAvailable .headerNavContainer { top: 0px; background-color: var(--colorBackgroundNeutralBase); padding: 0px 0px 0.5rem; position: fixed; z-index: 30; width: 100%; }
@media (min-width: 1024px) {
  .headerNavTag.orderNotAvailable .headerNavContainer { border-bottom-width: var(--borderWidthHairline); border-color: var(--colorBaseAlpha300); padding-bottom: 1rem; }
}
@media (min-width: 640px) {
  .headerNavTag.orderNotAvailable .headerNavInner { max-width: 640px; }
}
@media (min-width: 768px) {
  .headerNavTag.orderNotAvailable .headerNavInner { max-width: 768px; }
}
@media (min-width: 1024px) {
  .headerNavTag.orderNotAvailable .headerNavInner { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .headerNavTag.orderNotAvailable .headerNavInner { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .headerNavTag.orderNotAvailable .headerNavInner { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .headerNavTag.orderNotAvailable .headerNavInner { max-width: 1536px; }
}
.site-map .headerNavTag.orderNotAvailable .headerNavInner { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .headerNavTag.orderNotAvailable .headerNavInner { flex-direction: row; }
}
.site-map .headerNavTag.orderNotAvailable .headerNavInner .leftColumn .level-1, .site-map .headerNavTag.orderNotAvailable .headerNavInner .leftColumn .level-2, .site-map .headerNavTag.orderNotAvailable .headerNavInner .leftColumn .level-3, .site-map .headerNavTag.orderNotAvailable .headerNavInner .rightColumn .level-1, .site-map .headerNavTag.orderNotAvailable .headerNavInner .rightColumn .level-2, .site-map .headerNavTag.orderNotAvailable .headerNavInner .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .headerNavTag.orderNotAvailable .headerNavInner .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .headerNavTag.orderNotAvailable .headerNavInner .level-2, .site-map .headerNavTag.orderNotAvailable .headerNavInner .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .headerNavTag.orderNotAvailable .headerNavInner .rightColumn { background-color: transparent; }
.site-map .headerNavTag.orderNotAvailable .headerNavInner .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .headerNavTag.orderNotAvailable .headerNavInner .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .headerNavTag.orderNotAvailable .headerNavInner .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .headerNavTag.orderNotAvailable .headerNavInner .camelCaseClass { text-transform: capitalize; }
.site-map .headerNavTag.orderNotAvailable .headerNavInner .lowerCaseClass { text-transform: lowercase; }
.site-map .headerNavTag.orderNotAvailable .headerNavInner h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.headerNavTag.orderNotAvailable .headerNavInner { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .headerNavTag.orderNotAvailable .headerNavInner { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .headerNavTag.orderNotAvailable .headerNavInner { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .headerNavTag.orderNotAvailable .headerNavInner .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .headerNavTag.orderNotAvailable .headerNavInner .leftColumn { width: 50%; }
}
.site-map .headerNavTag.orderNotAvailable .headerNavInner .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .headerNavTag.orderNotAvailable .headerNavInner .leftColumn .level-1 { padding: 0px; }
.site-map .headerNavTag.orderNotAvailable .headerNavInner .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .headerNavTag.orderNotAvailable .headerNavInner .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .headerNavTag.orderNotAvailable .headerNavInner .rightColumn { width: 50%; }
}
.site-map .headerNavTag.orderNotAvailable .headerNavInner .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .headerNavTag.orderNotAvailable .headerNavInner .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .headerNavTag.orderNotAvailable .headerNavInner .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .headerNavTag.orderNotAvailable .headerNavInner .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .headerNavTag.orderNotAvailable .headerNavInner .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.headerNavTag.orderNotAvailable .headerNavInner { margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .headerNavTag.orderNotAvailable .headerNavInner { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .headerNavTag.orderNotAvailable .headerNavInner { max-width: 1440px; }
}
.headerNavTag.orderNotAvailable .headerNavInner { width: 100%; margin-inline: auto; display: flex; align-items: center; justify-content: space-between; }
@media (min-width: 1024px) {
  .headerNavTag.orderNotAvailable .headerNavInner { padding-left: 0px; padding-right: 0px; }
}
.appOpenPopup + .headerNavTag.noLocationSelected { position: sticky; }
@media (min-width: 1024px) {
  .pdpLanding.orderNotAvailablePdp .productImage { top: 237px; }
  .pdpLanding.orderNotAvailablePdp .stickyName { top: 234px; }
}
.pdpLanding.orderNotAvailablePdp.pdpLandingBg::before { content: var(--tw-content); top: 195px; }
.stickyName .tacoStepper ul li { z-index: 0; margin-left: -24px; border-color: var(--colorBaseAlpha300); background-color: var(--colorBaseOffWhite500); padding: 7px 12px 7px 28px; font-family: var(--fontFamiliesBody); line-height: 1.5; display: flex; width: 100%; align-items: center; border-radius: 15px; border-style: var(--tw-border-style); border-width: 1px; font-size: 16px; }
@media (min-width: 1024px) {
  .stickyName .tacoStepper ul li { padding-right: 0.25rem; }
}
@media (min-width: 1440px) {
  .stickyName .tacoStepper ul li { padding-right: 20px; }
}
.stickyName .tacoStepper ul li.added { border-color: var(--colorPrimary600); background-color: var(--colorPrimary600); color: var(--colorBaseAlpha50); border-style: var(--tw-border-style); border-width: 2px; }
.stickyName .tacoStepper ul li.added span { background-color: var(--colorBaseOffWhite500); color: var(--color-primary-900); }
.stickyName .tacoStepper ul li.\!active, .stickyName .tacoStepper ul li.active { border-color: var(--colorPrimary600); border-style: var(--tw-border-style); border-width: 2px; }
.stickyName .tacoStepper ul li.\!active span, .stickyName .tacoStepper ul li.active span { border-color: var(--colorPrimary600); background-color: var(--colorPrimary600); color: var(--colorBaseAlpha50); }
.stickyName .tacoStepper ul li.\!active.added, .stickyName .tacoStepper ul li.active.added, .stickyName .tacoStepper ul li.added.\!active, .stickyName .tacoStepper ul li.added.active { background-color: var(--colorBaseOffWhite500); color: var(--colorBaseOffBlack500); }
.stickyName .tacoStepper ul li span { margin-right: 6px; border-color: var(--colorBaseAlpha300); padding: 4px 10px; font-weight: 500; line-height: 21px; color: var(--colorBaseOffBlack500); border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 1px; font-size: 14px; }
@media (min-width: 1024px) {
  .stickyName .tacoStepper ul li span { margin-right: 10px; padding: 7px 14px; }
}
.stickyName .tacoStepper ul li:first-child { left: 0px; margin-left: 0px; padding-left: 10px; z-index: 10; }
@media (min-width: 1024px) {
  .stickyName .tacoStepper ul li:first-child { padding-left: 22px; }
}
.stickyName .tacoStepper ul li:nth-child(2) { z-index: 9; }
.headerNavContainer { top: 0px; background-color: var(--colorBackgroundNeutralBase); padding: 1.5rem 1.25rem; position: fixed; z-index: 30; width: 100%; }
@media (min-width: 1024px) {
  .headerNavContainer { border-bottom-width: var(--borderWidthHairline); border-color: var(--colorBaseAlpha300); padding: 1rem 0px; }
  .headerNavContainer .headerNavInner { padding-left: 0px; padding-right: 0px; }
}
@media (min-width: 1440px) {
  .headerNavContainer .headerNavInner { padding-left: 72px; padding-right: 72px; }
}
@media (min-width: 640px) {
  .headerNavInner { max-width: 640px; }
}
@media (min-width: 768px) {
  .headerNavInner { max-width: 768px; }
}
@media (min-width: 1024px) {
  .headerNavInner { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .headerNavInner { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .headerNavInner { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .headerNavInner { max-width: 1536px; }
}
.site-map .headerNavInner { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .headerNavInner { flex-direction: row; }
}
.site-map .headerNavInner .leftColumn .level-1, .site-map .headerNavInner .leftColumn .level-2, .site-map .headerNavInner .leftColumn .level-3, .site-map .headerNavInner .rightColumn .level-1, .site-map .headerNavInner .rightColumn .level-2, .site-map .headerNavInner .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .headerNavInner .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .headerNavInner .level-2, .site-map .headerNavInner .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .headerNavInner .rightColumn { background-color: transparent; }
.site-map .headerNavInner .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .headerNavInner .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .headerNavInner .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .headerNavInner .camelCaseClass { text-transform: capitalize; }
.site-map .headerNavInner .lowerCaseClass { text-transform: lowercase; }
.site-map .headerNavInner h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.headerNavInner { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .headerNavInner { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .headerNavInner { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .headerNavInner .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .headerNavInner .leftColumn { width: 50%; }
}
.site-map .headerNavInner .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .headerNavInner .leftColumn .level-1 { padding: 0px; }
.site-map .headerNavInner .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .headerNavInner .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .headerNavInner .rightColumn { width: 50%; }
}
.site-map .headerNavInner .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .headerNavInner .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .headerNavInner .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .headerNavInner .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .headerNavInner .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.headerNavInner { margin-left: auto; margin-right: auto; grid-template-columns: repeat(3, minmax(0px, 1fr)); }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .headerNavInner { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .headerNavInner { max-width: 1440px; }
}
.headerNavInner { width: 100%; margin-inline: auto; display: grid; align-items: center; justify-content: space-between; }
@media (min-width: 1024px) {
  .headerNavInner { display: flex; padding-left: 72px; padding-right: 72px; }
}
.headerNavInner.NavLoading .headerActions { width: 100%; }
.navBarResponsiveContainerWrapper { padding-left: 1.25rem; padding-right: 1.25rem; display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
@media (min-width: 1024px) {
  .navBarResponsiveContainerWrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 2.25rem; padding-left: 0px; padding-right: 0px; }
}
.accountLocationName { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); }
@media (min-width: 1024px) {
  .accountLocationName { font-size: var(--fontSizeFontSizeLg); }
}
.brandLogoContainer { display: flex; cursor: pointer; justify-content: center; }
@media (min-width: 1024px) {
  .brandLogoContainer { order: -9999; justify-content: normal; }
}
.brandLogoContainer :focus-visible { outline-style: solid; }
.brandLogoContainer :focus { outline: transparent none 2px; outline-offset: 2px; --tw-outline-style: none; }
.brandLogoContainer img, .brandLogoContainer svg { width: 72px; }
@media (min-width: 1024px) {
  .brandLogoContainer img, .brandLogoContainer svg { width: 91px; }
}
.brandLogoResponsive { height: 3rem; width: 72px; }
.leftArrowResponsive { width: 3rem; flex-basis: 45%; display: flex; align-items: center; justify-content: flex-start; }
.headerNavContainerResponsive { height: 6rem; border-color: var(--colorDividerDim); --tw-border-opacity: 0.2; padding: 1.5rem 1.25rem 1.25rem; display: inline-flex; align-items: center; justify-content: flex-start; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
@media (min-width: 1024px) {
  .headerNavContainerResponsive { display: none; }
}
.hamburgerResponsiveVertical { inset: 0px; height: 100dvh; background-color: var(--colorBackgroundNeutralBase); position: fixed; z-index: 10; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .hamburgerResponsiveVertical { z-index: auto; }
  .signoutNavBarContainer .with_cart_header { display: none; }
}
.signoutNavBarContainer .with_cart_header .rewardsTabContainer { display: none; }
.signoutNavBarContainer .with_cart_header .RewardMaintenance { min-height: 230px; }
.signinNavBarContainer .with_cart_header { display: none; }
.mobileAppStorePromoModal { margin: 0.5rem; border-radius: 1rem; border-color: var(--color-foreground-content-subtle-inverse-pressed); background-color: var(--colorBackgroundNeutralBase); padding: 0.75rem 10px; position: relative; display: flex; border-style: var(--tw-border-style); border-width: 1px; }
.mobileAppStorePromoModal .subMobileStoreModal { width: 100%; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.mobileAppStorePromoModal .subMobileStoreModal .mobileStorePromoModalCloseBtn { display: none; }
.mobileAppStorePromoModal .subMobileStoreModal .mobileStorePromoModalCloseBtn { right: 10px; top: 10px; height: 10px; width: 10px; min-width: min-content; padding: 0.25rem; position: absolute; border-radius: calc(infinity * 1px); }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.mobileAppStorePromoModal .appDownload .appDownloadStores { display: none; }
.mobileAppStorePromoModal .appDownload .appDownloadStores { right: 2.25rem; position: absolute; }
.headerActions { min-width: min-content; display: flex; align-items: center; justify-content: flex-end; text-align: right; }
@media (min-width: 1024px) {
  .headerActions { gap: 1rem; }
}
.headerActions .startOrderButtonStyle { width: 116px; }
@media (min-width: 1024px) {
  .headerActions .startOrderButtonStyle { width: auto; }
}
.startOrderButtonStyle { height: 2rem; font-size: var(--typographyButtonPrimarySmallFontSize); line-height: 14.4px; width: 100%; }
@media (min-width: 1024px) {
  .startOrderButtonStyle { height: 3rem; font-size: var(--typographyButtonPrimaryLargeFontSize); line-height: 19.2px; }
}
.profileIconAuthenticated { height: 3rem; width: 3rem; display: none; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .profileIconAuthenticated { display: flex; }
}
.floating-container { position: relative; z-index: 0; display: flex; width: 100%; align-items: center; justify-content: space-between; }
.floating-container input:is(:-webkit-autofill, :-webkit-autofill) ~ label { --tw-translate-y: -1.5rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.floating-container input:is(:-webkit-autofill, :autofill) ~ label { --tw-translate-y: -1.5rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.floating-container .resetPasswordLink { display: none; }
.floating-container .resetPasswordLink { right: 0px; font-family: var(--fontFamiliesBody); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsRg); position: absolute; --tw-leading: --lineHeightsRg; }
.floatingInputField, .inputField { margin-top: 0.25rem; border-bottom-width: 1px; border-color: var(--colorFormFieldsBorderEnabled); padding: 0.625rem 0px; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: var(--typographyBodyPrimaryBoldFontWeight); color: var(--colorFormFieldsForegroundEnabled); display: block; width: 100%; appearance: none; background-color: transparent; --tw-leading: 22px; line-height: 22px; }
.floatingInputField:focus, .inputField:focus { border-color: var(--colorFormFieldsBorderEnabled); outline: transparent solid 2px; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); }
.floating-container .floatingInputField { margin-top: 0.5rem; padding-right: 1.5rem; color: var(--colorForegroundBorderDim); }
.floatingInputField.invalid { border-color: var(--colorFormFieldsBorderError); color: var(--colorFormFieldsForegroundError); border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.fbr-floating-label { display: none; }
.fbr-floating-label { top: 0.75rem; z-index: -10; transform-origin: 0px center; --tw-scale-x: .75; --tw-scale-y: .75; font-size: var(--fontSizeFontSizeSm); font-weight: var(--typographyBodySecondaryRegularFontWeight); color: var(--colorFormFieldsForegroundEnabled); transition-duration: 0.3s; position: absolute; transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); }
.peer:placeholder-shown ~ .fbr-floating-label { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.peer:focus ~ .fbr-floating-label { inset-inline-start: 0px; --tw-translate-y: -1.5rem; --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); color: var(--colorFormFieldsForegroundEnabled); }
.fbr-floating-label { top: 0px; }
.fbr-floating-label.\!isEmpty, .fbr-floating-label.isEmpty { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.fbr-floating-label.\!valueEntered, .fbr-floating-label.valueEntered { top: 1.25rem; --tw-translate-y: -1.5rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.fbr-floating-label.error-message { margin-top: 3px; color: var(--colorFormFieldsForegroundError); }
.error-message .informationIcon { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.floatingInputField { border-radius: 0px; }
.dayInput { margin-top: 1.25rem; border-radius: var(--borderRadiusSoftlyRounded); border-width: var(--borderWidthHairline); border-color: var(--colorFormFieldsBorderEnabled); padding: 13px 13px 13px 2.5rem; outline: transparent none 2px; outline-offset: 2px; width: 100%; background-color: transparent; --tw-outline-style: none; }
.dayInput::placeholder { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsMd); color: var(--colorFormFieldsForegroundEnabled); }
.dayInputErr { margin-top: 20px; border-radius: 0.375rem; --tw-border-opacity: 1; border-color: rgb(239 68 68/var(--tw-border-opacity)); padding: 13px 13px 13px 40px; --tw-text-opacity: 1; color: rgb(220 38 38/var(--tw-text-opacity)); width: 100%; border-width: 1px; --tw-border-style: solid; border-style: solid; background-color: transparent; }
.dayInputErr::placeholder { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; font-weight: 400; color: var(--colorBaseAlpha600); }
.modal { position: relative; z-index: 50; }
.popupOverlay { inset: 0px; background-color: var(--colorForegroundContentEnabled); position: fixed; opacity: 0.6; transition-duration: var(--tw-duration,0s); transition-property: opacity; transition-timing-function: var(--tw-ease,ease); }
.modalWrapper { inset: 0px; position: fixed; z-index: 10; width: 100vw; overflow-y: auto; }
.modalWrapper .errorLocationWrapper { padding-left: 0px; padding-right: 0px; }
.modalContainer { margin-left: auto; margin-right: auto; min-height: 100%; margin-inline: auto; display: flex; align-items: center; justify-content: center; text-align: center; }
.modalBody { border-radius: 0.5rem; background-color: var(--colorForegroundBrandPrimaryOnBackground); position: relative; transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); overflow: hidden; text-align: left; transition-duration: var(--tw-duration,0s); transition-property: all; transition-timing-function: var(--tw-ease,ease); }
@media (min-width: 768px) {
  .modalBody { margin-top: 2rem; margin-bottom: 2rem; }
}
.modalInner { background-color: var(--colorForegroundBrandPrimaryOnBackground); padding: 2.25rem 1.5rem; display: flex; flex-direction: column; align-items: center; text-align: center; }
.modalTitle { margin-top: 0.75rem; margin-bottom: 0.75rem; font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; font-weight: var(--fontWeightsRegular); line-height: 18px; color: var(--colorBaseAlpha950); text-transform: uppercase; }
.tacoIconCont { margin-bottom: 0.5rem; height: 3rem; width: 3rem; position: relative; }
.modalContent { margin-bottom: 1.5rem; margin-top: 0.75rem; font-family: var(--fontFamiliesBody); font-size: var(--paragraphSpacingMedium); font-weight: var(--typographyBodyPrimaryRegularFontWeightm); line-height: var(--lineHeightsMd); color: var(--colorBaseAlpha950); }
.modalBtns { margin-top: 0.5rem; gap: 0.5rem; display: flex; width: 100%; flex-direction: column; }
.modalBtns.complete-sign-up { gap: 1rem; }
.lightButton { margin-top: 0.5rem; height: 3rem; gap: 0.5rem; border-color: var(--colorForegroundContentEnabled); padding-left: 2rem; padding-right: 2rem; font-family: var(--fontFamiliesPrimary); font-size: 1rem; line-height: 1.5rem; font-weight: 400; color: var(--colorForegroundContentEnabled); display: inline-flex; width: 100%; align-items: center; justify-content: center; border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 1px; text-align: center; transition-duration: var(--tw-duration,0s); transition-property: all; transition-timing-function: var(--tw-ease,ease); }
@media (min-width: 1024px) {
  .lightButton { width: auto; }
}
.cancelButton { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonSecondaryBorderEnabled); background-color: var(--colorButtonSecondaryBackgroundEnabled); padding: var(--spacing4x) var(--spacing8x); font-family: var(--fontFamiliesPrimary); font-size: var(--typographyButtonPrimaryLargeFontSize); font-weight: var(--fontWeightsRegular); color: var(--colorButtonSecondaryForegroundEnabled); text-align: center; }
.cancelButton:hover { background-color: var(--colorButtonSecondaryBackgroundPressed); }
@media (min-width: 1024px) {
  .cancelButton { padding: var(--spacing6x) var(--spacing16x); }
}
.topIcon { margin: auto; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.closeButton { display: none; }
.closeButton { right: 1rem; top: 1rem; }
.closeButton > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; }
.closeButton { position: absolute; display: flex; text-align: right; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.closeIcon { display: none; }
.closeIcon { right: 1rem; top: 1rem; position: absolute; display: flex; cursor: pointer; justify-content: flex-end; }
.closeIcon :focus { outline: transparent none 2px; outline-offset: 2px; --tw-outline-style: none; }
.closeIcon :focus-visible { outline-style: solid; }
.closeIcon svg:focus { outline: transparent none 2px; outline-offset: 2px; --tw-outline-style: none; }
.closeIcon svg:focus-visible { outline-style: dashed; outline-width: 1px; outline-color: var(--colorBaseBlue700); }
.modelWrapper { max-width: 287px; }
.blurBg { inset: 0px; --tw-backdrop-blur: blur(4px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); position: fixed; z-index: 30; }
.orderInfoIcon svg { height: 2rem; width: 2rem; }
.orderInfoIcon svg path:first-child { fill: var(--colorPrimary600); }
.breadcrumbHidden { display: none !important; }
@media (min-width: 640px) {
  .orderDetailBannerDividerOne { max-width: 640px; }
}
@media (min-width: 768px) {
  .orderDetailBannerDividerOne { max-width: 768px; }
}
@media (min-width: 1024px) {
  .orderDetailBannerDividerOne { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .orderDetailBannerDividerOne { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .orderDetailBannerDividerOne { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .orderDetailBannerDividerOne { max-width: 1536px; }
}
.site-map .orderDetailBannerDividerOne { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .orderDetailBannerDividerOne { flex-direction: row; }
}
.site-map .orderDetailBannerDividerOne .leftColumn .level-1, .site-map .orderDetailBannerDividerOne .leftColumn .level-2, .site-map .orderDetailBannerDividerOne .leftColumn .level-3, .site-map .orderDetailBannerDividerOne .rightColumn .level-1, .site-map .orderDetailBannerDividerOne .rightColumn .level-2, .site-map .orderDetailBannerDividerOne .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .orderDetailBannerDividerOne .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .orderDetailBannerDividerOne .level-2, .site-map .orderDetailBannerDividerOne .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .orderDetailBannerDividerOne .rightColumn { background-color: transparent; }
.site-map .orderDetailBannerDividerOne .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .orderDetailBannerDividerOne .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .orderDetailBannerDividerOne .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .orderDetailBannerDividerOne .camelCaseClass { text-transform: capitalize; }
.site-map .orderDetailBannerDividerOne .lowerCaseClass { text-transform: lowercase; }
.site-map .orderDetailBannerDividerOne h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.orderDetailBannerDividerOne { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .orderDetailBannerDividerOne { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .orderDetailBannerDividerOne { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .orderDetailBannerDividerOne .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .orderDetailBannerDividerOne .leftColumn { width: 50%; }
}
.site-map .orderDetailBannerDividerOne .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .orderDetailBannerDividerOne .leftColumn .level-1 { padding: 0px; }
.site-map .orderDetailBannerDividerOne .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .orderDetailBannerDividerOne .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .orderDetailBannerDividerOne .rightColumn { width: 50%; }
}
.site-map .orderDetailBannerDividerOne .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .orderDetailBannerDividerOne .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .orderDetailBannerDividerOne .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .orderDetailBannerDividerOne .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .orderDetailBannerDividerOne .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.orderDetailBannerDividerOne { margin: auto; background-color: var(--colorBackgroundNeutralBase); }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .orderDetailBannerDividerOne { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .orderDetailBannerDividerOne { max-width: 1440px; }
}
.orderDetailBannerDividerOne { width: 100%; display: flex; flex-direction: column-reverse; justify-content: space-between; }
@media (min-width: 1024px) {
  .orderDetailBannerDividerOne { flex-direction: row; background-color: var(--colorBackgroundNeutralDim); padding-left: 72px; padding-right: 72px; }
}
.orderDetailbannerdividerTwo { margin-right: 0px; background-color: var(--colorBaseLightBeige500); display: flex; align-items: center; justify-content: space-between; }
@media (min-width: 1024px) {
  .orderDetailbannerdividerTwo { margin-right: 0px; justify-content: flex-end; background-color: transparent; }
}
.orderDetailInfodivider { margin-top: 0.5rem; padding-left: 1.25rem; display: block; width: 50%; }
@media (min-width: 1024px) {
  .orderDetailInfodivider { margin-top: 0px; display: flex; width: auto; padding-left: 0px; }
}
.orderDetailInfodivider .locationDivider { display: flex; align-items: center; }
.typeLabel { margin-left: 0.5rem; text-overflow: ellipsis; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); width: 100%; overflow: hidden; white-space: nowrap; }
@media (min-width: 1024px) {
  .typeLabel { margin-top: 0.5rem; margin-bottom: 0.5rem; margin-left: 0px; width: auto; max-width: 550px; }
}
.typeLabelReorder { margin-left: 0.5rem; text-overflow: ellipsis; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); width: 100%; overflow: hidden; }
@media (min-width: 1024px) {
  .typeLabelReorder { margin-top: 0.5rem; margin-bottom: 0.5rem; margin-left: 0px; width: auto; }
}
.timeDivider { margin-top: 0.5rem; margin-bottom: 0.5rem; position: relative; display: flex; }
@media (min-width: 1024px) {
  .timeDivider { margin-top: 0px; margin-bottom: 0px; margin-left: 4px; }
  .timeDivider::after { position: absolute; right: 4px; top: 8px; height: 21px; width: 2px; border-right-width: 1px; border-color: var(--colorBaseAlpha950); content: var(--tw-content); opacity: 0.2; }
}
.timeDivider.removeDivider { margin-right: 0px; }
.timeDivider.removeDivider::after { content: var(--tw-content); border-style: none; }
.clockLabel { margin-left: 0.5rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); display: flex; align-items: center; white-space: nowrap; }
@media (min-width: 1024px) {
  .clockLabel { margin: 0.5rem 1rem 0.5rem 0px; }
}
.clockLabel.text-error { color: var(--colorBaseRed800); }
.verticleline { border-left-width: 1px; border-color: var(--colorBaseAlpha300); font-size: 0.875rem; line-height: 1.25rem; display: none; height: 100%; flex: 1 1 0%; }
@media (min-width: 1024px) {
  .verticleline { display: block; }
}
.changeDivider { margin-top: 0.5rem; margin-bottom: 0.5rem; margin-left: 11px; padding-right: 1.25rem; font-family: var(--fontFamiliesBody); line-height: var(--lineHeightsRg); width: 50%; flex-direction: row-reverse; align-items: center; text-align: right; --tw-leading: --lineHeightsRg; }
@media (min-width: 1024px) {
  .changeDivider { display: flex; width: auto; padding-right: 0px; text-align: center; }
}
.changeButton { height: 2rem; gap: 0.5rem; border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonSecondaryBorderEnabled); --tw-bg-opacity: 0; padding-left: 1rem; padding-right: 1rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: 700; line-height: var(--lineHeightsRg); color: var(--colorForegroundContentEnabled); display: inline-flex; align-items: center; justify-content: center; background-color: transparent; text-align: center; --tw-leading: --lineHeightsRg; }
.changeButton:hover { background-color: var(--colorButtonSecondaryBackgroundPressed); }
@media (min-width: 1024px) {
  .changeButton { display: none; }
}
.changeLink { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsRg); color: var(--colorBaseAlpha800); display: none; --tw-leading: --lineHeightsRg; text-decoration-line: underline; }
@media (min-width: 1024px) {
  .changeLink { display: inline; }
}
.barContainer { margin-bottom: 1.5rem; margin-top: 2rem; justify-content: space-around; gap: 0.5rem; border-color: var(--colorBaseAlpha300); padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 2.5rem; display: flex; flex-direction: row; border-top-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .barContainer { padding-left: 0px; padding-right: 0px; }
}
.disabledBarStatus { font-family: var(--fontFamiliesPrimary); font-size: 1rem; font-weight: 400; line-height: 19.2px; display: flex; width: 100%; cursor: pointer; flex-direction: column; }
.disableClick { pointer-events: none; cursor: pointer; }
.activeText { padding-bottom: 6px; color: var(--colorBaseOffBlack500); display: flex; align-items: center; }
.activeBar { background-color: var(--colorPrimary600); }
.activeBar, .barSection { height: 0.75rem; border-radius: 0.75rem; }
.barSection { background-color: var(--colorForegroundContentFilled); }
.inactiveText { padding-bottom: 6px; color: var(--colorBaseOffBlack500); opacity: 0.5; }
.inactiveBar { height: 0.75rem; border-radius: 0.75rem; background-color: var(--colorBackgroundNeutralDim); }
.activeTextRight { padding-right: 0.5rem; }
.toast-content { gap: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; display: flex; flex-direction: column; }
.customToastInline .toast-content { text-align: start; }
.toast-content-link-container { gap: 0.25rem; display: flex; }
.customToastInline { position: relative; }
.custom-toast, .customToastInline { gap: 0.5rem; border-radius: 0.375rem; padding: 1.25rem 1.25rem 1.5rem; display: flex; min-width: 335px; align-items: center; justify-content: space-between; border-width: 2px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .custom-toast, .customToastInline { min-width: 335px; }
}
.custom-toast.toastMesageText, .customToastInline.toastMesageText { gap: 0.75rem; pointer-events: none; }
.addGiftcard .customToastInline { min-width: 0px; }
@media (min-width: 1024px) {
  .addGiftcard .customToastInline { min-width: 335px; }
}
.toasterInfo { display: flex; }
.toasterIcon { margin-right: 0.5rem; }
.custom-toast.success, .customToastInline.success { --tw-border-opacity: 1; border-color: rgb(22 101 52/var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(220 252 231/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(22 101 52/var(--tw-text-opacity)); }
.custom-toast.\!error, .custom-toast.error, .customToastInline.\!error, .customToastInline.error { border-color: var(--colorIndicatorsNotificationBorderDanger); background-color: var(--colorIndicatorsNotificationBackgroundDanger); --tw-text-opacity: 1; color: rgb(153 27 27/var(--tw-text-opacity)); }
.close-icon { margin-top: 0.125rem; max-width: none; cursor: pointer; }
@media (min-width: 1024px) {
  .close-icon { max-width: 100%; }
}
.checkMark { margin-top: 0.125rem; max-width: none; }
@media (min-width: 1024px) {
  .checkMark { max-width: 100%; }
}
.homePageWrapper { margin-bottom: 3rem; }
@media (min-width: 1024px) {
  .homePageWrapper { margin-bottom: 4rem; }
}
.homePageWrapper .homePage { gap: 1.5rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .homePageWrapper .homePage { gap: 3rem; }
}
.homePageWrapper .homePage .twoColumn { margin-top: 0px; }
.homePageWrapper .homePage .twoColumn .columnContainer { margin-bottom: 0px; }
.homePageWrapper .homePage .celebrateBanner, .homePageWrapper .homePage .homepagePagePromotionSection { margin-top: 0px !important; margin-bottom: 0px !important; }
.homePage { background-color: var(--colorBackgroundNeutralBase); font-family: var(--fontFamiliesPrimary); }
.homePage .gallerySliderBox { min-width: 10rem; }
@media (min-width: 1024px) {
  .homePage .gallerySliderBox { min-width: 100%; }
}
@media (min-width: 640px) {
  .homePage .mostPopularCarosuel { max-width: 640px; }
}
@media (min-width: 768px) {
  .homePage .mostPopularCarosuel { max-width: 768px; }
}
@media (min-width: 1024px) {
  .homePage .mostPopularCarosuel { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .homePage .mostPopularCarosuel { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .homePage .mostPopularCarosuel { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .homePage .mostPopularCarosuel { max-width: 1536px; }
}
.site-map .homePage .mostPopularCarosuel { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .homePage .mostPopularCarosuel { flex-direction: row; }
}
.site-map .homePage .mostPopularCarosuel .leftColumn .level-1, .site-map .homePage .mostPopularCarosuel .leftColumn .level-2, .site-map .homePage .mostPopularCarosuel .leftColumn .level-3, .site-map .homePage .mostPopularCarosuel .rightColumn .level-1, .site-map .homePage .mostPopularCarosuel .rightColumn .level-2, .site-map .homePage .mostPopularCarosuel .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .homePage .mostPopularCarosuel .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .homePage .mostPopularCarosuel .level-2, .site-map .homePage .mostPopularCarosuel .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .homePage .mostPopularCarosuel .rightColumn { background-color: transparent; }
.site-map .homePage .mostPopularCarosuel .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .homePage .mostPopularCarosuel .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .homePage .mostPopularCarosuel .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .homePage .mostPopularCarosuel .camelCaseClass { text-transform: capitalize; }
.site-map .homePage .mostPopularCarosuel .lowerCaseClass { text-transform: lowercase; }
.site-map .homePage .mostPopularCarosuel h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.homePage .mostPopularCarosuel { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .homePage .mostPopularCarosuel { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .homePage .mostPopularCarosuel { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .homePage .mostPopularCarosuel .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .homePage .mostPopularCarosuel .leftColumn { width: 50%; }
}
.site-map .homePage .mostPopularCarosuel .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .homePage .mostPopularCarosuel .leftColumn .level-1 { padding: 0px; }
.site-map .homePage .mostPopularCarosuel .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .homePage .mostPopularCarosuel .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .homePage .mostPopularCarosuel .rightColumn { width: 50%; }
}
.site-map .homePage .mostPopularCarosuel .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .homePage .mostPopularCarosuel .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .homePage .mostPopularCarosuel .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .homePage .mostPopularCarosuel .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .homePage .mostPopularCarosuel .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .homePage .mostPopularCarosuel { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .homePage .mostPopularCarosuel { max-width: 1440px; }
}
.homePage .mostPopularCarosuel { width: 100%; }
@media (min-width: 1024px) {
  .homePage .mostPopularCarosuel { max-width: 1440px; padding-left: 72.5px; padding-right: 72.5px; }
}
.homePage .mostPopularCarosuel .gallerySliderBox { height: 248px; }
.homePage .mostPopularCarosuel .gallerySliderBox .gallerySliderImg img { width: 100%; }
@media (min-width: 1024px) {
  .homePage .mostPopularCarosuel .gallerySliderBox .gallerySliderImg img { height: 149px; }
}
.homePageContainer { padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 1024px) {
  .homePageContainer { padding-left: 72px; padding-right: 72px; }
}
.homePageContainer .columnContent { color: var(--colorBaseAlpha950); }
.galleryOffer { color: var(--colorButtonSecondaryForegroundEnabled); display: none; text-align: center; }
@media (min-width: 1024px) {
  .galleryOffer { display: flex; flex-direction: column; align-items: center; }
}
.gallery { gap: 1.5rem; display: flex; flex-direction: row; }
@media (min-width: 1024px) {
  .gallery { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (min-width: 640px) {
  .mostPopularCarosuel { max-width: 640px; }
}
@media (min-width: 768px) {
  .mostPopularCarosuel { max-width: 768px; }
}
@media (min-width: 1024px) {
  .mostPopularCarosuel { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .mostPopularCarosuel { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .mostPopularCarosuel { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .mostPopularCarosuel { max-width: 1536px; }
}
.site-map .mostPopularCarosuel { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .mostPopularCarosuel { flex-direction: row; }
}
.site-map .mostPopularCarosuel .leftColumn .level-1, .site-map .mostPopularCarosuel .leftColumn .level-2, .site-map .mostPopularCarosuel .leftColumn .level-3, .site-map .mostPopularCarosuel .rightColumn .level-1, .site-map .mostPopularCarosuel .rightColumn .level-2, .site-map .mostPopularCarosuel .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .mostPopularCarosuel .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .mostPopularCarosuel .level-2, .site-map .mostPopularCarosuel .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .mostPopularCarosuel .rightColumn { background-color: transparent; }
.site-map .mostPopularCarosuel .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .mostPopularCarosuel .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .mostPopularCarosuel .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .mostPopularCarosuel .camelCaseClass { text-transform: capitalize; }
.site-map .mostPopularCarosuel .lowerCaseClass { text-transform: lowercase; }
.site-map .mostPopularCarosuel h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.mostPopularCarosuel { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .mostPopularCarosuel { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .mostPopularCarosuel { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .mostPopularCarosuel .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .mostPopularCarosuel .leftColumn { width: 50%; }
}
.site-map .mostPopularCarosuel .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .mostPopularCarosuel .leftColumn .level-1 { padding: 0px; }
.site-map .mostPopularCarosuel .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .mostPopularCarosuel .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .mostPopularCarosuel .rightColumn { width: 50%; }
}
.site-map .mostPopularCarosuel .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .mostPopularCarosuel .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .mostPopularCarosuel .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .mostPopularCarosuel .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .mostPopularCarosuel .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.mostPopularCarosuel { margin-left: auto; margin-right: auto; padding-top: 1.25rem; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .mostPopularCarosuel { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .mostPopularCarosuel { max-width: 1440px; }
}
.mostPopularCarosuel { width: 100%; margin-inline: auto; }
@media (min-width: 1024px) {
  .mostPopularCarosuel { margin: auto; padding-top: 2rem; }
}
.mostPopularCarosuel .itemListContainer { width: calc(-580px + 100vw); }
.mostPopularCarosuel .itemListContainer.sgslContainer { width: 100%; }
.mostPopularCarosuel .itemListContainer.sgslContainer .gallerySliderDescription .mostPopularCardTitle { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.mostPopularCarosuel .itemListContainer.sgslContainer .gallerySliderDescription .galleryDescriptionCalAndPrice { padding-bottom: 0px; }
.mostPopularCarosuel .gallerySliderBox { --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
@media (min-width: 1024px) {
  .mostPopularCarosuel .gallerySliderBox { margin-bottom: 0.75rem; width: 100%; }
}
.mostPopularCarosuel .MobilesliderContainer { margin-left: 0px; margin-top: 1rem; max-width: none; height: auto; }
.mostPopularCarosuel .MobilesliderContainer .rewardSliderTermsandCondition { margin-top: 1rem; padding-right: 1.5rem; }
.galleryMobile { margin-left: 1.25rem; display: flex; flex-direction: column; }
.gallerydSliderHeading { padding-left: 1.25rem; padding-right: 1.25rem; padding-bottom: 1rem; font-size: var(--fontSizeFontSizeMd); line-height: var(--lineHeightsSm); }
@media (min-width: 1024px) {
  .gallerydSliderHeading { display: none; }
}
.gallerydSliderHeadingDt { width: 415px; padding: 0.25rem 2.5rem 1rem; font-size: var(--typographyHeadlineStylizedSmallTopFontSize); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsLg); color: var(--colorButtonPrimaryBackgroundEnabled); text-align: center; }
@media (min-width: 1024px) {
  .gallerydSliderHeadingDt { display: block; padding-left: 0px; padding-right: 0px; font-size: var(--typographyHeadlineStylizedLargeTopFontSize); }
}
.gallerySliderBox { margin-right: 0.5rem; width: 164px; border-radius: var(--borderWidthHeavy); background-color: var(--colorForegroundContentInverseEnabled); display: flex; cursor: pointer; flex-direction: column; overflow: hidden; }
@media (min-width: 1024px) {
  .gallerySliderBox { margin-right: 1.5rem; flex-direction: column; width: 16rem; }
}
.gallerySliderImg { margin: 0px auto; height: 131px; position: relative; margin-inline: auto; width: 100%; }
@media (min-width: 1024px) {
  .gallerySliderImg { height: 149px; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.gallerySliderImg .suggestedSellAdd { display: none; }
.gallerySliderImg .suggestedSellAdd { right: 0.75rem; top: 0.75rem; height: 1.5rem; width: 1.5rem; border-radius: 50%; background-color: var(--colorBackgroundBrandPrimary); position: absolute; display: flex; align-items: center; justify-content: center; }
.gallerySliderDescription { padding: 1rem; color: var(--colorForegroundContentEnabled); display: flex; width: 100%; flex-direction: column; align-items: flex-start; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.newItem { display: none; }
.newItem { left: 0.75rem; top: 0.75rem; border-radius: 0.25rem; background-color: var(--colorBackgroundBrandPrimary); padding: 2px 6px; font-family: var(--fontFamiliesBody); font-size: var(--typographyButtonSecondaryMediumFontSize); color: var(--colorForegroundBrandPrimaryOnBackground); position: absolute; }
.galleryNotAvailable { padding-top: 13px; font-size: 1.25rem; line-height: 1.75rem; display: flex; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .galleryNotAvailable { width: 600px; }
}
.\!description, .description { font-size: 1rem; }
.\!description, .description, .galleryDescription, .galleryDescriptionCalAndPrice { padding-bottom: 1rem; padding-top: 0.5rem; font-family: var(--fontFamiliesBody); line-height: 1.25rem; }
.galleryDescription, .galleryDescriptionCalAndPrice { font-size: var(--fontSizeFontSizeXs); color: var(--colorForegroundContentSubtleEnabled); display: flex; align-items: center; }
.galleryDot { margin-left: 0.25rem; margin-right: 0.25rem; height: 2px; width: 2px; border-radius: 1.5rem; border-color: var(--colorForegroundContentSubtleEnabled); background-color: var(--colorForegroundContentSubtleEnabled); display: block; --tw-border-style: solid; border-style: solid; }
.MobilesliderContainer { margin-left: 1.25rem; height: 280px; max-width: 375px; overflow: hidden; }
.gallerydSliderHeadingMobile { font-size: var(--typographyHeadlineSmallFontSize); line-height: var(--lineHeightsSm); color: var(--colorForegroundContentEnabled); }
.gallerySliderMobileArrow { margin: 1rem 1.25rem; display: flex; align-items: center; justify-content: space-between; }
.galleryvmenuMobile { font-family: var(--fontFamiliesBody); font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; text-align: right; }
@media (min-width: 1024px) {
  .galleryvmenuMobile { display: none; }
}
.dotactive { width: 1.25rem; }
.dot, .dotactive { height: 0.25rem; border-radius: 100px; background-color: var(--colorBaseAlpha900); }
.dot { width: 0.25rem; }
.dot.dotactive { height: 0.25rem; width: 1.25rem; border-radius: 100px; background-color: var(--colorBaseAlpha900); }
@media (min-width: 1024px) {
  .cartGalleryContainer { padding-bottom: 1.5rem; padding-top: 1rem; }
}
.cartGalleryHeading { padding-right: 1.25rem; padding-top: 1rem; font-weight: 400; line-height: 18px; }
@media (min-width: 1024px) {
  .cartGalleryHeading { padding-top: 0px; }
}
.cartGallerySliderBox, .gallerySliderBox { margin-right: 0.5rem; width: 164px; border-radius: var(--borderWidthHeavy); background-color: var(--colorForegroundContentInverseEnabled); display: flex; cursor: pointer; flex-direction: column; overflow: hidden; }
@media (min-width: 1024px) {
  .cartGallerySliderBox, .gallerySliderBox { margin-right: 24px; width: 268px; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span .gallerySliderBox .suggestedSellAdd, .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.cartGallerySliderBox .suggestedSellAdd { display: none; }
.cartGallerySliderBox .suggestedSellAdd, .gallerySliderBox .suggestedSellAdd { right: 0.75rem; top: 0.75rem; height: 2rem; width: 2rem; position: absolute; }
.deTopIconImgTop { top: 1px; position: relative; }
.suggestedSellAdd { height: 1.5rem; width: 1.5rem; border-radius: 50%; background-color: var(--colorBackgroundBrandPrimary); display: flex; align-items: center; justify-content: center; }
.authenticatedWelcomebanner { margin-left: auto; margin-right: auto; position: relative; z-index: 0; margin-inline: auto; width: 100%; text-align: center; }
.authenticatedWelcomebanner::after { position: absolute; left: 0px; top: 0px; height: 198px; width: 100%; background-image: url("../scraped_assets/images/AuthenticatedBannerBg.0a096d20.png"); background-size: 100% 100%; content: var(--tw-content); background-repeat: no-repeat; }
@media (min-width: 1024px) {
  .authenticatedWelcomebanner { margin-bottom: 4rem; flex-direction: row; padding-bottom: 0px; }
}
.WelcomeBannerImageText { height: 182px; gap: 0.25rem; padding: 2.5rem; position: relative; z-index: 10; display: flex; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .WelcomeBannerImageText { gap: 1.5rem; }
  .WelcomeBannerImageText img { max-height: 7rem; }
}
.bannerTextInnercontent { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsSm); color: var(--colorForegroundContentInverseEnabled); text-align: center; }
.bannerTextInnerHead { padding-top: 1rem; padding-bottom: 1rem; font-size: var(--fontSizeFontSizeXl); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsLg); color: var(--colorBackgroundBrandSecondary); }
.WelcomeBannerCenterText { min-width: 13rem; }
.sliderChevronIcon { display: flex; height: auto; flex-direction: row; align-items: center; justify-content: space-between; }
@media (min-width: 1024px) {
  .sliderChevronIcon { margin-top: 0.5rem; }
}
.sliderDotIcon { gap: 0.375rem; }
.sliderLeftChevronIconfalse.disabledLeftChevronIcon { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.itemList { gap: 0.75rem; scroll-behavior: smooth; display: flex; overflow: auto; transition-duration: var(--tw-duration,0s); transition-property: all; transition-timing-function: var(--tw-ease,ease); }
@media (min-width: 1024px) {
  .itemList { gap: 1.5rem; }
}
.sliderArrowContainer { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; }
.sliderArrowContainer:focus { outline: transparent solid 2px; outline-offset: 2px; }
.sliderArrowContainer span { margin-left: 0.75rem; }
.itemList::-webkit-scrollbar { display: none; }
.itemListContainer { overflow: hidden; }
@media (min-width: 1024px) {
  .itemListContainer { width: calc(-542px + 100vw); max-width: 898px; }
}
.preview { left: 0px; }
.\!next, .next { left: calc(-536px + 100vw); }
.teaPassCard.\!disabled .disabledImg, .teaPassCard.disabled .disabledImg { opacity: 0.4; }
.teaPassCard.\!disabled .teaPassSubHeading, .teaPassCard.disabled .teaPassSubHeading { color: var(--colorForegroundContentDisabled); }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.teaPassBadge { display: none; }
.teaPassBadge { left: 0.75rem; top: 0.75rem; border-radius: var(--borderRadiusRounded); border-color: var(--colorForegroundBorderBrighter); background-color: var(--colorForegroundBrandPrimaryOnBackground); padding: 0.125rem 0.375rem; position: absolute; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.viewAllBtn { align-items: baseline; gap: 0.25rem; display: flex; justify-content: center; }
.viewAllBtn svg { height: 0.75rem; width: 0.75rem; }
@media (min-width: 1024px) {
  .sliderArrow { margin-top: 1.5rem; margin-bottom: 1.5rem; }
}
.sliderArrow.anotherRoundctr .rewardSliderTermsandCondition { padding-bottom: 0.25rem; padding-top: 1rem; }
.sliderArrow.anotherRoundctr .itemListSlider .pdpListTile { min-height: 178px; cursor: default; }
@media (min-width: 1024px) {
  .sliderArrow.anotherRoundctr .itemListSlider .pdpListTile { min-height: 100%; }
}
.sliderArrow.anotherRoundctr .itemListSlider .listinnerwrapper, .sliderArrow.anotherRoundctr .itemListSlider .pdpListTileImg { height: 178px; }
@media (min-width: 1024px) {
  .sliderArrow.anotherRoundctr .itemListSlider .listinnerwrapper { height: auto; }
}
.sliderArrow.anotherRoundctr .itemListContainer div:empty { display: none; }
.sliderArrow .rewardSliderTermsandCondition { max-width: 898px; padding-right: 1.25rem; }
@media (min-width: 1024px) {
  .sliderArrow .rewardSliderTermsandCondition { padding-right: 0px; }
}
.authenticatedWelcomebanner.guestUser .bannerTextInnercontent { font-family: var(--fontFamiliesBody); font-size: 14px; }
.authenticatedWelcomebanner.guestUser .WelcomeBannerImageText { gap: 0.5rem; height: auto; }
.authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .guest-banner { align-items: center; }
.authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .guest-banner .leftimg, .authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .guest-banner .rightimg { padding-left: 2rem; }
.authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .middlecontent { gap: 0.75rem; display: flex; flex-direction: column; }
.authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .middlecontent h3 { position: relative; }
.authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .middlecontent h3 .doubleTextFirst, .authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .middlecontent h3 .doubleTextSecond { font-size: 28px; line-height: 24px; color: var(--colorBaseAlpha50); }
@media (min-width: 1024px) {
  .authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .middlecontent h3 .doubleTextFirst, .authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .middlecontent h3 .doubleTextSecond { font-size: 27px; line-height: 23px; }
}
.authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .middlecontent h3 .doubleTextSecond { color: var(--colorBaseOrange700); }
.authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .middlecontent h2 { position: relative; }
.authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .middlecontent h2 .doubleTextFirst, .authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .middlecontent h2 .doubleTextSecond { font-size: 67px; line-height: 40px; color: var(--colorBaseAlpha50); }
@media (min-width: 1024px) {
  .authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .middlecontent h2 .doubleTextFirst, .authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .middlecontent h2 .doubleTextSecond { font-size: 65px; line-height: 39px; }
}
.authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .middlecontent h2 .doubleTextSecond { color: var(--colorBaseOrange700); }
.authenticatedWelcomebanner::after { height: 182px; }
@media (min-width: 1024px) {
  .dealsHomeWrapper { max-width: 1440px; padding-left: 72.5px; padding-right: 72.5px; }
}
.dealsHomeWrapper .exclusiveMemberDeals .exclusiveSliderBanner .homeGreenBanner { text-align: center; }
@media (min-width: 1024px) {
  .anotherRoundctr { max-width: 1440px; padding-left: 72.5px; padding-right: 72.5px; }
}
.anotherRoundctr .rewardSliderTermsandCondition .sliderChevronIcon { margin-top: 0px; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.termsAndCondition { display: none; }
.termsAndCondition { bottom: 1rem; left: 0px; right: 0px; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeXs); line-height: var(--lineHeightsXs); position: absolute; }
@media (min-width: 1024px) {
  .termsAndCondition { position: relative; bottom: 0px; }
}
.promoImgContainer { margin-top: 1.5rem; margin-bottom: 1.5rem; --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position); position: relative; display: flex; height: auto; justify-content: flex-end; --tw-gradient-from: --colorBaseAlpha950; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.promoImgContainer::before { position: absolute; left: 0px; top: 0px; z-index: 10; height: 260px; width: 100%; background-image: linear-gradient(to left,var(--tw-gradient-stops)); --tw-content: ""; content: var(--tw-content); }
@media (min-width: 1024px) {
  .promoImgContainer { height: 350px; padding-bottom: 4rem; padding-top: 3.5rem; }
  .promoImgContainer::before { bottom: 0px; top: 0.625rem; content: var(--tw-content); height: 100%; }
}
.promoImgContainer .termsAndCondition { padding-top: 15px; color: var(--colorForegroundContentInverseEnabled); position: relative; }
@media screen and (max-width: 768px) {
  .promoImgContainer .termsAndCondition { font-weight: 700; }
}
@media (min-width: 1024px) {
  .promoImgContainer.largerScreenBanner { margin-left: auto; margin-right: auto; }
  .promoImgContainer.largerScreenBanner::before { content: var(--tw-content); top: 0px; }
}
@media (min-width: 1440px) {
  .promoImgContainer.largerScreenBanner { max-width: 1440px; }
}
.promoImgContainer.largerScreenBanner .promoBannerImage { top: 0px; object-fit: cover; }
.promoImgContainer.largerScreenBanner + .twoColumn { margin-top: 5rem; }
@media (min-width: 1024px) {
  .promoImgContainer.largerScreenBanner + .twoColumn { margin-top: 0px; }
}
.promoImgContainer.leftAlignment { justify-content: flex-start; }
.promoImgContainer.leftAlignment .mealKitContentWraper { align-items: flex-start; text-align: left; }
@media (min-width: 1024px) {
  .promoImgContainer.leftAlignment .mealKitContentWraper { padding-left: 3rem; }
}
.mealKitContentWraper { margin-right: 0px; padding-left: 1.5rem; padding-right: 1.5rem; position: relative; z-index: 10; width: auto; align-items: flex-end; text-align: right; }
@media (min-width: 1024px) {
  .mealKitContentWraper { margin-right: 72px; width: 40%; padding-left: 0px; padding-right: 0px; text-align: left; }
}
.mealKitContentWraper.mealKitContentBanner { gap: 1rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .mealKitContentWraper.mealKitContentBanner { gap: 1.25rem; }
  .mealKitContentWraper.mealKitContentBanner .mealKitContent { padding-bottom: 0px; padding-top: 0px; }
}
.mealKitContentWraper.mealKitContentBanner .heroSectionBatch { border-radius: 0.375rem; background-color: var(--colorBackgroundBrandPrimary); padding: 0.125rem 0.375rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeXs); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsRg); color: var(--colorForegroundBrandPrimaryOnBackground); display: inline-block; width: max-content; --tw-leading: --lineHeightsRg; }
.mealKitContentWraper.mealKitContentBanner { height: 260px; justify-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .mealKitContentWraper.mealKitContentBanner { height: 235px; }
}
.mealKitContentWraper.mealKitContentBanner .termsAndCondition { padding-top: 0px; position: static; }
.mealKitTitle { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeLg); color: var(--colorForegroundContentInverseEnabled); --tw-leading: 22px; line-height: 22px; }
@media (min-width: 1024px) {
  .mealKitTitle { font-size: var(--fontSizeFontSizeXxl); line-height: var(--lineHeightsXl); }
}
.mealKitTitle sup { top: -6px; }
@media (min-width: 1024px) {
  .mealKitTitle sup { top: -0.75rem; }
}
.mealKitContent { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsMd); color: var(--colorStatusWarningOnBase); -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; }
@media (min-width: 1024px) {
  .mealKitContent { overflow: visible; display: block; -webkit-box-orient: horizontal; -webkit-line-clamp: none; padding-bottom: 34px; }
}
@media screen and (max-width: 768px) {
  .mealKitContent { font-weight: 700; }
}
.mealKitContent.truncatedTwoLine { font-size: var(--fontSizeFontSizeSm); font-weight: 400; line-height: 19px; }
@media (min-width: 1024px) {
  .mealKitContent.truncatedTwoLine { font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.promoBannerImage { display: none; }
.promoBannerImage { height: 260px; position: absolute; width: 100%; background-size: cover; object-fit: cover; }
@media (min-width: 1024px) {
  .promoBannerImage { height: 100%; }
}
.campaignBannerTitle { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsSm); color: var(--colorForegroundContentInverseEnabled); }
@media (min-width: 1024px) {
  .campaignBannerTitle { font-size: var(--fontSizeFontSizeXxl); line-height: var(--lineHeightsLg); }
}
.homeFullScreenWrapperContent .termsAndCondition { bottom: 0px; left: 0px; right: 0px; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeXs); line-height: var(--lineHeightsXs); position: relative; }
@media (min-width: 1024px) {
  .homeFullScreenWrapperContent .termsAndCondition { position: relative; bottom: 0px; }
}
.homeFullScreen { top: 0px; --tw-gradient-from-position: 35%; position: fixed; z-index: 30; width: 100%; --tw-gradient-from: --colorBaseAlpha950; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); background-size: cover; }
@media (min-width: 1024px) {
  .homeFullScreen { background-size: cover; }
}
.homeFullScreen .termsAndCondition { margin-bottom: 0px; display: flex; justify-content: center; }
.homeFullScreen .moreDetailBtn + .termsAndCondition { margin-bottom: 1rem; margin-top: 1.5rem; }
@media (min-width: 1024px) {
  .homeFullScreen .moreDetailBtn + .termsAndCondition { margin-top: 2.75rem; }
}
.homeFullScreen .homeFullScreenWrapper { background-image: none !important; }
.homeFullScreenWrapper { height: 100dvh; padding-bottom: 2.5rem; position: relative; z-index: 10; display: flex; align-items: flex-end; justify-content: center; text-align: center; }
.homeFullScreenTitle { padding-left: 2.5rem; padding-right: 2.5rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeXl); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsLg); color: var(--colorForegroundContentInverseEnabled); }
@media (min-width: 1024px) {
  .homeFullScreenTitle { font-size: var(--fontSizeFontSizeXxl); }
}
.homeFullScreenWrapperContent { flex-direction: column; }
.homeFullScreenWrapperContent.rewardMaintenance { display: flex; flex-direction: column; align-items: center; text-align: center; }
.homeFullScreenWrapperContent.rewardMaintenance .homeFullScreenContent { max-width: 100%; }
.homeFullScreenWrapperContent button { margin-top: 1rem; }
@media (min-width: 1024px) {
  .homeFullScreenWrapperContent button { margin-top: 1.25rem; }
}
.homeFullScreenContent { padding: 1rem 2.5rem 0.5rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: 600; line-height: var(--lineHeightsRg); color: var(--colorForegroundContentInverseEnabled); --tw-leading: --lineHeightsRg; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.homecloseBtn svg { display: none; }
.homecloseBtn svg { right: 1.25rem; top: 3rem; position: absolute; }
.FullScreenWrapper.homeFullScreenWrapperContent .homeFullScreenContent { font-size: 14px; }
@media (min-width: 640px) {
  .celebrateBanner { max-width: 640px; }
}
@media (min-width: 768px) {
  .celebrateBanner { max-width: 768px; }
}
@media (min-width: 1024px) {
  .celebrateBanner { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .celebrateBanner { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .celebrateBanner { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .celebrateBanner { max-width: 1536px; }
}
.site-map .celebrateBanner { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .celebrateBanner { flex-direction: row; }
}
.site-map .celebrateBanner .leftColumn .level-1, .site-map .celebrateBanner .leftColumn .level-2, .site-map .celebrateBanner .leftColumn .level-3, .site-map .celebrateBanner .rightColumn .level-1, .site-map .celebrateBanner .rightColumn .level-2, .site-map .celebrateBanner .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .celebrateBanner .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .celebrateBanner .level-2, .site-map .celebrateBanner .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .celebrateBanner .rightColumn { background-color: transparent; }
.site-map .celebrateBanner .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .celebrateBanner .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .celebrateBanner .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .celebrateBanner .camelCaseClass { text-transform: capitalize; }
.site-map .celebrateBanner .lowerCaseClass { text-transform: lowercase; }
.site-map .celebrateBanner h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.celebrateBanner { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .celebrateBanner { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .celebrateBanner { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .celebrateBanner .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .celebrateBanner .leftColumn { width: 50%; }
}
.site-map .celebrateBanner .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .celebrateBanner .leftColumn .level-1 { padding: 0px; }
.site-map .celebrateBanner .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .celebrateBanner .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .celebrateBanner .rightColumn { width: 50%; }
}
.site-map .celebrateBanner .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .celebrateBanner .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .celebrateBanner .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .celebrateBanner .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .celebrateBanner .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.celebrateBanner { margin-top: 2rem; margin-bottom: 2rem; --tw-gradient-from: var(--colorBaseAlpha950) var(--tw-gradient-from-position); --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); --tw-gradient-from-position: 5%; margin-left: 1.25rem !important; margin-right: 1.25rem !important; padding: 0px !important; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .celebrateBanner { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .celebrateBanner { max-width: 1440px; }
}
.celebrateBanner { position: relative; width: auto; --tw-gradient-from: --colorBaseAlpha950; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
@media (min-width: 768px) {
  .celebrateBanner { margin-left: auto; margin-right: auto; }
}
@media (min-width: 1024px) {
  .celebrateBanner { margin: 4rem auto; padding-left: 4rem; padding-right: 4rem; }
}
.celebrateBanner .celebrateBannerBgImage { height: 13rem; }
@media (min-width: 1024px) {
  .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.celebrateBanner .celebrateBannerBgImage { display: none; }
  .celebrateBanner .celebrateBannerBgImage { position: absolute; right: 0px; height: 420px; max-width: 640px; object-fit: cover; }
}
.celebrateBanner .homeFullScreenWrapper { --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position); position: relative; z-index: 10; height: auto; --tw-gradient-from: --colorBaseAlpha950; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.celebrateBanner .termsAndCondition { padding-top: 0.5rem; position: relative; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.celebrateBanner .homeFullScreenWrapperContent { display: none; }
.celebrateBanner .homeFullScreenWrapperContent { bottom: -15px; padding-left: 2rem; padding-right: 2rem; position: absolute; z-index: 20; text-align: left; }
@media (min-width: 1024px) {
  .celebrateBanner .homeFullScreenWrapperContent { bottom: 6rem; padding-left: 5rem; padding-right: 5rem; text-align: center; }
}
.celebrateBanner .homeFullScreenWrapperContent.rewardMaintenance { top: -122px; display: inline-block; flex-direction: column; align-items: center; }
@media (min-width: 1024px) {
  .celebrateBanner .homeFullScreenWrapperContent.rewardMaintenance { bottom: 6rem; top: auto; display: flex; }
}
.celebrateBanner .homeFullScreenWrapperContent.rewardMaintenance .campaignBannerTitle { width: auto; }
@media (min-width: 1024px) {
  .celebrateBanner .homeFullScreenWrapperContent.rewardMaintenance .homeFullScreenContent { max-width: 100%; }
}
.celebrateBanner .homeFullScreenWrapperContent.rewardMaintenance button { height: 2rem; font-size: 0.75rem; line-height: 1rem; display: flex; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .celebrateBanner .homeFullScreenWrapperContent.rewardMaintenance button { height: 3rem; font-size: 1rem; line-height: 1.5rem; }
  .celebrateBanner .homeFullScreenWrapperContent button { margin-top: 1.25rem; margin-bottom: 1.25rem; }
}
.celebrateBanner .homeFullScreenTitle { padding-bottom: 0px; font-size: var(--fontSizeFontSizeMd); line-height: var(--lineHeightsSm); }
@media (min-width: 1024px) {
  .celebrateBanner .homeFullScreenTitle { padding: 1rem; font-size: var(--fontSizeFontSizeXxl); line-height: var(--lineHeightsXl); }
}
.celebrateBanner .homeFullScreenContent { display: none; }
@media (min-width: 1024px) {
  .celebrateBanner .homeFullScreenContent { display: block; }
}
.celebrateBannerBgImage { margin-left: auto; margin-right: auto; border-radius: 0.75rem; position: relative; margin-inline: auto; height: auto; width: 100%; background-size: cover; background-repeat: no-repeat; }
.celebrateBannerBgImageCtr { position: relative; }
.celebrateBannerBgImageCtr::before { position: absolute; left: 0px; top: 0px; z-index: 10; height: 144px; width: 100%; border-radius: 0.75rem; --tw-content: ""; content: var(--tw-content); }
@media (min-width: 1024px) {
  .celebrateBannerBgImageCtr { width: 100%; }
  .celebrateBannerBgImageCtr::before { content: var(--tw-content); height: 420px; }
}
.promGridHeading { padding-top: 0.75rem; }
.moduleCtr { margin-top: 0.75rem; background-color: var(--colorBackgroundNeutralBright); padding-top: 2rem; padding-bottom: 2rem; padding-left: 1.25rem; overflow: hidden; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .moduleCtr { overflow: visible; border-radius: 0.75rem; border-width: 1px; border-style: solid; border-color: var(--colorBaseAlpha300); padding: 1.5rem; }
}
.moduleCtr .subtextPrice { font-size: var(--fontSizeFontSizeXs); font-weight: 400; }
@media (min-width: 1024px) {
  .moduleCtr .subtextPrice { font-size: var(--paragraphSpacingMedium); font-weight: 700; }
}
.moduleCtr .subtextCal { font-size: var(--fontSizeFontSizeXs); }
.moduleCtr .subTextdot::after { top: 0.75rem; }
.moduleCtr .pdpListTileTextwrapper { padding-left: 0px; padding-right: 0px; }
.moduleCtr .pdpListTileText { max-height: 50px; line-height: 1.5rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
@media (min-width: 1024px) {
  .moduleCtr .pdpListTileText { overflow: visible; display: block; -webkit-box-orient: horizontal; -webkit-line-clamp: none; min-height: min-content; padding-bottom: 1rem; line-height: 1.5; }
}
.moduleCtr .\!subText, .moduleCtr .subText { padding-left: 0px; padding-right: 0px; padding-bottom: 0.5rem; }
.moduleCtr .pdpListTile { margin-bottom: 0px; --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); height: 100%; flex-direction: row-reverse; }
@media (min-width: 1024px) {
  .moduleCtr .pdpListTile { margin-bottom: 1rem; flex-direction: column; }
}
.moduleCtr .pdpListTileImg { width: 172px; height: 100%; }
@media (min-width: 1024px) {
  .moduleCtr .pdpListTileImg { height: 10rem; width: 100%; }
}
.moduleCtr .pdpListTileImg .menuResultsTailImage { height: 100%; }
.moduleCtr .listinnerwrapper { width: 163px; border-radius: 0.5rem 0px 0px 0.5rem; padding: 15px 0.75rem 15px 1rem; height: auto; }
@media (min-width: 1024px) {
  .moduleCtr .listinnerwrapper { height: auto; width: 100%; border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-top-left-radius: 0px; padding-left: 1.5rem; padding-right: 1.5rem; }
}
.moduleCtr .listinnerwrapper .moduleSectionBtn button { height: 2rem; }
@media (min-width: 1024px) {
  .moduleCtr .listinnerwrapper .moduleSectionBtn button { height: 2.5rem; }
}
.moduleCtr .listinnerwrapper .moduleSubText { line-height: 1rem; }
@media (min-width: 1024px) {
  .moduleCtr .bannerTextSecond { margin-bottom: 0.75rem; }
}
.moduleCtr .bannerDoubleTextOne { font-size: var(--fontSizeFontSizeMd); line-height: var(--lineHeightsSm); }
@media (min-width: 1024px) {
  .moduleCtr .bannerDoubleTextOne { font-family: var(--fontFamiliesPrimary); font-size: var(--typographyHeadlineStylizedLargeTopFontSize); font-weight: 400; text-transform: uppercase; line-height: 2.5rem; color: var(--colorBaseAlpha950); }
}
.moduleCtr .bannerDoubleTextTwo { color: var(--colorPrimary600); }
@media (min-width: 1024px) {
  .moduleCtr .bannerDoubleTextTwo { display: block; font-size: var(--typographyHeadlineStylizedLargeTopFontSize); line-height: 2.5rem; }
}
.moduleSectionBtn { margin-bottom: 15px; margin-top: 0px; gap: 0.5rem; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 0.75rem; line-height: 1rem; display: flex; }
@media (min-width: 1024px) {
  .moduleSectionBtn { margin-top: 0.75rem; }
}
.modulebadgesContainer { left: 10px; top: 10px; }
@media (min-width: 1024px) {
  .modulebadgesContainer { left: 0.75rem; top: 0.75rem; }
}
.moduleBtn { padding-left: 1rem; padding-right: 0.75rem; font-size: var(--fontSizeFontSizeXs); cursor: pointer; }
@media (min-width: 1024px) {
  .moduleBtn { padding-left: 19px; padding-right: 19px; font-size: 1rem; line-height: 1.5rem; }
}
.moduleImage { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
@media (min-width: 1024px) {
  .moduleImage { height: 155px; border-radius: 0.5rem 0.5rem 0px 0px; }
}
.moduleSubText { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; padding-bottom: 0.25rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeXs); line-height: 1.5rem; }
@media (min-width: 1024px) {
  .moduleSubText { overflow: visible; display: block; -webkit-box-orient: horizontal; -webkit-line-clamp: none; padding-bottom: 0.75rem; font-size: 0.875rem; line-height: 1rem; }
}
.viewAllBtn { width: 50%; font-family: var(--fontFamiliesBody); font-size: 0.875rem; line-height: 1.25rem; font-weight: var(--fontWeightsBold); cursor: pointer; text-align: right; }
@media (min-width: 1024px) {
  .viewAllBtn { width: 9rem; border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonSecondaryBorderEnabled); background-color: var(--colorButtonSecondaryBackgroundEnabled); padding: var(--spacing6x) var(--spacing8x); text-align: center; font-family: var(--fontFamiliesPrimary); font-size: var(--typographyButtonPrimaryLargeFontSize); font-weight: var(--fontWeightsRegular); color: var(--colorButtonSecondaryForegroundEnabled); }
  .viewAllBtn:hover { background-color: var(--colorButtonSecondaryBackgroundPressed); }
}
.viewMore { margin-left: 0px; margin-right: 0px; padding-right: 1.25rem; display: flex; flex-direction: row; }
@media (min-width: 1024px) {
  .viewMore { min-width: 20rem; flex-direction: column; align-items: center; justify-content: center; gap: 1.5rem; padding: 1.25rem; text-align: center; }
}
.viewMore .bannerDoubleText { margin-left: 0px; margin-right: 0px; }
@media (min-width: 1024px) {
  .viewMore .bannerDoubleText { margin-left: 1.5rem; margin-right: 1.5rem; margin-bottom: 0.75rem; }
}
.sliderLeftChevronIcon svg { top: 1px; --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); position: relative; }
.sliderLeftChevronIcon svg:focus { outline: transparent solid 2px; outline-offset: 2px; }
.disabledLeftChevronIcon { pointer-events: none; }
.disabledLeftChevronIcon path { fill: var(--colorForegroundContentSubtleDisabled); }
.reorderContent { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsRegular); }
@media (min-width: 1024px) {
  .reorderContent { font-size: 1rem; line-height: 1.5rem; font-weight: var(--fontWeightsBold); }
}
.homeFullScreenExpiry { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: 400; line-height: var(--lineHeightsRg); color: var(--colorBaseAlpha50); --tw-leading: --lineHeightsRg; }
.homePageWrapper .homePage .celebrateBanner { border-radius: 0.75rem; --tw-border-opacity: 1; border-color: rgb(179 179 179/var(--tw-border-opacity)); background-color: var(--color-background-neutral-inverse-base-component); border-style: var(--tw-border-style); border-width: 1px; }
@media (min-width: 1024px) {
  .homePageWrapper .homePage .celebrateBanner { width: 1296px; padding-left: 0px; padding-right: 0px; margin-left: auto !important; margin-right: auto !important; }
}
.homePageWrapper .homePage .celebrateBanner .homeFullScreenWrapper { inset: 0px; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; background-image: none; padding-bottom: 0px; position: relative; display: flex; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .homePageWrapper .homePage .celebrateBanner .homeFullScreenWrapper { width: 100%; border-bottom-left-radius: 18px; border-bottom-right-radius: 0px; border-top-left-radius: 18px; background-color: var(--colorBaseOffBlack500); }
}
.homePageWrapper .homePage .celebrateBanner .homeFullScreenWrapper .homeFullScreenWrapperContent { inset: 0px; position: relative; display: flex; align-items: center; justify-content: center; text-align: center; }
.homePageWrapper .homePage .celebrateBannerBgImageCtr::before { --tw-content: none; content: var(--tw-content); }
.homePageWrapper .homePage .celebrateBannerBgImageCtr video { position: relative; }
@media (min-width: 1024px) {
  .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.homePageWrapper .homePage .celebrateBannerBgImageCtr video { display: none; }
  .homePageWrapper .homePage .celebrateBannerBgImageCtr video { position: absolute; }
  .celebrateBannerBgImageCtr.showGradient::before { left: 50%; z-index: 10; width: 50%; border-bottom-left-radius: 0px; border-top-left-radius: 0px; --tw-content: ""; content: var(--tw-content); }
}
@media (min-width: 640px) {
  .bannerHead { max-width: 640px; }
}
@media (min-width: 768px) {
  .bannerHead { max-width: 768px; }
}
@media (min-width: 1024px) {
  .bannerHead { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .bannerHead { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .bannerHead { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .bannerHead { max-width: 1536px; }
}
.site-map .bannerHead { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .bannerHead { flex-direction: row; }
}
.site-map .bannerHead .leftColumn .level-1, .site-map .bannerHead .leftColumn .level-2, .site-map .bannerHead .leftColumn .level-3, .site-map .bannerHead .rightColumn .level-1, .site-map .bannerHead .rightColumn .level-2, .site-map .bannerHead .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .bannerHead .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .bannerHead .level-2, .site-map .bannerHead .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .bannerHead .rightColumn { background-color: transparent; }
.site-map .bannerHead .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .bannerHead .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .bannerHead .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .bannerHead .camelCaseClass { text-transform: capitalize; }
.site-map .bannerHead .lowerCaseClass { text-transform: lowercase; }
.site-map .bannerHead h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.bannerHead { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .bannerHead { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .bannerHead { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .bannerHead .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .bannerHead .leftColumn { width: 50%; }
}
.site-map .bannerHead .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .bannerHead .leftColumn .level-1 { padding: 0px; }
.site-map .bannerHead .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .bannerHead .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .bannerHead .rightColumn { width: 50%; }
}
.site-map .bannerHead .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .bannerHead .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .bannerHead .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .bannerHead .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .bannerHead .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.bannerHead { margin-left: auto; margin-right: auto; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .bannerHead { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .bannerHead { max-width: 1440px; }
}
.bannerHead { position: relative; z-index: 10; width: 100%; margin-inline: auto; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .bannerHead { flex-direction: row; }
}
.firstColumn { background-color: var(--colorBaseAlpha950); padding: 3.5rem 2.75rem; width: 100%; }
@media (min-width: 1024px) {
  .firstColumn { display: flex; width: 50%; flex-direction: column; align-items: center; justify-content: center; }
}
.secondColumn { height: 254px; --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position); position: relative; width: 100%; --tw-gradient-from: --colorBaseAlpha950; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.secondColumn::before { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; background-image: linear-gradient(to right,var(--tw-gradient-stops)); --tw-content: ""; content: var(--tw-content); }
@media (min-width: 768px) {
  .secondColumn { height: auto; }
}
@media (min-width: 1024px) {
  .secondColumn { height: 472px; width: 50%; }
}
.secondColumn .imgSec { height: 100%; width: 100%; }
.contentSec { height: 254px; padding-left: 20px; color: var(--colorForegroundContentInverseEnabled); z-index: 10; justify-content: center; }
@media (min-width: 1024px) {
  .contentSec { height: 472px; padding-left: 57px; padding-right: 72px; }
}
.imgSec { height: 100%; }
.preHead { border-radius: 0.375rem; background-color: var(--colorBackgroundBrandPrimary); padding: 0.125rem 0.375rem; font-family: var(--fontFamiliesBody); font-size: var(--typographyButtonSecondaryMediumFontSize); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsRg); color: var(--colorForegroundBrandPrimaryOnBackground); display: inline-block; width: max-content; --tw-leading: --lineHeightsRg; }
.headeyebrowText { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); font-weight: 500; line-height: var(--lineHeightsMd); color: var(--colorForegroundContentInverseEnabled); }
@media (min-width: 1024px) {
  .headeyebrowText { width: 453px; max-width: 453px; padding-top: 1rem; padding-bottom: 1rem; font-size: var(--fontSizeFontSizeXxl); line-height: 44px; }
}
.headTitle { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); font-weight: 500; line-height: var(--lineHeightsMd); color: var(--colorForegroundContentInverseEnabled); }
@media (min-width: 1024px) {
  .headTitle { width: 453px; max-width: 453px; padding-top: 1.5rem; padding-bottom: 1.5rem; font-size: var(--fontSizeFontSizeXxl); line-height: 44px; }
}
.bannerDescription { padding-top: 1rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); line-height: var(--lineHeightsRg); color: var(--colorForegroundContentInverseEnabled); --tw-leading: --lineHeightsRg; }
@media (min-width: 1024px) {
  .bannerDescription { padding-top: 1.5rem; }
}
.subImage { color: var(--colorForegroundContentInverseEnabled); display: flex; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .subImage { max-height: 100%; }
}
.innerText { text-align: center; }
.heroBannerSectionContainer .btnPosition .orderBtnOne { width: 100%; justify-content: center; }
@media (min-width: 1024px) {
  .heroBannerSectionContainer .btnPosition .orderBtnOne { width: fit-content; }
}
.curbsidePickupView .orderBtnOne { height: 3rem; display: flex; width: 100%; align-items: center; justify-content: center; font-size: 20px; }
@media (min-width: 1024px) {
  .curbsidePickupView .orderBtnOne { width: auto; }
}
.tmobileBodyCont.orderingPageContainer .orderBtnOne { width: 100%; }
.tmobileBodyCont.orderingPageContainer .orderBtnOne.submitButton { width: 140px; min-width: 140px; }
.tmobileBodyCont.orderingPageContainer .memberInputCtr .orderBtnOne { max-width: 233px; }
.orderBtnOne { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonPrimaryBorderEnabled); background-color: var(--colorButtonPrimaryBackgroundEnabled); padding: var(--spacing4x) var(--spacing8x); font-size: var(--typographyButtonPrimaryLargeFontSize); font-weight: var(--fontWeightsRegular); color: var(--colorButtonPrimaryForegroundEnabled); text-align: center; }
.orderBtnOne:hover { background-color: var(--colorButtonPrimaryBackgroundPressed); }
@media (min-width: 1024px) {
  .orderBtnOne { padding: var(--spacing6x) var(--spacing16x); }
}
.orderBtnOne .ldsEllipsis { top: 1px; }
.errorPageContainer .errorInfoContainer.scanLanding .orderBtnOne { top: -0.75rem; position: relative; width: 100%; }
.groupOrderBtns .orderBtnOne { min-width: 335px; }
.differentLocationModal .modalBtns .orderBtnOne { margin-bottom: 0.75rem; }
.imageGalleryContainer .galleryBoxDescription .orderBtnOne { font-size: var(--fontSizeFontSizeXs); }
@media (min-width: 1024px) {
  .imageGalleryContainer .galleryBoxDescription .orderBtnOne { font-size: var(--fontSizeFontSizeRg); }
}
.headerNavContainer .headerActions .orderBtnOne { font-family: var(--fontFamiliesPrimary); line-height: 1.5; }
@media (min-width: 1024px) {
  .headerNavContainer .headerActions .orderBtnOne { font-size: 22px; line-height: 1.5rem; }
}
.orderBtnOne { background-color: var(--colorBaseOffBlack500); font-family: var(--fontFamiliesPrimary); font-weight: 700; text-transform: uppercase; }
@media (min-width: 1024px) {
  .orderBtnOne, .orderBtnOne:hover { background-color: var(--colorPrimary500); }
}
.modalWrapper .modalInner .storeclosedpopup .orderBtnOne { font-family: var(--fontFamiliesPrimary); }
.headsUpModal .modalBtns .orderBtnOne { padding-left: 0px; padding-right: 0px; }
.confirmOrderModel .orderBtnOne, .deliveryUnavailCtr .orderBtnOne, .storeclosedpopup .orderBtnOne { height: 3rem; font-family: var(--fontFamiliesPrimary); font-size: 22px; line-height: 1.5rem; }
.deliveryUnavailCtr .orderBtnOne, .storeclosedpopup .orderBtnOne { font-weight: 700; }
.FullScreenWrapper.homeFullScreenWrapperContent .orderBtnOne { margin-top: 0px; height: 3rem; min-width: 225px; background-color: var(--colorPrimary500); font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; }
@media (min-width: 1024px) {
  .FullScreenWrapper.homeFullScreenWrapperContent .orderBtnOne { min-width: 0px; }
}
.menuPageBg .favorites .orderBtnOne, .menuPageBg .recents .orderBtnOne { height: 3rem; background-color: var(--colorPrimary500); padding-left: 2rem; padding-right: 2rem; font-size: 22px; font-weight: 700; width: auto; text-transform: uppercase; }
@media screen and (min-width: 1024px) and (max-width: 1399px) {
  .menuPageBg .favorites .orderBtnOne, .menuPageBg .recents .orderBtnOne { font-size: var(--fontSizeFontSizeRg); }
}
.personalInfoFormContainer .accountButtonsContainer .orderBtnOne, .personalInfoFormContainer .notificationButtonWrapper .orderBtnOne { font-family: BrooklynSamuelsThreeBold; padding-top: 0px; padding-bottom: 0px; font-size: 22px; text-transform: uppercase; }
.drawerWrapper.drawerOpen .saveSelectionBtn .orderBtnOne, .drawerWrapper.drawerOpen .saveSgslBtn .orderBtnOne { font-family: BrooklynSamuelsThreeBold; height: 3rem; padding-top: 0px; padding-bottom: 0px; font-size: 22px; }
.orderingPageContainer .orderBtnOne { height: 3rem; font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 2rem; width: 100%; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .orderingPageContainer .orderBtnOne { width: max-content; line-height: 26px; }
}
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper .externalLinkButton .linkContentBtn.orderBtnOne svg path { fill: var(--colorBaseAlpha50); }
.orderingPageContainer .giftContainer .orderBtnOne { width: 152px; padding: 0px; display: flex; align-items: center; justify-content: center; }
.imageTextContainer .careerImgDescription a.orderBtnOne { margin-top: 1.5rem; }
@media (min-width: 1024px) {
  .imageTextContainer .careerImgDescription a.orderBtnOne { display: flex; }
}
.scanLandingBg .errorPageContainer .errorInfoContainer.scanLanding .orderBtnOne { font-family: BrooklynSamuelsThreeBold; top: 0px; height: 3rem; font-size: 22px; font-weight: 700; }
.modal .modalInner .selectedRewardModal .referFriendHeading + .modalBtns .orderBtnOne span { top: 0px; position: relative; text-transform: uppercase; }
.barCodePopup .orderBtnOne { font-size: var(--typographyButtonPrimaryLargeFontSize); }
.actionRequiredCont .errorLocationWrapper .btnsWrapper .orderBtnOne { height: 3rem; background-color: var(--colorBaseRed550); font-family: BrooklynSamuelsThreeBold; font-weight: 700; color: var(--colorBaseAlpha50); border-style: var(--tw-border-style); border-width: 0px; font-size: 19px; text-transform: uppercase; }
.cartChekoutButtonContainer .groupOrderBtns .orderBtnOne span { font-size: 22px; font-weight: 700; }
.orderBtnOne { padding: 9px 1rem; font-size: var(--fontSizeFontSizeSm); line-height: var(--lineHeightsRg); display: inline-flex; --tw-leading: --lineHeightsRg; }
@media (min-width: 1024px) {
  .orderBtnOne { padding: 14.5px 2rem; font-size: var(--fontSizeFontSizeSm); }
}
.bannerSmallText { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeXs); color: var(--colorForegroundContentInverseEnabled); }
@media (min-width: 1024px) {
  .bannerSmallText { padding-bottom: 0px; padding-top: 0px; }
}
.wecomeSmallText { padding-top: 2.5rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeMd); color: var(--colorForegroundContentInverseEnabled); display: none; align-items: center; justify-content: center; text-align: center; }
@media (min-width: 1024px) {
  .wecomeSmallText { display: flex; }
}
.bannerDoubleText { display: flex; flex-direction: column; align-items: center; }
@media (min-width: 1024px) {
  .homePage .mealKitContentWraper { align-items: flex-start; }
}
.homePage .homepagePagePromotionSectionDescription { color: var(--colorForegroundContentEnabled); }
@media (min-width: 1024px) {
  .homePage .homepagePagePromotionSection.rewardsModule { margin-top: 0px; }
  .homePage .promoImgContainer { margin-top: 2.5rem; }
}
@media (min-width: 640px) {
  .twoColumn { max-width: 640px; }
}
@media (min-width: 768px) {
  .twoColumn { max-width: 768px; }
}
@media (min-width: 1024px) {
  .twoColumn { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .twoColumn { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .twoColumn { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .twoColumn { max-width: 1536px; }
}
.site-map .twoColumn { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .twoColumn { flex-direction: row; }
}
.site-map .twoColumn .leftColumn .level-1, .site-map .twoColumn .leftColumn .level-2, .site-map .twoColumn .leftColumn .level-3, .site-map .twoColumn .rightColumn .level-1, .site-map .twoColumn .rightColumn .level-2, .site-map .twoColumn .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .twoColumn .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .twoColumn .level-2, .site-map .twoColumn .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .twoColumn .rightColumn { background-color: transparent; }
.site-map .twoColumn .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .twoColumn .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .twoColumn .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .twoColumn .camelCaseClass { text-transform: capitalize; }
.site-map .twoColumn .lowerCaseClass { text-transform: lowercase; }
.site-map .twoColumn h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.twoColumn { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .twoColumn { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .twoColumn { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .twoColumn .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .twoColumn .leftColumn { width: 50%; }
}
.site-map .twoColumn .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .twoColumn .leftColumn .level-1 { padding: 0px; }
.site-map .twoColumn .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .twoColumn .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .twoColumn .rightColumn { width: 50%; }
}
.site-map .twoColumn .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .twoColumn .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .twoColumn .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .twoColumn .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .twoColumn .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.twoColumn { margin-left: auto; margin-right: auto; background-color: var(--colorBaseLightBeige500); }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .twoColumn { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .twoColumn { max-width: 1440px; }
}
.twoColumn { margin-inline: auto; display: flex; width: 100%; flex-direction: column; overflow: hidden; text-align: center; }
@media (min-width: 1024px) {
  .twoColumn { margin-bottom: 0px; }
}
.twoColumn.imageLeftSection .contentContainer, .twoColumn.imageLeftSection .imageContainer { grid-template-rows: repeat(1, minmax(0px, 1fr)); order: 2; }
.twoColumn.imageLeftSection .contentContainer { padding: 1rem; color: var(--colorBaseOffBlack500); display: flex; width: 100%; flex-direction: column; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .twoColumn.imageLeftSection .contentContainer { padding: 0px; }
}
.twoColumn.imageLeftSection .imageContainer { order: 1; }
.twoColumn.imageRightSection .contentContainer, .twoColumn.imageRightSection .imageContainer { grid-template-rows: repeat(1, minmax(0px, 1fr)); order: 1; }
.twoColumn.imageRightSection .imageContainer { order: 2; }
.twoColumn.imageRightSection .contentContainer { padding: 1rem; color: var(--colorBaseOffBlack500); display: flex; width: 100%; flex-direction: column; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .twoColumn.imageRightSection .contentContainer { padding: 0px 3.5rem; }
  .twoColumn.imageBottomSection .columnContainer, .twoColumn.imageTopSection .columnContainer { margin-left: auto; margin-right: auto; display: flex; flex-direction: column; }
  .twoColumn.imageBottomSection .imageContainer, .twoColumn.imageTopSection .imageContainer { display: flex; justify-content: center; }
  .twoColumn.imageBottomSection .columnContainer { margin-left: auto; margin-right: auto; display: flex; flex-direction: column-reverse; }
}
.twoColumn.imageBorderSection .columnContainer { margin-top: 1rem; border-radius: 1rem; background-color: var(--colorBackgroundNeutralBright); display: grid; grid-template-columns: repeat(1, minmax(0px, 1fr)); text-align: center; }
@media (min-width: 1024px) {
  .twoColumn.imageBorderSection .columnContainer { margin-top: 0px; margin-bottom: 0px; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
.twoColumn.imageBorderSection .columnContainer.columnContainerBorder { border-color: var(--colorBaseAlpha300); border-style: var(--tw-border-style); border-width: 1px; }
.twoColumn.imageBorderSection .columnContainer .imgHalfRadius { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; height: 100%; }
@media (min-width: 1024px) {
  .twoColumn.imageBorderSection .columnContainer .imgHalfRadius { border-top-left-radius: 0px; border-bottom-right-radius: 0.5rem; }
}
@media (min-width: 1440px) {
  .twoColumn.imageBorderSection .columnContainer .imgHalfRadius { float: right; }
}
.twoColumn.imageBorderSection .columnContainer img { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; width: 100%; }
@media (min-width: 1024px) {
  .twoColumn.imageBorderSection .columnContainer img { border-top-left-radius: 0px; border-bottom-right-radius: 0.5rem; }
}
.twoColumn.imageBorderSection .contentContainer, .twoColumn.imageBorderSection .imageContainer { grid-template-rows: repeat(1, minmax(0px, 1fr)); order: 2; }
@media (min-width: 1024px) {
  .twoColumn.imageBorderSection .contentContainer, .twoColumn.imageBorderSection .imageContainer { order: 1; }
  .twoColumn.imageBorderSection .contentContainer .contentRight, .twoColumn.imageBorderSection .imageContainer .contentRight { height: 100%; }
  .twoColumn.imageBorderSection .contentContainer .contentRight .menuVarietieOfferRight, .twoColumn.imageBorderSection .imageContainer .contentRight .menuVarietieOfferRight { padding-left: 0px; padding-right: 0px; }
}
.twoColumn.imageBorderSection .imageContainer { order: 1; }
@media (min-width: 1024px) {
  .twoColumn.imageBorderSection .imageContainer { order: 2; }
}
.columnContent { padding-bottom: 1rem; padding-top: 0.5rem; font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.25rem; }
@media (min-width: 1024px) {
  .columnContent { padding-bottom: 2rem; padding-top: 1rem; }
  .imageRightSection { margin-bottom: 3rem; padding-top: 4rem; }
  .homePageWrapper .homePage .imageRightSection { margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; }
  .imageLeftSection { margin-bottom: 4rem; }
}
.columnContainer { margin-bottom: 1.5rem; margin-top: 2.25rem; border-radius: 1rem; grid-template-columns: repeat(1, minmax(0px, 1fr)); text-align: center; }
@media (min-width: 1024px) {
  .columnContainer { margin-bottom: 0px; margin-top: 0px; border-radius: 1rem; }
}
.columnContainer img { width: 100%; }
.menuVarietieOfferRight { padding-left: 0px; padding-right: 0px; padding-bottom: 0.5rem; font-family: var(--fontWeightsBaseLineShade); font-weight: 400; line-height: 34px; color: var(--colorPrimary600); font-size: 32px; }
@media (min-width: 1024px) {
  .menuVarietieOfferRight { margin-left: 1.5rem; margin-right: 1.5rem; font-size: 40px; }
}
.introducingEmenuBtn { padding: 11px 2rem; }
.eMenuBtn, .introducingEmenuBtn { border-radius: 1000px; border-color: var(--colorBaseAlpha800); font-size: 1rem; line-height: 1.5rem; display: inline-block; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.eMenuBtn { padding: 0.875rem 2rem; }
.termsCondition { padding-top: 2rem; font-family: var(--fontFamiliesBody); font-size: 0.75rem; line-height: 1rem; color: var(--colorBaseAlpha600); }
.termsCondition .legalText:hover { cursor: default; }
.doubleTextFirst { left: 0px; right: 0px; font-family: var(--fontFamiliesPrimary); font-weight: 400; color: var(--colorBaseOffBlack500); text-transform: uppercase; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.doubleTextSecond { display: none; }
.doubleTextSecond { left: 0px; right: 0px; top: 0px; font-family: var(--fontWeightsBaseLineShade); font-weight: 400; color: var(--colorBaseOrange700); position: absolute; text-transform: uppercase; }
@media (min-width: 640px) {
  .homepagePagePromotionSection { max-width: 640px; }
}
@media (min-width: 768px) {
  .homepagePagePromotionSection { max-width: 768px; }
}
@media (min-width: 1024px) {
  .homepagePagePromotionSection { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .homepagePagePromotionSection { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .homepagePagePromotionSection { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .homepagePagePromotionSection { max-width: 1536px; }
}
.site-map .homepagePagePromotionSection { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .homepagePagePromotionSection { flex-direction: row; }
}
.site-map .homepagePagePromotionSection .leftColumn .level-1, .site-map .homepagePagePromotionSection .leftColumn .level-2, .site-map .homepagePagePromotionSection .leftColumn .level-3, .site-map .homepagePagePromotionSection .rightColumn .level-1, .site-map .homepagePagePromotionSection .rightColumn .level-2, .site-map .homepagePagePromotionSection .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .homepagePagePromotionSection .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .homepagePagePromotionSection .level-2, .site-map .homepagePagePromotionSection .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .homepagePagePromotionSection .rightColumn { background-color: transparent; }
.site-map .homepagePagePromotionSection .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .homepagePagePromotionSection .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .homepagePagePromotionSection .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .homepagePagePromotionSection .camelCaseClass { text-transform: capitalize; }
.site-map .homepagePagePromotionSection .lowerCaseClass { text-transform: lowercase; }
.site-map .homepagePagePromotionSection h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.homepagePagePromotionSection { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .homepagePagePromotionSection { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .homepagePagePromotionSection { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .homepagePagePromotionSection .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .homepagePagePromotionSection .leftColumn { width: 50%; }
}
.site-map .homepagePagePromotionSection .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .homepagePagePromotionSection .leftColumn .level-1 { padding: 0px; }
.site-map .homepagePagePromotionSection .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .homepagePagePromotionSection .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .homepagePagePromotionSection .rightColumn { width: 50%; }
}
.site-map .homepagePagePromotionSection .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .homepagePagePromotionSection .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .homepagePagePromotionSection .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .homepagePagePromotionSection .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .homepagePagePromotionSection .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.homepagePagePromotionSection { margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .homepagePagePromotionSection { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .homepagePagePromotionSection { max-width: 1440px; }
}
.homepagePagePromotionSection { position: relative; width: 100%; margin-inline: auto; text-align: center; }
@media (min-width: 1024px) {
  .homepagePagePromotionSection { padding: 0px 72px; }
  .homepagePagePromotionSection .blueMenuBtn { padding: 14.5px 2rem; font-size: var(--fontSizeFontSizeRg); }
}
.homePage .homepagePagePromotionSection.rewardsModule .homepagePagePromotionSectionContainer { height: 315px; }
@media (min-width: 1024px) {
  .homePage .homepagePagePromotionSection.rewardsModule .homepagePagePromotionSectionContainer { height: 346px; }
}
.homepagePagePromotionSectionContainer { margin: 2rem auto auto; height: 20rem; border-radius: 0.5rem; background-color: var(--colorBackgroundBrandSecondary); background-image: url("../scraped_assets/images/texture-deals-rewards.672a80f2.png"); position: relative; z-index: 0; display: flex; width: 100%; flex-direction: column; align-items: center; justify-content: space-evenly; text-align: center; }
@media (min-width: 1024px) {
  .homepagePagePromotionSectionContainer { margin-top: 0px; height: 116px; flex-direction: row; justify-content: space-between; padding-bottom: 0px; }
}
.imgSecIconMobile { margin: auto; --tw-rotate: -90deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); display: flex; justify-content: center; }
@media (min-width: 1024px) {
  .imgSecIconMobile { display: none; }
}
.promoOfferText { margin-top: 0.5rem; display: flex; }
@media (min-width: 1024px) {
  .promoOfferText { margin-left: 5rem; margin-top: 0px; height: 3rem; align-items: flex-end; }
}
.promoOfferText .doubleTextFirst { font-family: var(--fontWeightsBaseLineShade); color: var(--colorBaseAlpha50); }
.promoOfferText .doubleTextSecond { font-family: var(--fontFamiliesPrimary); color: var(--colorBaseOffBlack500); }
.rewardsInfoText { margin-top: 0px; gap: 1.25rem; flex-direction: column; align-items: center; }
@media (min-width: 1024px) {
  .rewardsInfoText { margin-left: 3rem; flex-direction: row; gap: 0px; }
}
.rewardsInfoText .textShade { margin-left: 0px; }
@media (min-width: 1024px) {
  .rewardsInfoText .textShade { margin-left: 1rem; }
}
.homepagePagePromotionSectionDescription { padding: 1rem 1.5rem 1.5rem; font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.25rem; z-index: 10; }
@media (min-width: 1024px) {
  .homepagePagePromotionSectionDescription { padding-bottom: 0px; padding-top: 0px; }
}
.homepagePagePromotionSectionfeesDesktop { font-family: var(--fontFamiliesBody); font-size: 0.75rem; line-height: 1rem; color: var(--colorBaseOffBlack500); z-index: 10; display: none; text-align: center; }
@media (min-width: 1024px) {
  .homepagePagePromotionSectionfeesDesktop { display: block; }
}
.blueMenuBtn { border-radius: 1000px; border-color: var(--colorBaseAlpha800); background-color: var(--colorBaseAlpha950); padding: 0.5rem 2rem; font-size: 0.75rem; line-height: 1rem; color: var(--colorBaseAlpha50); position: relative; z-index: 10; border-width: 1px; --tw-border-style: solid; border-style: solid; text-align: center; }
@media (min-width: 1024px) {
  .blueMenuBtn { margin-right: 50px; margin-top: 0px; }
}
.homepagePagePromotionSectionfees { padding-bottom: 1rem; font-family: var(--fontFamiliesBody); font-size: 0.75rem; line-height: 1rem; color: var(--colorBaseAlpha600); z-index: 10; text-align: center; }
@media (min-width: 1024px) {
  .homepagePagePromotionSectionfees { display: none; padding-top: 1.5rem; }
}
.homepagePagePromotionSectionOffer { padding-left: 2.5rem; padding-right: 2.5rem; padding-top: 1.5rem; font-size: var(--fontSizeFontSizeXl); font-weight: 400; line-height: var(--lineHeightsLg); color: var(--colorPrimary600); position: relative; z-index: 10; text-align: center; }
@media (min-width: 1024px) {
  .homepagePagePromotionSectionOffer { padding-left: 0px; padding-right: 0px; padding-top: 0px; font-size: var(--fontSizeFontSizeXxl); }
}
.homepagePagePromotionSectionOffer .promoOfferText .doubleTextFirst { font-size: var(--fontSizeFontSizeXxl); line-height: var(--lineHeightsLg); }
.homepagePagePromotionSectionOffer .promoOfferText .doubleTextSecond { font-family: var(--fontWeightsBaseLine); font-size: var(--fontSizeFontSizeXxl); line-height: 2.25rem; }
.homepagePagePromotionSectionOffer .rewardsCost .doubleTextFirst, .homepagePagePromotionSectionOffer .rewardsCost .doubleTextSecond { gap: 0.5rem; }
.promGridModuleCtr { margin: 7rem auto 2rem; gap: 1.5rem; background-color: var(--colorBackgroundNeutralDim); padding: 1rem 1.25rem; position: relative; margin-inline: auto; display: flex; flex-direction: column; }
.promGridModuleCtr::before { top: -15px; --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.promGridModuleCtr::after, .promGridModuleCtr::before { position: absolute; left: 0px; height: 1.25rem; width: 100%; background-image: url("../scraped_assets/images/bg-top-btm.6b110dc7.png"); --tw-content: ""; content: var(--tw-content); }
.promGridModuleCtr::after { bottom: -1.25rem; }
@media (min-width: 1024px) {
  .promGridModuleCtr { margin-top: 2rem; margin-bottom: 2rem; flex-direction: row; padding: 2rem 4rem; }
}
.homePageWrapper .homePage .promGridModuleCtr { padding-top: 0px; padding-bottom: 0px; margin-top: 0px !important; margin-bottom: 0px !important; }
.promGridInnerCtr { border-radius: var(--borderRadiusMoreRounded); border-color: var(--colorBaseAlpha300); background-color: var(--colorBaseAlpha50); padding: 1.5rem; --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); display: flex; width: auto; flex-direction: column-reverse; align-items: center; justify-content: space-between; border-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .promGridInnerCtr { width: 50%; flex-direction: row; border-radius: 0.5rem; padding: 1.5rem 38px; }
}
.promGridHeading { padding-top: 1.25rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeLg); line-height: var(--lineHeightsLg); }
.promGridHeading, .promGridText { margin-bottom: 0.5rem; font-weight: var(--fontWeightsRegular); color: var(--colorBaseOffBlack500); }
.promGridText { font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); }
.promGridText, .promoGridChevron { font-family: var(--fontFamiliesBody); }
.promoGridChevron { gap: 0.25rem; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; color: var(--colorButtonTertiaryForegroundEnabled); display: flex; align-items: center; }
.tearmsContainer { margin-left: auto; margin-right: auto; padding: 1.5rem 1.25rem 3rem; margin-inline: auto; width: 100%; }
@media (min-width: 1024px) {
  .tearmsContainer { width: 41.6667%; padding: 3rem 0px 4rem; }
}
.tearmsContainerTitle { padding-bottom: 1.5rem; padding-top: 1.75rem; font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; font-weight: 400; line-height: 34px; }
@media (min-width: 1024px) {
  .tearmsContainerTitle { font-size: 40px; }
}
.rewardDealContainer { gap: 1.25rem; padding-top: 1.25rem; padding-bottom: 1.25rem; display: flex; align-items: center; border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; }
@media (min-width: 1024px) {
  .rewardDealContainer { border-bottom-width: 0px; padding-left: 1.25rem; padding-right: 1.25rem; }
}
.rewardDealContainer .rewardDealIcon { min-width: 78px; position: relative; height: 78px; }
.rewardDealContainer .rewardDealIcon img { object-fit: contain; }
.rewardDealHeading { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeLg); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); }
.rewardsBackgroundImg::after { position: absolute; top: 0px; height: 100%; width: 100%; background-image: url("../scraped_assets/images/moes-granular-texture.08fa8bd0.svg"); background-size: contain; opacity: 0.4; --tw-content: ""; content: var(--tw-content); }
@media (min-width: 1024px) {
  .rewardsBackgroundImg::after { top: -4rem; content: var(--tw-content); opacity: 0.2; }
}
.rewardsBackgroundImg img { object-fit: none; }
@media (min-width: 1024px) {
  .rewardsBackgroundImg img { object-fit: cover; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.rewardsBackgroundImg .landingTopSection { display: none; }
.rewardsBackgroundImg .landingTopSection { top: 0px; height: 66.6667%; position: absolute; width: 100%; }
@media (min-width: 1024px) {
  .rewardsBackgroundImg .landingTopSection { top: 4rem; height: 83.3333%; }
}
.rewardDealDescription { padding-top: 0.5rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsRg); color: var(--colorForegroundContentEnabled); --tw-leading: --lineHeightsRg; }
.rewardsPointsSection { background-repeat: repeat-x; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.75rem; position: relative; display: flex; width: 100%; flex-direction: column; justify-content: center; }
@media (min-width: 1024px) {
  .rewardsPointsSection { flex-direction: row; gap: 1.5rem; padding-left: 0px; padding-right: 0px; padding-top: 2rem; }
}
.rewardWelcomeHeading { margin-left: auto; margin-right: auto; width: 91.6667%; padding: 1rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeXxl); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsLg); position: relative; margin-inline: auto; text-align: center; }
.rewardWelcomeHeading::before { top: 0px; }
.rewardWelcomeHeading::after, .rewardWelcomeHeading::before { position: absolute; left: 1.5rem; height: 0.25rem; width: 91.6667%; background-image: url("../scraped_assets/images/borderLine.7e0864b6.svg"); --tw-content: ""; content: var(--tw-content); }
.rewardWelcomeHeading::after { bottom: 0px; }
@media (min-width: 1024px) {
  .rewardWelcomeHeading { width: 44%; padding: 1.75rem 0px; }
}
.rewardWelcomeDescription { margin-left: auto; margin-right: auto; width: 41%; padding-top: 0.5rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: var(--fontWeightsSemibold); line-height: var(--lineHeightsMd); margin-inline: auto; text-align: center; }
@supports (-webkit-hyphens:none) {
  .rewardWelcomeDescription { width: 47%; }
}
.landingBottomSection { margin-top: 186px; background-color: var(--colorBackgroundBrandSecondary); padding-bottom: 2rem; position: relative; }
.landingBottomSection::before { position: absolute; top: -0.75rem; left: 0px; height: 0.75rem; width: 100%; content: var(--tw-content); background-image: url("../scraped_assets/images/landingpage-union.38366f5c.png"); }
@media (min-width: 1024px) {
  .landingBottomSection { padding-bottom: 2.5rem; }
}
.brandLandingTitle, .icons { display: none; }
.landingHeader { padding-top: 2rem; position: relative; z-index: 10; }
@media (min-width: 1024px) {
  .landingHeader { padding-top: 4rem; }
}
.landingHeader .rewardsPointsSection .rewardDealContainer img, .landingHeader .rewardsPointsSection .rewardDealContainer svg { min-height: 78px; min-width: 78px; }
@media (min-width: 640px) {
  .landingBottomSection .btmSectionCont { max-width: 640px; }
}
@media (min-width: 768px) {
  .landingBottomSection .btmSectionCont { max-width: 768px; }
}
@media (min-width: 1024px) {
  .landingBottomSection .btmSectionCont { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .landingBottomSection .btmSectionCont { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .landingBottomSection .btmSectionCont { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .landingBottomSection .btmSectionCont { max-width: 1536px; }
}
.site-map .landingBottomSection .btmSectionCont { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .landingBottomSection .btmSectionCont { flex-direction: row; }
}
.site-map .landingBottomSection .btmSectionCont .leftColumn .level-1, .site-map .landingBottomSection .btmSectionCont .leftColumn .level-2, .site-map .landingBottomSection .btmSectionCont .leftColumn .level-3, .site-map .landingBottomSection .btmSectionCont .rightColumn .level-1, .site-map .landingBottomSection .btmSectionCont .rightColumn .level-2, .site-map .landingBottomSection .btmSectionCont .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .landingBottomSection .btmSectionCont .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .landingBottomSection .btmSectionCont .level-2, .site-map .landingBottomSection .btmSectionCont .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .landingBottomSection .btmSectionCont .rightColumn { background-color: transparent; }
.site-map .landingBottomSection .btmSectionCont .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .landingBottomSection .btmSectionCont .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .landingBottomSection .btmSectionCont .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .landingBottomSection .btmSectionCont .camelCaseClass { text-transform: capitalize; }
.site-map .landingBottomSection .btmSectionCont .lowerCaseClass { text-transform: lowercase; }
.site-map .landingBottomSection .btmSectionCont h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.landingBottomSection .btmSectionCont { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .landingBottomSection .btmSectionCont { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .landingBottomSection .btmSectionCont { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .landingBottomSection .btmSectionCont .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .landingBottomSection .btmSectionCont .leftColumn { width: 50%; }
}
.site-map .landingBottomSection .btmSectionCont .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .landingBottomSection .btmSectionCont .leftColumn .level-1 { padding: 0px; }
.site-map .landingBottomSection .btmSectionCont .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .landingBottomSection .btmSectionCont .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .landingBottomSection .btmSectionCont .rightColumn { width: 50%; }
}
.site-map .landingBottomSection .btmSectionCont .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .landingBottomSection .btmSectionCont .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .landingBottomSection .btmSectionCont .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .landingBottomSection .btmSectionCont .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .landingBottomSection .btmSectionCont .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.landingBottomSection .btmSectionCont { margin-left: auto; margin-right: auto; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .landingBottomSection .btmSectionCont { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .landingBottomSection .btmSectionCont { max-width: 1440px; }
}
.landingBottomSection .btmSectionCont { width: 100%; margin-inline: auto; }
.exclusiveMemberDeals .promoOfferText .doubleTextFirst, .exclusiveMemberDeals .promoOfferText .doubleTextSecond { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.exclusiveMemberDeals .promoOfferText .doubleTextFirst.regularText, .exclusiveMemberDeals .promoOfferText .doubleTextFirst.smallerText, .exclusiveMemberDeals .promoOfferText .doubleTextSecond.regularText, .exclusiveMemberDeals .promoOfferText .doubleTextSecond.smallerText { font-size: 24px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.doubleSliderSection .itemListContainer { width: auto; }
.doubleSliderSection.oneDeal .rewardSlider .homepagePagePromotionSectionContainer { margin-top: 0px; height: 315px; }
@media (min-width: 1024px) {
  .doubleSliderSection.oneDeal .rewardSlider .homepagePagePromotionSectionContainer { height: 346px; width: 100%; max-width: 100%; }
  .doubleSliderSection.oneDeal .rewardSlider .rewardsModule .doubleTextFirst.fontBaseBottom { font-size: 102px; }
}
.doubleSliderSection.oneDeal .rewardSlider .rewardsModule .doubleTextFirst.fontBaseBottom svg { height: 60px; }
.doubleSliderSection.oneDeal .rewardSlider .rewardsModule .doubleTextFirst.fontBaseBottom.rewardsSmallText { font-size: 50px; }
.doubleSliderSection.oneDeal .rewardSlider .rewardsModule .doubleTextFirst.fontBaseBottom.rewardsSmallText svg { height: 3rem; }
@media (min-width: 1024px) {
  .doubleSliderSection.oneDeal .rewardSlider .rewardsModule .doubleTextSecond.fontShadeTop { font-size: 102px; }
}
.doubleSliderSection.oneDeal .rewardSlider .rewardsModule .doubleTextSecond.fontShadeTop svg { height: 60px; }
.doubleSliderSection.oneDeal .rewardSlider .rewardsModule .doubleTextSecond.fontShadeTop.rewardsSmallText { font-size: 50px; }
.doubleSliderSection.oneDeal .rewardSlider .rewardsModule .doubleTextSecond.fontShadeTop.rewardsSmallText svg { height: 3rem; }
.doubleSliderSection.oneDeal .exclusiveSliderBanner { height: 315px; width: 100%; }
@media (min-width: 1024px) {
  .doubleSliderSection.oneDeal .exclusiveSliderBanner { height: 346px; }
  .doubleSliderSection.oneDeal .exclusiveMemberSlider, .doubleSliderSection.oneDeal .exclusiveMemberSliderWrapper, .doubleSliderSection.oneDeal .exclusiveSliderBanner, .doubleSliderSection.oneDeal .itemListContainer { width: 100%; }
  .doubleSliderSection.oneDeal .exclusiveMemberSliderWrapper { padding-left: 1.5rem; padding-right: 1.5rem; }
}
.doubleSliderSection.twoDeal .rewardSlider .rewardsModule .homepagePagePromotionSectionContainer { height: 300px; }
.doubleSliderSection.twoDeal .homepagePagePromotionSectionContainer { margin-top: 0px; }
.doubleSliderSection.twoDeal .rewardSliderTermsandCondition { margin-top: 1rem; }
.homeGreenBanner { padding-bottom: 1.25rem; padding-top: 1rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsSemibold); line-height: var(--lineHeightsSm); color: var(--colorForegroundContentEnabled); }
.rewardSlider .doubleSliderHeadSection { padding-left: 1.25rem; padding-top: 0px; }
@media (min-width: 1024px) {
  .rewardSlider .doubleSliderHeadSection { padding-left: 0px; }
}
.exclusiveMemberSlider { margin-left: 0px; border-radius: 0.5rem; border-color: var(--colorBaseAlpha300); width: 100%; overflow: hidden; }
@media (min-width: 1024px) {
  .exclusiveMemberSlider { width: 59.5%; border-width: var(--borderWidthHairline); border-style: solid; }
  .exclusiveMemberSlider .doubleSliderHeadText { padding-left: 0px; }
}
.mcaExclusiveMemberSlider .doubleSliderHeadText { padding-left: 1.5rem; }
.doubleSliderHeadSection { padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 1rem; color: var(--colorForegroundContentEnabled); display: flex; justify-content: space-between; }
@media (min-width: 1024px) {
  .doubleSliderHeadSection { padding-top: 1.5rem; }
}
.doubleSliderHeadText { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsSm); color: var(--colorButtonSecondaryForegroundPressed); }
.viewAllLink { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsRg); --tw-leading: --lineHeightsRg; }
.exclusiveMemberSliderWrapper { width: calc(-20px + 100vw); gap: 1rem; padding-left: 0px; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .exclusiveMemberSliderWrapper { width: auto; padding-left: 23px; }
}
.exclusiveSliderBanner { min-height: 304px; border-radius: var(--borderRadiusRounded); background-color: var(--colorBackgroundBrandTertiary); background-image: url("../scraped_assets/images/texture-deals-rewards.672a80f2.png"); padding: 1.5rem; position: relative; display: flex; width: 335px; min-width: 335px; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.exclusiveSliderBanner.RedBg { background-color: var(--colorBackgroundBrandPrimary); justify-content: flex-start; }
.exclusiveSliderBanner.RedBg .homeGreenBanner { color: var(--colorBaseAlpha50); }
.exclusiveSliderBanner.RedBg .termsAndCondition { padding-top: 1.5rem; }
.exclusiveSliderBanner.RedBg .termsAndCondition a { color: var(--colorBaseAlpha50); }
.exclusiveSliderBanner.RedBg .promoOfferText { width: 80%; gap: 1rem; padding-top: 0.5rem; }
.exclusiveSliderBanner.GreenBg .termsAndCondition { padding-bottom: 1rem; padding-top: 1.5rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeXs); line-height: var(--lineHeightsXs); color: var(--colorForegroundContentEnabled); position: static; }
.exclusiveSliderBanner .homeRedBannerMiddleContent { padding-bottom: 0px; width: auto; }
.exclusiveSliderBanner .promoOfferText { margin-left: 0px; gap: 0.5rem; flex-direction: column; align-items: center; }
@media (min-width: 1024px) {
  .exclusiveSliderBanner .promoOfferText { height: auto; }
}
.exclusiveSliderBanner .useDealSectionBtn { margin-left: auto; margin-right: auto; height: 2rem; font-size: 0.75rem; line-height: 1rem; margin-inline: auto; }
@media (min-width: 1024px) {
  .rewardsModule .homepagePagePromotionSectionContainer, .rewardsModuleFull .homepagePagePromotionSectionContainer { height: 132px; }
  .rewardsModule .homepagePagePromotionSectionContainer::after, .rewardsModuleFull .homepagePagePromotionSectionContainer::after { content: var(--tw-content); height: 132px; }
  .rewardsModule .homepagePagePromotionSectionOffer, .rewardsModuleFull .homepagePagePromotionSectionOffer { padding: 1.5rem 3rem; }
}
.rewardsModule .doubleTextFirst, .rewardsModuleFull .doubleTextFirst { font-family: var(--fontWeightsBaseLineShade); color: var(--colorForegroundContentInverseEnabled); display: flex; }
.rewardsModule .doubleTextSecond, .rewardsModuleFull .doubleTextSecond { font-family: var(--fontFamiliesPrimary); color: var(--colorForegroundContentEnabled); display: flex; }
@media (min-width: 1024px) {
  .rewardsModule .doubleTextSecond, .rewardsModuleFull .doubleTextSecond { font-family: var(--fontWeightsBaseLine); }
}
.rewardsModule .leftDirection, .rewardsModuleFull .leftDirection { --tw-rotate: 180deg; }
.rewardsModule .leftDirection, .rewardsModule .rightDirection, .rewardsModuleFull .leftDirection, .rewardsModuleFull .rightDirection { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.rewardsModule .rightDirection, .rewardsModuleFull .rightDirection { --tw-rotate: 360deg; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.expiringHomeBadges { display: none; }
.expiringHomeBadges { left: 0px; top: 0px; margin-left: 0.5rem; margin-right: 0.5rem; margin-top: 0.5rem; height: 1.5rem; border-radius: var(--borderRadiusSoftlyRounded); background-color: var(--colorQuaternary300); padding-left: 0.375rem; padding-right: 0.375rem; padding-top: 0.5px; font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsRg); position: absolute; display: inline-block; width: fit-content; text-align: center; --tw-leading: --lineHeightsRg; }
.dealExpireDate, .expiringHomeBadges { font-family: var(--fontFamiliesBody); color: var(--colorForegroundContentEnabled); }
.dealExpireDate { font-size: var(--fontSizeFontSizeXs); display: block; }
.rewardsModuleAuth .homepagePagePromotionSectionContainer { height: 116px; align-items: center; }
@media (min-width: 1024px) {
  .rewardsModuleAuth .homepagePagePromotionSectionContainer { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); padding-left: 3rem; padding-right: 3rem; }
  .rewardsModuleAuth .homepagePagePromotionSectionDescription, .rewardsModuleAuth .homepagePagePromotionSectionOffer { padding-left: 0px; padding-right: 0px; }
}
@media screen and (min-width: 1024px) {
  .homePage .homepagePagePromotionSection.rewardsModuleFull .homepagePagePromotionSectionContainer { grid-template-columns: 1fr 2fr 1fr; }
}
.rewardsModule { margin: 0px; padding: 0px; }
.rewardsModule .homepagePagePromotionSectionContainer { height: 315px; flex-direction: column; justify-content: center; }
@media (min-width: 1024px) {
  .rewardsModule .homepagePagePromotionSectionContainer { height: 346px; max-width: 368px; }
}
.rewardsModule .homepagePagePromotionSectionOffer { padding-left: 1.25rem; padding-right: 1.25rem; padding-bottom: 1.5rem; }
@media (min-width: 1024px) {
  .rewardsModule .homepagePagePromotionSectionOffer { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
.rewardsModule .imgSecIconMobile { margin-left: 0.375rem; margin-right: 0.125rem; }
@media (min-width: 1024px) {
  .rewardsModule .imgSecIconMobile { display: flex; }
}
.rewardsModule .doubleTextFirst { font-family: var(--fontWeightsBaseLineShade); font-size: 1.5rem; line-height: 2rem; color: var(--colorForegroundContentInverseEnabled); display: flex; }
.rewardsModule .doubleTextFirst.fontBaseBottom { font-family: IntroHeadBGBaseBottom; font-size: 4.5rem; line-height: 1; color: var(--colorForegroundContentEnabled); display: flex; justify-content: center; }
@media (min-width: 1024px) {
  .rewardsModule .doubleTextFirst.fontBaseBottom.largeFont { font-size: 6rem; line-height: 1; }
}
.rewardsModule .doubleTextFirst.fontBaseBottom.rewardsSmallText { font-size: 50px; }
.rewardsModule .doubleTextSecond { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; color: var(--colorForegroundContentEnabled); display: flex; }
.rewardsModule .doubleTextSecond.fontShadeTop { font-family: IntroRustGFillShade; font-size: 4.5rem; line-height: 1; color: var(--colorForegroundContentInverseEnabled); display: flex; justify-content: center; }
@media (min-width: 1024px) {
  .rewardsModule .doubleTextSecond.fontShadeTop.largeFont { font-size: 6rem; line-height: 1; }
}
.rewardsModule .doubleTextSecond.fontShadeTop.rewardsSmallText { font-size: 50px; }
.rewardsModule .blueMenuBtn { margin-right: 0px; }
.customNameInputWrapper { margin-top: 2rem; margin-bottom: 2rem; border-radius: 0.5rem; border-color: var(--colorFormFieldsBorderEnabled); padding: 1.25rem; display: flex; width: 100%; flex-direction: column; border-style: var(--tw-border-style); border-width: 1px; }
.customNameInput { border-color: var(--colorFormFieldsBorderEnabled); padding-bottom: 0.5rem; font-family: var(--fontFamiliesBody); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; background-color: transparent; }
.inputCount { margin-top: 0.5rem; display: flex; justify-content: flex-end; }
.informationText, .inputCount { font-family: var(--fontFamiliesBody); font-weight: 400; }
.informationText { padding-left: 0.25rem; font-size: 0.75rem; line-height: 16.37px; }
.menuPageSticky { margin-left: -1.25rem; margin-right: -1.25rem; background-color: var(--colorBaseLightBeige500); position: sticky; z-index: 20; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .menuPageSticky { margin-left: 0px; margin-right: 0px; width: 100%; }
}
.promotionBannercontainer { margin-left: 1.25rem; margin-top: 1.25rem; gap: 1rem; position: relative; z-index: 10; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .promotionBannercontainer { margin-left: 4rem; margin-top: 2rem; }
}
@media (min-width: 640px) {
  .menuPageBg { max-width: 640px; }
}
@media (min-width: 768px) {
  .menuPageBg { max-width: 768px; }
}
@media (min-width: 1024px) {
  .menuPageBg { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .menuPageBg { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .menuPageBg { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .menuPageBg { max-width: 1536px; }
}
.site-map .menuPageBg { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .menuPageBg { flex-direction: row; }
}
.site-map .menuPageBg .leftColumn .level-1, .site-map .menuPageBg .leftColumn .level-2, .site-map .menuPageBg .leftColumn .level-3, .site-map .menuPageBg .rightColumn .level-1, .site-map .menuPageBg .rightColumn .level-2, .site-map .menuPageBg .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .menuPageBg .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .menuPageBg .level-2, .site-map .menuPageBg .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .menuPageBg .rightColumn { background-color: transparent; }
.site-map .menuPageBg .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .menuPageBg .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .menuPageBg .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .menuPageBg .camelCaseClass { text-transform: capitalize; }
.site-map .menuPageBg .lowerCaseClass { text-transform: lowercase; }
.site-map .menuPageBg h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.menuPageBg { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .menuPageBg { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .menuPageBg { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .menuPageBg .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .menuPageBg .leftColumn { width: 50%; }
}
.site-map .menuPageBg .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .menuPageBg .leftColumn .level-1 { padding: 0px; }
.site-map .menuPageBg .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .menuPageBg .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .menuPageBg .rightColumn { width: 50%; }
}
.site-map .menuPageBg .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .menuPageBg .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .menuPageBg .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .menuPageBg .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .menuPageBg .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.menuPageBg { margin-left: auto; margin-right: auto; background-color: var(--colorBaseLightBeige500); padding: 0px 1.25rem 4rem; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .menuPageBg { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .menuPageBg { max-width: 1440px; }
}
.menuPageBg { position: relative; width: 100%; margin-inline: auto; }
@media (min-width: 1024px) {
  .menuPageBg { padding-left: 72px; padding-right: 72px; }
}
.menuPageBg.promotionSingle { padding-left: 0px; padding-right: 0px; padding-bottom: 0px; }
@media (min-width: 1024px) {
  .menuPageBg.promotionSingle .sliderContainer { padding: 0px 72px; }
}
.menuPageBg.promotionSingle .promoCardContainer { min-height: 290px; padding-bottom: 1.25rem; height: 100%; }
.menuPageBg.promotionSingle .promoCardContainer::before { height: 100%; }
@media (min-width: 1024px) {
  .menuPageBg.promotionSingle .promoCardContainer { min-height: 340px; }
  .menuPageBg.promotionSingle .promoCardContainer::before { content: var(--tw-content); min-height: 300px; }
}
.menuPageBg.promotionSingle .promoCardContainer .promotionBanWrapper { max-width: 675px; display: flex; height: 100%; align-items: center; }
.menuPageBg.promotionSingle .promoCardContainer .mealKitTitle { min-height: fit-content; padding-bottom: 0px; font-size: var(--lineHeightsSm); }
@media (min-width: 1024px) {
  .menuPageBg.promotionSingle .promoCardContainer .mealKitTitle { font-size: 3rem; line-height: 1; }
}
.menuPageBg.promotionSingle .promoCardContainer .mealKitContent { font-size: var(--fontSizeFontSizeRg); color: var(--colorForegroundContentInverseEnabled); }
.menuPageBg.promotionSingle .promoCardContainer .promoBannerImage { height: 100%; border-radius: 0px; }
.menuPageBg.promotionSingle .promoCardContainer .badgeContent .unavailableBatch { border-radius: 0.25rem; background-color: var(--colorBackgroundBrandPrimary); color: var(--colorForegroundBrandPrimaryOnBackground); position: static; }
.menuPageBg.promotionSingle .promoCardContainer .badgeContent .unavailableBatch.primaryBatch { background-color: var(--colorPrimary600); }
.menuPageBg.promotionSingle .promoCardContainer .badgeContent .unavailableBatch.mutedBatch { background-color: var(--colorBaseAlpha50); color: var(--color-brand-primary-component); }
.menuPageBg.promotionSingle .promoCardContainer .promBadgeContainer { margin-bottom: 0px; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.menuPageBg.promotionSingle .promoCardContainer .termsAndCondition { display: none; }
.menuPageBg.promotionSingle .promoCardContainer .termsAndCondition { bottom: 0px; top: auto; padding-bottom: 1rem; padding-top: 0.5rem; position: absolute; width: auto; text-align: center; }
@media (min-width: 1024px) {
  .menuPageBg.promotionSingle .promoCardContainer .termsAndCondition { padding-top: 0px; }
}
.menuPageBg.promotionSingle .promoCardContainer .exploreMenuBtnWrapper .exploreMenuBtn { line-height: 1rem; }
@media (min-width: 1024px) {
  .menuPageBg.promotionSingle .promoCardContainer .exploreMenuBtnWrapper .exploreMenuBtn { font-size: 1.25rem; line-height: 1.75rem; }
}
.menuPageBg.promotionSingle .promoCardContainer .bannerSmallText { text-align: left; }
@media (min-width: 1024px) {
  .menuPageBg + .menuPageBg { margin-top: 0px; }
}
.menuPageBg .tabSection { margin-bottom: 0px; }
@media (min-width: 1024px) {
  .menuPageBg .tabSection { padding-top: 2rem; }
}
.menuPageBg .menuSearchDesktop { margin-top: 0px; }
.menuPageBg .viewMoreListImg { height: 188px; background-color: var(--colorBackgroundNeutralBase); }
.menuPageBg .viewMoreListImg .menuResultsTailImage { height: 100%; object-fit: cover; }
.menuPageBg .favorites .menuPageListContainer .pdpListTile, .menuPageBg .recents .menuPageListContainer .pdpListTile { cursor: default; }
@media (min-width: 1024px) {
  .menuPageBg .favorites .menuPageListContainer .pdpListTile, .menuPageBg .recents .menuPageListContainer .pdpListTile { position: relative; padding-bottom: 76px; }
}
.menuPageBg .\!favorites .menuPageListContainer .pdpListTile { cursor: default; }
@media (min-width: 1024px) {
  .menuPageBg .\!favorites .menuPageListContainer .pdpListTile { position: relative; padding-bottom: 76px; }
}
.menuPageBg .\!favorites .menuPageListContainer .viewMoreContainer .pdpListTileTextwrapper, .menuPageBg .favorites .menuPageListContainer .viewMoreContainer .pdpListTileTextwrapper, .menuPageBg .recents .menuPageListContainer .viewMoreContainer .pdpListTileTextwrapper { align-items: center; }
@media (min-width: 1024px) {
  .menuPageBg .\!favorites .menuPageListContainer .pdpListTile, .menuPageBg .favorites .menuPageListContainer .pdpListTile, .menuPageBg .recents .menuPageListContainer .pdpListTile { display: flex; }
}
.menuPageBg .favorites .menuPageListContainer .viewMoreContainer, .menuPageBg .recents .menuPageListContainer .viewMoreContainer { padding-bottom: 1.5rem; }
@media (min-width: 1024px) {
  .menuPageBg .favorites .menuPageListContainer .viewMoreContainer, .menuPageBg .recents .menuPageListContainer .viewMoreContainer { padding-bottom: 1.5rem; }
}
.menuPageBg .\!favorites .menuPageListContainer .viewMoreContainer { padding-bottom: 1.5rem; }
@media (min-width: 1024px) {
  .menuPageBg .\!favorites .menuPageListContainer .viewMoreContainer { padding-bottom: 1.5rem; }
}
.menuPageBg .favorites .menuPageListContainer .viewMoreContainer .viewMoreListImg, .menuPageBg .recents .menuPageListContainer .viewMoreContainer .viewMoreListImg { height: 72px; }
@media (min-width: 1024px) {
  .menuPageBg .favorites .menuPageListContainer .viewMoreContainer .viewMoreListImg, .menuPageBg .recents .menuPageListContainer .viewMoreContainer .viewMoreListImg { height: 72px; }
}
.menuPageBg .\!favorites .menuPageListContainer .viewMoreContainer .viewMoreListImg { height: 72px; }
@media (min-width: 1024px) {
  .menuPageBg .\!favorites .menuPageListContainer .viewMoreContainer .viewMoreListImg { height: 72px; }
}
.menuPageBg .favorites .menuPageListContainer .viewMoreContainer .viewMoreListImg .menuResultsTailImage, .menuPageBg .recents .menuPageListContainer .viewMoreContainer .viewMoreListImg .menuResultsTailImage { height: 72px; }
@media (min-width: 1024px) {
  .menuPageBg .favorites .menuPageListContainer .viewMoreContainer .viewMoreListImg .menuResultsTailImage, .menuPageBg .recents .menuPageListContainer .viewMoreContainer .viewMoreListImg .menuResultsTailImage { height: 72px; }
}
.menuPageBg .\!favorites .menuPageListContainer .viewMoreContainer .viewMoreListImg .menuResultsTailImage { height: 72px; }
@media (min-width: 1024px) {
  .menuPageBg .\!favorites .menuPageListContainer .viewMoreContainer .viewMoreListImg .menuResultsTailImage { height: 72px; }
}
.menuPageBg .\!favorites .menuPageListContainer .viewMoreContainer + .subText .ellipsisMultiLine, .menuPageBg .favorites .menuPageListContainer .viewMoreContainer + .\!subText .ellipsisMultiLine, .menuPageBg .favorites .menuPageListContainer .viewMoreContainer + .subText .ellipsisMultiLine, .menuPageBg .recents .menuPageListContainer .viewMoreContainer + .\!subText .ellipsisMultiLine, .menuPageBg .recents .menuPageListContainer .viewMoreContainer + .subText .ellipsisMultiLine { display: block; }
@media (min-width: 1024px) {
  .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span .menuPageBg .recents .menuPageListContainer .bottomCTA, .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.menuPageBg .favorites .menuPageListContainer .bottomCTA { display: none; }
  .menuPageBg .favorites .menuPageListContainer .bottomCTA, .menuPageBg .recents .menuPageListContainer .bottomCTA { position: absolute; bottom: 0px; }
  .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.menuPageBg .\!favorites .menuPageListContainer .bottomCTA { display: none; }
  .menuPageBg .\!favorites .menuPageListContainer .bottomCTA { position: absolute; bottom: 0px; }
}
.mobileMenuContainer { margin-top: 1rem; padding-bottom: 1rem; display: flex; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .mobileMenuContainer { margin-top: 0px; padding-bottom: 0px; }
}
.mobileMenuText { font-size: var(--fontSizeFontSizeXxl); line-height: var(--lineHeightsLg); }
@media (min-width: 1024px) {
  .mobileMenuText { margin-left: 0px; margin-right: 0px; display: none; }
}
.searchBorder { margin-left: 1.25rem; margin-right: 1.25rem; margin-top: 0.75rem; position: relative; display: flex; }
@media (min-width: 1024px) {
  .searchBorder { margin-left: 0px; margin-right: 1rem; margin-top: 0px; width: 100%; }
}
.searchBorder .searchBoxWrapper { border-radius: 0.25rem; border-color: var(--colorFormFieldsBorderEnabled); border-width: 1px; --tw-border-style: solid; border-style: solid; }
.searchBorder .searchBoxWrapper.searchBoxData { border-style: var(--tw-border-style); border-width: 2px; }
.searchBorder .searchBoxWrapper .searchActionButton svg path:first-child { fill: var(--colorBaseAlpha800); }
.searchBorder.searchError { flex-direction: column; }
.searchBorder.searchError .searchBoxWrapper { border-color: var(--colorFormFieldsBorderError); border-style: var(--tw-border-style); border-width: 2px; }
.searchBorder.searchError .searchActionButton svg path:first-child { fill: var(--colorFormFieldsForegroundError); }
@media (min-width: 640px) {
  .menuSearchDesktop { max-width: 640px; }
}
@media (min-width: 768px) {
  .menuSearchDesktop { max-width: 768px; }
}
@media (min-width: 1024px) {
  .menuSearchDesktop { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .menuSearchDesktop { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .menuSearchDesktop { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .menuSearchDesktop { max-width: 1536px; }
}
.site-map .menuSearchDesktop { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .menuSearchDesktop { flex-direction: row; }
}
.site-map .menuSearchDesktop .leftColumn .level-1, .site-map .menuSearchDesktop .leftColumn .level-2, .site-map .menuSearchDesktop .leftColumn .level-3, .site-map .menuSearchDesktop .rightColumn .level-1, .site-map .menuSearchDesktop .rightColumn .level-2, .site-map .menuSearchDesktop .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .menuSearchDesktop .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .menuSearchDesktop .level-2, .site-map .menuSearchDesktop .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .menuSearchDesktop .rightColumn { background-color: transparent; }
.site-map .menuSearchDesktop .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .menuSearchDesktop .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .menuSearchDesktop .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .menuSearchDesktop .camelCaseClass { text-transform: capitalize; }
.site-map .menuSearchDesktop .lowerCaseClass { text-transform: lowercase; }
.site-map .menuSearchDesktop h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.menuSearchDesktop { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .menuSearchDesktop { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .menuSearchDesktop { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .menuSearchDesktop .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .menuSearchDesktop .leftColumn { width: 50%; }
}
.site-map .menuSearchDesktop .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .menuSearchDesktop .leftColumn .level-1 { padding: 0px; }
.site-map .menuSearchDesktop .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .menuSearchDesktop .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .menuSearchDesktop .rightColumn { width: 50%; }
}
.site-map .menuSearchDesktop .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .menuSearchDesktop .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .menuSearchDesktop .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .menuSearchDesktop .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .menuSearchDesktop .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.menuSearchDesktop { top: 0px; background-color: var(--colorBaseLightBeige500); padding-bottom: 0.75rem; padding-top: 0.625rem; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .menuSearchDesktop { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .menuSearchDesktop { max-width: 1440px; }
}
.menuSearchDesktop { position: relative; z-index: 20; width: auto; align-items: center; }
@media (min-width: 1024px) {
  .menuSearchDesktop { margin: 1rem auto 0.25rem; display: flex; width: 100%; align-items: flex-start; justify-content: space-between; background-color: var(--colorBackgroundNeutralBase); padding-top: 2rem; }
}
.imgMobile #img_sideLeftIcon { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.menuSearchBtn { border-radius: var(--borderRadiusPill); background-color: var(--colorButtonHeaderStandardInverseBackgroundEnabled); padding: 14.5px 2rem; font-family: var(--fontFamiliesPrimary); font-size: var(--typographyButtonPrimaryLargeFontSize); font-weight: 400; color: var(--colorButtonPrimaryForegroundEnabled); }
@media (min-width: 640px) {
  .menuPageListPdpContainer { max-width: 640px; }
}
@media (min-width: 768px) {
  .menuPageListPdpContainer { max-width: 768px; }
}
@media (min-width: 1024px) {
  .menuPageListPdpContainer { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .menuPageListPdpContainer { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .menuPageListPdpContainer { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .menuPageListPdpContainer { max-width: 1536px; }
}
.site-map .menuPageListPdpContainer { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .menuPageListPdpContainer { flex-direction: row; }
}
.site-map .menuPageListPdpContainer .leftColumn .level-1, .site-map .menuPageListPdpContainer .leftColumn .level-2, .site-map .menuPageListPdpContainer .leftColumn .level-3, .site-map .menuPageListPdpContainer .rightColumn .level-1, .site-map .menuPageListPdpContainer .rightColumn .level-2, .site-map .menuPageListPdpContainer .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .menuPageListPdpContainer .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .menuPageListPdpContainer .level-2, .site-map .menuPageListPdpContainer .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .menuPageListPdpContainer .rightColumn { background-color: transparent; }
.site-map .menuPageListPdpContainer .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .menuPageListPdpContainer .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .menuPageListPdpContainer .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .menuPageListPdpContainer .camelCaseClass { text-transform: capitalize; }
.site-map .menuPageListPdpContainer .lowerCaseClass { text-transform: lowercase; }
.site-map .menuPageListPdpContainer h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.menuPageListPdpContainer { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .menuPageListPdpContainer { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .menuPageListPdpContainer { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .menuPageListPdpContainer .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .menuPageListPdpContainer .leftColumn { width: 50%; }
}
.site-map .menuPageListPdpContainer .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .menuPageListPdpContainer .leftColumn .level-1 { padding: 0px; }
.site-map .menuPageListPdpContainer .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .menuPageListPdpContainer .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .menuPageListPdpContainer .rightColumn { width: 50%; }
}
.site-map .menuPageListPdpContainer .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .menuPageListPdpContainer .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .menuPageListPdpContainer .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .menuPageListPdpContainer .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .menuPageListPdpContainer .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.menuPageListPdpContainer { margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .menuPageListPdpContainer { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .menuPageListPdpContainer { max-width: 1440px; }
}
.menuPageListPdpContainer { width: 100%; margin-inline: auto; display: flex; }
@media (min-width: 1024px) {
  .menuPageListPdpContainer { position: sticky; top: 275px; padding-left: 0px; padding-right: 0px; }
  .menuPageListPdpContainer .rightSideWrapper .righttitleSticky { top: 270px; }
}
.menuPageListPdpContainer .rightSideWrapper .disclaimerText.categoryDisclimer { margin-top: 1rem; }
@media (min-width: 1024px) {
  .menuPageListPdpContainer .rightSideWrapper .disclaimerText.categoryDisclimer { margin-top: 0px; }
}
.menuPageListPdpContainer .rightSideWrapper .disclaimerText.categoryDisclimer .disclaimerContent span { visibility: hidden; width: 18px; }
@media (min-width: 1024px) {
  .righttitleSticky { display: block; }
}
.categoryBannerMobilewrapper { margin-left: -1.25rem; margin-right: -1.25rem; position: relative; display: flex; width: auto; flex-direction: column; }
.categoryBannerMobilewrapper svg { height: 16rem; width: 100%; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.titleInnerMobile { display: none; }
.titleInnerMobile { top: 0px; position: absolute; display: flex; height: 100%; width: 100%; flex-direction: column; align-items: center; justify-content: center; }
.categoryBannerHeading { width: 200px; font-size: var(--typographyHeadlineStylizedLargeTopFontSize); line-height: var(--lineHeightsLg); color: var(--colorBackgroundBrandPrimary); position: relative; text-align: center; }
@media (min-width: 1024px) {
  .categoryBannerHeading { display: block; padding-left: 0px; padding-right: 0px; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.categoryBannerDoubleTextSecond { display: none; }
.categoryBannerDoubleTextSecond { left: 0px; right: 0px; top: 0px; font-family: var(--fontWeightsBaseLineShade); color: var(--colorBackgroundBrandPrimary); position: absolute; text-transform: uppercase; }
.categoryBannerDoubleTextFirst { left: 0px; right: 0px; font-family: var(--fontFamiliesPrimary); color: var(--colorForegroundContentEnabled); text-transform: uppercase; }
.righttitle { top: 194px; z-index: 10; }
@media (min-width: 1024px) {
  .righttitle { top: 175px; margin-bottom: 0px; }
}
.\!selected { font-weight: 700; position: relative; }
.\!selected::after { position: absolute; bottom: 5px; left: 0px; height: 5px; width: 100%; background-image: url("../scraped_assets/images/borderLine.7e0864b6.svg"); --tw-content: ""; content: var(--tw-content); }
.selected { font-weight: 700; position: relative; }
.selected::after { position: absolute; bottom: 5px; left: 0px; height: 5px; width: 100%; background-image: url("../scraped_assets/images/borderLine.7e0864b6.svg"); --tw-content: ""; content: var(--tw-content); }
@media (min-width: 640px) {
  .resultsCount { max-width: 640px; }
}
@media (min-width: 768px) {
  .resultsCount { max-width: 768px; }
}
@media (min-width: 1024px) {
  .resultsCount { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .resultsCount { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .resultsCount { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .resultsCount { max-width: 1536px; }
}
.site-map .resultsCount { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .resultsCount { flex-direction: row; }
}
.site-map .resultsCount .leftColumn .level-1, .site-map .resultsCount .leftColumn .level-2, .site-map .resultsCount .leftColumn .level-3, .site-map .resultsCount .rightColumn .level-1, .site-map .resultsCount .rightColumn .level-2, .site-map .resultsCount .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .resultsCount .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .resultsCount .level-2, .site-map .resultsCount .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .resultsCount .rightColumn { background-color: transparent; }
.site-map .resultsCount .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .resultsCount .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .resultsCount .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .resultsCount .camelCaseClass { text-transform: capitalize; }
.site-map .resultsCount .lowerCaseClass { text-transform: lowercase; }
.site-map .resultsCount h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.resultsCount { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .resultsCount { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .resultsCount { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .resultsCount .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .resultsCount .leftColumn { width: 50%; }
}
.site-map .resultsCount .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .resultsCount .leftColumn .level-1 { padding: 0px; }
.site-map .resultsCount .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .resultsCount .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .resultsCount .rightColumn { width: 50%; }
}
.site-map .resultsCount .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .resultsCount .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .resultsCount .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .resultsCount .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .resultsCount .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.resultsCount { margin-left: auto; margin-right: auto; padding: 1rem 1.25rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); color: var(--colorBaseAlpha950); }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .resultsCount { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .resultsCount { max-width: 1440px; }
}
.resultsCount { width: 100%; margin-inline: auto; }
@media (min-width: 1024px) {
  .resultsCount { padding-left: 0px; padding-right: 0px; padding-top: 0px; }
}
@media (min-width: 640px) {
  .resultsPageListContainer { max-width: 640px; }
}
@media (min-width: 768px) {
  .resultsPageListContainer { max-width: 768px; }
}
@media (min-width: 1024px) {
  .resultsPageListContainer { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .resultsPageListContainer { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .resultsPageListContainer { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .resultsPageListContainer { max-width: 1536px; }
}
.site-map .resultsPageListContainer { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .resultsPageListContainer { flex-direction: row; }
}
.site-map .resultsPageListContainer .leftColumn .level-1, .site-map .resultsPageListContainer .leftColumn .level-2, .site-map .resultsPageListContainer .leftColumn .level-3, .site-map .resultsPageListContainer .rightColumn .level-1, .site-map .resultsPageListContainer .rightColumn .level-2, .site-map .resultsPageListContainer .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .resultsPageListContainer .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .resultsPageListContainer .level-2, .site-map .resultsPageListContainer .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .resultsPageListContainer .rightColumn { background-color: transparent; }
.site-map .resultsPageListContainer .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .resultsPageListContainer .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .resultsPageListContainer .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .resultsPageListContainer .camelCaseClass { text-transform: capitalize; }
.site-map .resultsPageListContainer .lowerCaseClass { text-transform: lowercase; }
.site-map .resultsPageListContainer h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.resultsPageListContainer { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .resultsPageListContainer { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .resultsPageListContainer { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .resultsPageListContainer .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .resultsPageListContainer .leftColumn { width: 50%; }
}
.site-map .resultsPageListContainer .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .resultsPageListContainer .leftColumn .level-1 { padding: 0px; }
.site-map .resultsPageListContainer .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .resultsPageListContainer .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .resultsPageListContainer .rightColumn { width: 50%; }
}
.site-map .resultsPageListContainer .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .resultsPageListContainer .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .resultsPageListContainer .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .resultsPageListContainer .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .resultsPageListContainer .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.resultsPageListContainer { margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .resultsPageListContainer { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .resultsPageListContainer { max-width: 1440px; }
}
.resultsPageListContainer { width: 100%; margin-inline: auto; display: flex; flex-flow: column wrap; justify-content: flex-start; }
@media (min-width: 1024px) {
  .resultsPageListContainer { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 2rem; padding: 1rem 0px 2rem; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.unavailableBatch { display: none; }
.unavailableBatch { border-radius: 0.125rem; background-color: var(--colorForegroundBrandPrimaryOnBackground); padding: 0.125rem 0.375rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: 700; line-height: 1.25rem; color: var(--colorForegroundContentSubtleEnabled); position: absolute; }
@media (min-width: 1024px) {
  .unavailableBatch { left: 0.625rem; }
}
.badgeContent .unavailableBatch.primaryBatch { background-color: var(--colorPrimary600); }
.badgeContent .unavailableBatch.mutedBatch { background-color: var(--colorBaseAlpha50); }
.searchError .searchBoxInput::placeholder { color: var(--colorFormFieldsForegroundError); }
.searchError .searchActionButton { fill: var(--colorFormFieldsForegroundError); }
.searchError .error-message { align-items: center; }
.categorySection { margin-top: inherit; padding-top: inherit; }
@media (min-width: 1024px) {
  .categorySection { margin-top: -300px; }
}
.menuPageBg:has(.menuPageListPdpContainer) .menuSearchDesktop { top: 0px !important; position: relative; }
.menuPageListPdpContainer .rightSideWrapper .righttitleSticky.mobileSubMenu { position: sticky; }
.menuPageListPdpContainer .rightSideWrapper .righttitleSticky.mobileSubMenu .righttitleStickyCont { padding-top: 0px; }
.menuPageListPdpContainer .rightSideWrapper .righttitleSticky.mobileSubMenu .righttitleStickyCont .stickyParent { background-color: var(--color-background-neutral-white); width: 100%; text-align: center; transition-duration: var(--tw-duration,0s); transition-property: all; transition-timing-function: var(--tw-ease,ease); }
.menuPageListPdpContainer .rightSideWrapper .righttitleSticky.mobileSubMenu .righttitleStickyCont .stickyParent::after { position: absolute; left: 0px; top: 20px; width: 100%; border-bottom-width: 1px; border-color: var(--colorDividerBase); --tw-content: ""; content: var(--tw-content); }
@media (min-width: 1024px) {
  .menuPageListPdpContainer .rightSideWrapper .righttitleSticky.mobileSubMenu .righttitleStickyCont .stickyParent::after { content: var(--tw-content); top: 40px; }
}
.menuPageListPdpContainer .rightSideWrapper .menuCatDesc { z-index: auto; position: static; background-color: transparent; }
.menuPageListPdpContainer .rightSideWrapper .mobileSubNav { top: 121px; background-color: var(--color-background-neutral-white); padding-top: 0.5rem; padding-bottom: 0.5rem; position: sticky; z-index: 20; display: flex; overflow: auto; }
.menuPageListPdpContainer .rightSideWrapper .mobileSubNav::-webkit-scrollbar { display: none; }
.menuPageListPdpContainer .rightSideWrapper .categorySection .mobileSubNav { top: 121px; }
.emprtyStateSection { margin-left: auto; margin-right: auto; margin-inline: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.emptyStateTitle { padding-bottom: 16px; padding-top: 34px; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeLg); font-weight: 400; line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); max-width: 260px; text-align: center; }
@media (min-width: 1024px) {
  .emptyStateTitle { max-width: 400px; }
}
.emptyStateMessage { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: var(--lineHeightsMd); color: var(--colorForegroundContentSubtleEnabled); max-width: 295px; text-align: center; }
.feedbackPromoBanner .emptyStateBtn { padding: 0.375rem 1rem; font-size: var(--fontSizeFontSizeXs); }
@media (min-width: 1024px) {
  .feedbackPromoBanner .emptyStateBtn { padding: 0.75rem 2rem; font-size: var(--fontSizeFontSizeRg); }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  @media (min-width: 1024px) {
  .homePageWrapper .homePage .feedbackPromoBanner .emptyStateBtn { min-width: 13rem; }
}
}
.emptyStateBtn { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonPrimaryBorderEnabled); background-color: var(--colorButtonHeaderStandardInverseBackgroundEnabled); padding: var(--spacing4x) var(--spacing8x); font-family: var(--fontFamiliesPrimary); font-size: var(--typographyButtonPrimaryLargeFontSize); font-weight: var(--fontWeightsRegular); color: var(--colorButtonPrimaryForegroundEnabled); text-align: center; }
.emptyStateBtn:hover { background-color: var(--colorButtonHeaderStandardInverseBackgroundPressed); }
@media (min-width: 1024px) {
  .emptyStateBtn { padding: var(--spacing6x) var(--spacing16x); font-size: var(--typographyButtonPrimaryLargeFontSize); }
}
.emptyStateBtn { margin-top: 0.25rem; padding: 14.5px 2rem; line-height: 1.25rem; }
.viewMoreContainer { gap: 1rem; padding: 1.5rem 1.5rem 0.5rem; display: flex; flex-direction: row; align-items: center; }
.viewMoreContainer .pdpListTileTextwrapper { padding: 0px; }
.viewMoreContainer .pdpListTileText { min-height: 0px; padding-bottom: 0px; }
.viewMoreContainer .viewMoreListImg { height: 72px; width: 6rem; min-width: 6rem; }
.viewMoreContainer .viewMoreListImg .menuResultsTailImage { border-radius: 0.5rem; height: 100%; }
.viewMoreContainer .viewMoreListImg .texture { display: none; }
@media (min-width: 1024px) {
  .viewMoreContainer .viewMoreListImg .texture { display: block; }
}
.viewMoreListImg { height: 237px; }
.menuPageListContainer .viewMoreListImg { position: relative; }
.menuPageListContainer .pdpListTile { border-radius: 0.5rem; }
.menuPageListContainer .pdpListTile .pdpListButtonwrapper { padding: 18px 14px 1.25rem; width: 100%; }
.viewMoreViewLess { padding-bottom: 1rem; padding-left: 1.5rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsMd); color: var(--colorBackgroundBrandPrimary); width: 100%; text-decoration-line: underline; }
.\!favorites .menuPageListContainer, .favorites .menuPageListContainer, .recents .menuPageListContainer { gap: 1.5rem; }
.accordionContainer.pdpAccordionAtomic div[data-state="open"] { overflow: visible !important; }
.promoCardContainer { margin-left: 0px; margin-right: 0px; margin-bottom: 0px; height: 204px; border-radius: 0.5rem; background-color: var(--colorBaseLightBeige500); flex-direction: column; overflow: hidden; }
.promoCardContainer::before { top: 0.25rem; border-radius: 0.75rem; content: var(--tw-content); background-image: linear-gradient(to right,var(--tw-gradient-stops)); }
@media (min-width: 1024px) {
  .promoCardContainer { height: 18rem; width: auto; justify-content: flex-start; }
  .promoCardContainer::before { content: var(--tw-content); height: 305px; }
}
.promoCardContainer .promoBannerImage { top: 0.25rem; height: 228px; border-radius: 0.75rem; }
@media (min-width: 1024px) {
  .promoCardContainer .promoBannerImage { height: 305px; }
}
.promoCardContainer .mealKitContentWraper { top: -2.25rem; padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 1024px) {
  .promoCardContainer .mealKitContentWraper { top: -22px; margin-right: auto; width: 80%; padding-left: 4rem; }
}
.promoCardContainer .promBadgeContainer { left: 0px; top: 0px; margin-bottom: 0.625rem; position: relative; }
.promoCardContainer .termsAndCondition { top: -42px; left: 1.25rem; z-index: 10; width: 100%; }
@media (min-width: 1024px) {
  .promoCardContainer .termsAndCondition { top: -30px; left: 0px; width: auto; }
}
.promoCardContainer .mealKitTitle { font-size: var(--fontSizeFontSizeMd); text-align: left; }
@media (min-width: 1024px) {
  .promoCardContainer .mealKitTitle { min-height: 6rem; width: 80%; font-size: var(--fontSizeFontSizeXxl); }
}
@media (min-width: 1440px) {
  .promoCardContainer .mealKitTitle { width: 50%; }
}
.promoCardContainer .mealKitContent { text-align: left; }
.promoCardContainer .exploreMenuBtn { float: left; }
.sliderContainer { background-color: var(--colorBaseLightBeige500); padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.5rem; }
@media (min-width: 1024px) {
  .sliderContainer { padding-left: 5%; padding-right: 5%; padding-bottom: 2.5rem; }
}
.sliderContainerLoading { margin-left: auto; margin-right: auto; max-width: 1440px; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.5rem; margin-inline: auto; background-color: transparent; }
@media (min-width: 1024px) {
  .sliderContainerLoading { padding-left: 72px; padding-right: 72px; padding-bottom: 2.5rem; }
}
@media (min-width: 640px) {
  .menuPromSlider { max-width: 640px; }
}
@media (min-width: 768px) {
  .menuPromSlider { max-width: 768px; }
}
@media (min-width: 1024px) {
  .menuPromSlider { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .menuPromSlider { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .menuPromSlider { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .menuPromSlider { max-width: 1536px; }
}
.site-map .menuPromSlider { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .menuPromSlider { flex-direction: row; }
}
.site-map .menuPromSlider .leftColumn .level-1, .site-map .menuPromSlider .leftColumn .level-2, .site-map .menuPromSlider .leftColumn .level-3, .site-map .menuPromSlider .rightColumn .level-1, .site-map .menuPromSlider .rightColumn .level-2, .site-map .menuPromSlider .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .menuPromSlider .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .menuPromSlider .level-2, .site-map .menuPromSlider .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .menuPromSlider .rightColumn { background-color: transparent; }
.site-map .menuPromSlider .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .menuPromSlider .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .menuPromSlider .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .menuPromSlider .camelCaseClass { text-transform: capitalize; }
.site-map .menuPromSlider .lowerCaseClass { text-transform: lowercase; }
.site-map .menuPromSlider h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.menuPromSlider { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .menuPromSlider { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .menuPromSlider { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .menuPromSlider .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .menuPromSlider .leftColumn { width: 50%; }
}
.site-map .menuPromSlider .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .menuPromSlider .leftColumn .level-1 { padding: 0px; }
.site-map .menuPromSlider .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .menuPromSlider .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .menuPromSlider .rightColumn { width: 50%; }
}
.site-map .menuPromSlider .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .menuPromSlider .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .menuPromSlider .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .menuPromSlider .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .menuPromSlider .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.menuPromSlider { margin-left: auto; margin-right: auto; background-color: var(--colorBackgroundNeutralBase); padding-left: 0.75rem; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .menuPromSlider { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .menuPromSlider { max-width: 1440px; }
}
.menuPromSlider { position: relative; width: 100%; margin-inline: auto; }
@media (min-width: 1024px) {
  .menuPromSlider { padding-left: 72px; padding-right: 72px; }
}
.menuPromSlider .itemList .sliderContainer:last-child { padding-right: 0.75rem; }
@media (min-width: 1024px) {
  .menuPromSlider .itemList .sliderContainer:last-child { padding-right: 0px; }
}
.menuPromSlider .itemListContainer { width: 100%; max-width: 100%; }
.menuPromSlider .promoCardContainer { margin-bottom: 0px; margin-top: 0px; width: calc(-40px + 100vw); min-width: 100%; }
@media (min-width: 1024px) {
  .menuPromSlider .promoCardContainer { margin-top: 2rem; width: calc(-200px + 100vw); }
}
@media screen and (min-width: 650px) and (max-width: 860px) {
  .menuPromSlider .promoCardContainer { width: calc(-125px + 100vw); }
}
@media screen and (min-width: 861px) and (max-width: 1023px) {
  .menuPromSlider .promoCardContainer { width: calc(-320px + 100vw); }
}
.menuPromSlider .promoCardContainer .promoBannerImage { height: 240px; }
@media (min-width: 1024px) {
  .menuPromSlider .promoCardContainer .promoBannerImage { height: 305px; }
}
.menuPromSlider .promoCardContainer.promoImgContainer::before { content: var(--tw-content); height: 240px; }
@media (min-width: 1024px) {
  .menuPromSlider .promoCardContainer.promoImgContainer::before { content: var(--tw-content); height: 305px; }
}
@media screen and (min-width: 1024px) and (max-width: 1400px) {
  .menuPromSlider .promoCardContainer { width: calc(-320px + 100vw); }
}
.menuPromSlider .sliderDotIcon, .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.menuPromSlider .sliderArrowContainer.promotionArrow { display: none; }
.menuPromSlider .sliderArrowContainer.promotionArrow { bottom: 55%; width: calc(-40px + 100vw); position: absolute; z-index: 10; }
@media (min-width: 1024px) {
  .menuPromSlider .sliderArrowContainer.promotionArrow { bottom: 50%; width: calc(-200px + 100vw); }
}
@media (min-width: 1440px) {
  .menuPromSlider .sliderArrowContainer.promotionArrow { width: 1300px; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.menuPromSlider .sliderArrowContainer.promotionArrow span { display: none; }
.menuPromSlider .sliderArrowContainer.promotionArrow span { margin-left: 0px; background-color: var(--colorBaseAlpha50); padding: 0.25rem; --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); position: absolute; cursor: pointer; border-radius: calc(infinity * 1px); }
@media (min-width: 1024px) {
  .menuPromSlider .sliderArrowContainer.promotionArrow span { margin-left: -0.75rem; padding: 0.625rem; }
}
.menuPromSlider .sliderArrowContainer.promotionArrow span svg { height: 1.5rem; width: 1.5rem; }
@media (min-width: 1024px) {
  .menuPromSlider .sliderArrowContainer.promotionArrow span svg { height: 2.5rem; width: 2.5rem; }
}
.menuPromSlider .sliderArrowContainer.promotionArrow span + span { right: -1.5rem; }
@media (min-width: 1024px) {
  .menuPromSlider .sliderArrowContainer.promotionArrow span + span { right: 0.5rem; }
}
@media screen and (min-width: 650px) and (max-width: 860px) {
  .menuPromSlider .sliderArrowContainer.promotionArrow span + span { right: 4rem; }
}
@media screen and (min-width: 861px) and (max-width: 1023px) {
  .menuPromSlider .sliderArrowContainer.promotionArrow span + span { right: 16rem; }
}
@media screen and (min-width: 1024px) and (max-width: 1400px) {
  .menuPromSlider .sliderArrowContainer.promotionArrow { width: calc(-320px + 100vw); }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.menuPromSlider .sliderLeftChevronIcon { display: none; }
.menuPromSlider .sliderLeftChevronIcon { left: 0px; position: absolute; }
.menuPromSlider .sliderChevronIcon { display: block; }
.menuPromSlider .sliderContainer { padding-left: 0px; padding-right: 0px; height: auto; }
.menuPromSlider .sliderDotIcon { justify-content: center; }
.menuPromSlider .disabledLeftChevronIcon { display: none; }
@media (min-width: 1024px) {
  .menuPromSlider .sliderContainer { padding-bottom: 0px; }
}
.promoBannerContainer { background-color: var(--colorBaseLightBeige500); }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.promoBannerContainer .menuPromSlider .itemListContainer .rewardSliderTermsandCondition { display: none; }
.promoBannerContainer .menuPromSlider .itemListContainer .rewardSliderTermsandCondition { bottom: 44%; position: absolute; }
@media (min-width: 1024px) {
  .promoBannerContainer .menuPromSlider .itemListContainer .rewardSliderTermsandCondition { bottom: 38%; }
}
.mediumSmallBanner { width: 100%; }
.menuBannerSection { margin-bottom: 1.5rem; position: relative; }
@media (min-width: 1024px) {
  .menuBannerSection { margin-bottom: 0px; }
}
.menuBannerSection .promoBannerImage { height: 300px; border-radius: 0.5rem; position: relative; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.menuBannerSection .mealKitContentWraper { display: none; }
.menuBannerSection .mealKitContentWraper { top: 0px; margin-right: 0px; height: 250px; padding: 1.25rem; position: absolute; display: flex; width: 100%; flex-direction: column; align-items: flex-start; justify-content: center; text-align: left; }
@media (min-width: 1024px) {
  .menuBannerSection .mealKitContentWraper { height: 100%; }
}
.menuBannerSection .mealKitContentWraper .badgesContainer, .menuBannerSection .mealKitContentWraper .badgesContainer .unavailableBatch { position: static; }
.menuBannerSection .mealKitContentWraper .mealKitTitle { font-size: var(--fontSizeFontSizeMd); }
@media (min-width: 1024px) {
  .menuBannerSection .mealKitContentWraper .mealKitTitle { padding-bottom: 0px; font-size: var(--fontSizeFontSizeLg); line-height: var(--lineHeightsMd); }
}
.menuBannerSection .mealKitContentWraper .mealKitContent { margin-top: 1rem; min-height: 2.5rem; padding-bottom: 0px; font-weight: 400; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
@media (min-width: 1024px) {
  .menuBannerSection .mealKitContentWraper .mealKitContent { overflow: visible; display: block; -webkit-box-orient: horizontal; -webkit-line-clamp: none; min-height: max-content; font-size: var(--fontSizeFontSizeSm); line-height: var(--lineHeightsXs); }
}
.menuBannerSection .mealKitContentWraper .mealKitContent:empty { display: none; }
.menuBannerSection .mealKitContentWraper .exploreMenuBtn { height: 2rem; padding: 0.625rem 1rem; font-size: var(--fontSizeFontSizeXs); display: flex; align-items: center; justify-content: center; }
.menuBannerSection .btnTermsCtr { margin-top: 1rem; padding-right: 0.625rem; }
.menuBannerSection .btnTermsCtr .termsAndCondition { top: 0.5rem; margin-top: 1rem; color: var(--colorBaseAlpha50); position: relative; }
@media (min-width: 1024px) {
  .menuBannerSection .btnTermsCtr .termsAndCondition { top: 0px; }
  .menuBannerSection.twoColMenuBanner .promoBannerImage { height: 276px; border-radius: 1rem; }
  .menuBannerSection.twoColMenuBanner .mealKitTitle { font-size: var(--fontSizeFontSizeXl); line-height: 1.75rem; }
  .menuBannerSection.twoColMenuBanner .btnTermsCtr { display: flex; justify-content: space-between; }
}
.menuBannerSection.twoColMenuBanner .btnTermsCtr .termsAndCondition { position: static; }
@media (min-width: 1024px) {
  .menuBannerSection.twoColMenuBanner .btnTermsCtr .termsAndCondition { margin-top: 0.625rem; }
}
.menuPageBg .menuBannerSection .mealKitContentWraper .badgesContainer { left: 0px; top: 0px; margin-bottom: 1rem; position: relative; }
.menuPageBg .menuBannerSection .mealKitContentWraper .badgesContainer .badgeContent:empty { display: none; }
.menuPageListPdpContainer .doubleMediumSmallBanner .menuBannerSection::before, .menuPageListPdpContainer .mediumSmallBanner .menuBannerSection::before { content: var(--tw-content); height: 300px; }
@media (min-width: 1024px) {
  .menuPageListPdpContainer .doubleMediumSmallBanner .menuBannerSection::before, .menuPageListPdpContainer .mediumSmallBanner .menuBannerSection::before { content: var(--tw-content); height: 100%; }
}
.menuPageListPdpContainer .doubleMediumSmallBanner .menuBannerSection .campaignPromosImg, .menuPageListPdpContainer .mediumSmallBanner .menuBannerSection .campaignPromosImg { height: 300px; }
@media (min-width: 1024px) {
  .menuPageListPdpContainer .doubleMediumSmallBanner .menuBannerSection .campaignPromosImg, .menuPageListPdpContainer .mediumSmallBanner .menuBannerSection .campaignPromosImg { height: 100%; }
}
.menuPromSlider .promoCardContainer { min-height: 204px; padding: 0px; justify-content: flex-start; }
.menuPromSlider .promoCardContainer::before { min-height: 204px; background-image: linear-gradient(90deg, rgb(36, 32, 33) 26.42%, transparent); height: 100% !important; }
@media (min-width: 1024px) {
  .menuPromSlider .promoCardContainer { min-height: 300px; justify-content: space-between; }
  .menuPromSlider .promoCardContainer::before { content: var(--tw-content); min-height: 300px; }
}
.menuPromSlider .promoCardContainer .promoBannerImage { min-height: 204px; height: 100%; }
@media (min-width: 1024px) {
  .menuPromSlider .promoCardContainer .promoBannerImage { min-height: 328px; }
}
.menuPromSlider .promoCardContainer .promotionBanWrapper, .menuPromSlider .promoCardContainer .promotionBanWrapper .promotionBannercontainer { top: 0px; position: relative; display: flex; height: 100%; width: 100%; }
.menuPromSlider .promoCardContainer .promotionBanWrapper .promotionBannercontainer, .menuPromSlider .promoCardContainer .promotionBanWrapper .promotionBannercontainer .promotionBannercontainer { margin: 0px; padding: 1.25rem 1.25rem 0.5rem; }
@media (min-width: 1024px) {
  .menuPromSlider .promoCardContainer .promotionBanWrapper .promotionBannercontainer, .menuPromSlider .promoCardContainer .promotionBanWrapper .promotionBannercontainer .promotionBannercontainer { padding: 3rem 4rem 0px; }
}
.menuPromSlider .promoCardContainer .promotionBanWrapper .promotionBannercontainer .promotionBannercontainer:empty, .menuPromSlider .promoCardContainer .promotionBanWrapper .promotionBannercontainer:empty { display: none; }
.menuPromSlider .promoCardContainer h3 { min-height: min-content; }
.menuPromSlider .promoCardContainer p { padding: 0px; }
.menuPromSlider .promoCardContainer .bannerSmallText { padding-bottom: 1rem; padding-left: 0px; z-index: 10; display: flex; width: 100%; }
@media (min-width: 1024px) {
  .menuPromSlider .promoCardContainer .bannerSmallText { position: relative; bottom: 0px; justify-content: center; padding-left: 0px; }
}
.menuPromSlider .itemList .sliderContainer { width: 100%; }
.drinkModalHeading { padding-top: 0.5rem; font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; font-weight: 400; --tw-leading: 22px; line-height: 22px; }
.TacosTopContainer { margin-bottom: 2rem; margin-top: 50px; padding-left: 1.25rem; padding-right: 1.25rem; }
.TacosTopContainer ul { margin-top: 0.75rem; gap: 0.5rem; display: flex; }
.nutritionProductTitle { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; color: var(--colorBaseOffBlack500); --tw-leading: 22px; line-height: 22px; }
.tacosSubTitle { font-family: var(--fontFamiliesBody); font-size: 0.875rem; font-weight: 400; color: var(--colorBaseAlpha600); --tw-leading: 19.1px; line-height: 19.1px; }
.tacoTabActive { pointer-events: none; display: flex; }
.tacoTabActive .tacoBtn { border-radius: 100px; border-color: var(--colorBaseAlpha800); background-color: var(--colorBaseAlpha800); padding: 9px 1rem; font-family: var(--fontFamiliesPrimary); font-size: 0.75rem; font-weight: 400; line-height: 14.4px; color: var(--colorBaseAlpha50); border-width: 1px; --tw-border-style: solid; border-style: solid; }
.tacoTab { display: flex; }
.tacoTab .tacoBtn { border-radius: 100px; border-color: var(--colorBaseAlpha800); padding: 9px 1rem; font-family: var(--fontFamiliesPrimary); font-size: 0.75rem; font-weight: 400; line-height: 14.4px; color: var(--colorBaseOffBlack500); border-width: 1px; --tw-border-style: solid; border-style: solid; }
.servingSize { display: flex; justify-content: space-between; }
.servingSizeText { padding-left: 1.25rem; padding-right: 1.25rem; font-family: var(--fontFamiliesBody); font-size: 1rem; font-weight: 400; line-height: 21.82px; color: var(--colorBaseOffBlack500); }
.nutritionalFactsContainer { margin-left: 1.25rem; margin-right: 1.25rem; margin-top: 0.5rem; border-top-width: 2px; border-color: var(--colorBaseAlpha600); padding-top: 1.25rem; padding-bottom: 1.25rem; display: flex; align-items: center; justify-content: space-between; border-bottom-width: 2px; --tw-border-style: solid; border-style: solid; }
.servingAmount { font-family: var(--fontFamiliesBody); font-size: 0.75rem; font-weight: 600; line-height: 16.37px; color: var(--colorBaseAlpha600); }
.tacosCalories { font-family: var(--fontFamiliesPrimary); font-size: 40px; color: var(--colorBaseOffBlack500); --tw-leading: 22px; line-height: 22px; }
@media (min-width: 1024px) {
  .tacosCalories { letter-spacing: -0.05em; }
}
.dailyReport { margin-top: 1rem; font-family: var(--fontFamiliesBody); font-size: 0.875rem; font-weight: 700; color: var(--colorForegroundContentSubtleEnabled); text-align: right; --tw-leading: 19.1px; line-height: 19.1px; }
.dailyReport, .nutritionInfoContainer { padding-left: 1.25rem; padding-right: 1.25rem; }
.nutritionInfoContainer { padding-top: 0.75rem; width: 100%; }
@media (min-width: 1024px) {
  .nutritionInfoContainer { width: 450px; }
}
.nutritionInfoHeading { margin-bottom: 0.5rem; position: relative; display: flex; justify-content: space-between; }
.paddingLeftNutrition { padding-left: 0.25rem; }
.nutritionInfoDescription { margin-bottom: 0.5rem; margin-left: 1rem; position: relative; display: flex; justify-content: space-between; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.dottedLine { display: none; }
.dottedLine { top: 10px; height: 0.25rem; border-top-width: 2px; border-style: dotted; border-color: var(--colorBaseAlpha300); position: absolute; display: block; width: 100%; }
.nutritonInfoLeftText { font-weight: 700; }
.nutritionInfoDescriptionLeftText, .nutritonInfoLeftText { background-color: var(--colorBaseAlpha50); padding-right: 22px; font-family: var(--fontFamiliesBody); font-size: 0.875rem; color: var(--colorBaseOffBlack500); z-index: 30; --tw-leading: 19.1px; line-height: 19.1px; }
.nutritionInfoDescriptionLeftText { font-weight: 400; }
.nutritionInfoRightText, .scale { font-weight: 400; color: var(--colorBaseAlpha600); }
.nutritionInfoRightText { background-color: var(--colorBaseAlpha50); padding-left: 22px; font-family: var(--fontFamiliesBody); font-size: 0.875rem; z-index: 30; --tw-leading: 19.1px; line-height: 19.1px; }
.nutritionInfoReport { align-items: baseline; padding: 2rem 1.25rem; font-family: var(--fontFamiliesBody); font-size: 0.75rem; font-weight: 400; line-height: 16.37px; color: var(--colorBaseAlpha600); display: flex; }
.drawerScrollBehaviour { height: 100vh; overflow: hidden scroll; }
.drawerScrollBehaviour .tacosSubTitle { padding-top: 0.25rem; }
.drawerScrollBehaviour::-webkit-scrollbar { display: none; }
@media (min-width: 640px) {
  .pdpLanding { max-width: 640px; }
}
@media (min-width: 768px) {
  .pdpLanding { max-width: 768px; }
}
@media (min-width: 1024px) {
  .pdpLanding { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .pdpLanding { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .pdpLanding { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .pdpLanding { max-width: 1536px; }
}
.site-map .pdpLanding { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .pdpLanding { flex-direction: row; }
}
.site-map .pdpLanding .leftColumn .level-1, .site-map .pdpLanding .leftColumn .level-2, .site-map .pdpLanding .leftColumn .level-3, .site-map .pdpLanding .rightColumn .level-1, .site-map .pdpLanding .rightColumn .level-2, .site-map .pdpLanding .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .pdpLanding .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .pdpLanding .level-2, .site-map .pdpLanding .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .pdpLanding .rightColumn { background-color: transparent; }
.site-map .pdpLanding .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .pdpLanding .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .pdpLanding .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .pdpLanding .camelCaseClass { text-transform: capitalize; }
.site-map .pdpLanding .lowerCaseClass { text-transform: lowercase; }
.site-map .pdpLanding h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.pdpLanding { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .pdpLanding { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .pdpLanding { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .pdpLanding .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .pdpLanding .leftColumn { width: 50%; }
}
.site-map .pdpLanding .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .pdpLanding .leftColumn .level-1 { padding: 0px; }
.site-map .pdpLanding .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .pdpLanding .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .pdpLanding .rightColumn { width: 50%; }
}
.site-map .pdpLanding .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .pdpLanding .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .pdpLanding .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .pdpLanding .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .pdpLanding .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.pdpLanding { background-color: var(--colorBackgroundNeutralBase); padding-top: 0px; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .pdpLanding { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .pdpLanding { max-width: 1440px; }
}
.pdpLanding { position: relative; width: 100%; display: flex; flex-direction: column; }
.pdpLanding::before { position: fixed; top: 134px; z-index: 10; height: 2.5rem; width: 100%; --tw-content: ""; content: var(--tw-content); }
@media (min-width: 1024px) {
  .pdpLanding { margin-left: auto; margin-right: auto; flex-direction: row; gap: 1.5rem; padding-left: 70px; padding-right: 70px; padding-top: 2.5rem; }
}
.pdpLanding.pdpLandingBg { margin-left: auto; margin-right: auto; margin-inline: auto; }
.pdpLanding.pdpLandingBg::before { position: fixed; top: 134px; z-index: 10; height: 0px; width: 100%; background-color: var(--colorBackgroundNeutralBase); --tw-content: ""; }
@media (min-width: 1024px) {
  .pdpLanding.pdpLandingBg::before { content: var(--tw-content); height: 2.5rem; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span .pdpLanding .productImage .unavailableBatch, .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.pdpLanding .productImage .badges { display: none; }
.pdpLanding .productImage .badges, .pdpLanding .productImage .unavailableBatch { left: 1rem; top: 1rem; position: absolute; }
.productImage { top: 134px; z-index: 20; height: 100%; }
@media (min-width: 1024px) {
  .productImage { position: sticky; top: 175px; flex-basis: 60%; }
}
.productImage img { aspect-ratio: 750 / 400; width: 100%; object-fit: cover; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.\!badge { display: none; }
.\!badge { left: 1rem; top: 1rem; height: 1.5rem; border-radius: var(--borderRadiusSoftlyRounded); background-color: var(--colorBackgroundBrandPrimary); padding: 0.25rem 0.375rem; font-family: var(--fontFamiliesBody); font-size: 0.875rem; font-weight: 700; line-height: 1.25; color: var(--colorForegroundBrandPrimaryOnBackground); position: absolute; }
@media (min-width: 1024px) {
  .\!badge { top: 1.5rem; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.badge { display: none; }
.badge { left: 1rem; top: 1rem; height: 1.5rem; border-radius: var(--borderRadiusSoftlyRounded); background-color: var(--colorBackgroundBrandPrimary); padding: 0.25rem 0.375rem; font-family: var(--fontFamiliesBody); font-size: 0.875rem; font-weight: 700; line-height: 1.25; color: var(--colorForegroundBrandPrimaryOnBackground); position: absolute; }
@media (min-width: 1024px) {
  .badge { top: 1.5rem; }
}
.modalBtnSpace { margin-top: 0.75rem; gap: 0.75rem; display: flex; width: 100%; flex-direction: column; }
.modalBtnSpace .signInButton { width: auto; }
.productInfo { padding-top: 2rem; }
@media (min-width: 1024px) {
  .productInfo { flex-basis: 40%; padding-top: 1.5rem; }
}
.productInfo .itemModifierUnavailableBadge { font-family: var(--fontFamiliesBody); font-size: 1rem; font-weight: 600; line-height: 1.25rem; color: var(--colorForegroundContentEnabled); }
.productInfo .modifierDishPrice { font-family: var(--fontFamiliesBody); font-size: 0.875rem; font-weight: 400; line-height: 1.25rem; color: var(--colorForegroundContentSubtleEnabled); }
.productTitle { padding-left: 1.25rem; padding-right: 1.25rem; font-family: var(--fontFamiliesPrimary); font-size: var(--typographyHeadlineMediumFontSize); line-height: var(--lineHeightsMd); color: var(--colorBaseAlpha950); }
@media (min-width: 1024px) {
  .productTitle { padding-left: 0px; padding-right: 0px; font-size: var(--typographyHeadlineLargeFontSize); line-height: var(--lineHeightsLg); letter-spacing: -0.05em; }
}
.priceLocationText { padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1rem; font-family: var(--fontFamiliesBody); font-size: 0.875rem; line-height: 1.25rem; display: flex; align-items: center; }
@media (min-width: 1024px) {
  .priceLocationText { padding-left: 0px; padding-right: 0px; padding-top: 2rem; }
}
.selectLocationText { font-family: var(--fontFamiliesBody); font-size: 0.875rem; line-height: 1.25rem; display: flex; cursor: pointer; align-items: center; text-decoration-line: underline; }
.priceText { color: var(--colorForegroundContentSubtleEnabled); }
.stickyName { top: 359px; background-color: var(--colorBackgroundNeutralBase); z-index: 10; }
@media (min-width: 1024px) {
  .stickyName { position: sticky; top: 173px; padding-bottom: 2rem; }
}
.pdpdescription { margin-bottom: 1.5rem; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1rem; font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; color: var(--colorBaseAlpha950); }
@media (min-width: 1024px) {
  .pdpdescription { margin-bottom: 2rem; padding-left: 0px; padding-right: 0px; padding-top: 0px; }
}
.pdpItemModifier { margin-left: 1.25rem; margin-right: 1.25rem; min-height: 94px; border-color: var(--colorDividerDim); padding-top: 1.25rem; padding-bottom: 1.25rem; position: relative; display: flex; align-items: center; border-top-style: var(--tw-border-style); border-top-width: 1px; }
.pdpItemModifier:first-child { border-width: 0px; }
.itemModifierUnavailableBadge { gap: 0.25rem; padding-right: 2rem; display: flex; width: 100%; flex-direction: column; }
.resetToOriginal, .viewInforLink { margin-top: 2.5rem; gap: 1rem; font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; color: var(--colorBaseOffBlack500); display: flex; flex-direction: column; justify-content: center; text-align: center; }
@media (min-width: 1024px) {
  .resetToOriginal, .viewInforLink { margin-top: 2rem; }
}
.resetToOriginal button, .viewInforLink .nutriBtn, .viewInforLink button { gap: 0.125rem; font-weight: 700; display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; }
.resetToOriginal button svg, .viewInforLink .nutriBtn svg, .viewInforLink button svg { stroke: var(--colorButtonTertiaryForegroundEnabled); stroke-width: 2; }
.viewInforLink .nutriExternalLink svg { stroke: none; }
.viewInforLink .nutriExternalLink span { padding-left: 0.25rem; }
.viewInforLink .nutriExternalLink { display: flex; align-items: center; justify-content: center; }
.heroBannerSectionContainer .btnPosition .btnStartOrder { width: 100%; justify-content: center; }
@media (min-width: 1024px) {
  .heroBannerSectionContainer .btnPosition .btnStartOrder { width: fit-content; }
}
.curbsidePickupView .btnStartOrder { height: 3rem; display: flex; width: 100%; align-items: center; justify-content: center; font-size: 20px; }
@media (min-width: 1024px) {
  .curbsidePickupView .btnStartOrder { width: auto; }
}
.tmobileBodyCont.orderingPageContainer .btnStartOrder { width: 100%; }
.tmobileBodyCont.orderingPageContainer .btnStartOrder.submitButton { width: 140px; min-width: 140px; }
.tmobileBodyCont.orderingPageContainer .memberInputCtr .btnStartOrder { max-width: 233px; }
.btnStartOrder { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonPrimaryBorderEnabled); background-color: var(--colorButtonPrimaryBackgroundEnabled); padding: var(--spacing4x) var(--spacing8x); font-size: var(--typographyButtonPrimaryLargeFontSize); font-weight: var(--fontWeightsRegular); color: var(--colorButtonPrimaryForegroundEnabled); }
.btnStartOrder:hover { background-color: var(--colorButtonPrimaryBackgroundPressed); }
@media (min-width: 1024px) {
  .btnStartOrder { padding: var(--spacing6x) var(--spacing16x); }
}
.btnStartOrder .ldsEllipsis { top: 1px; }
.errorPageContainer .errorInfoContainer.scanLanding .btnStartOrder { top: -0.75rem; position: relative; width: 100%; }
.groupOrderBtns .btnStartOrder { min-width: 335px; }
.differentLocationModal .modalBtns .btnStartOrder { margin-bottom: 0.75rem; }
.imageGalleryContainer .galleryBoxDescription .btnStartOrder { font-size: var(--fontSizeFontSizeXs); }
@media (min-width: 1024px) {
  .imageGalleryContainer .galleryBoxDescription .btnStartOrder { font-size: var(--fontSizeFontSizeRg); }
}
.headerNavContainer .headerActions .btnStartOrder { font-family: var(--fontFamiliesPrimary); line-height: 1.5; }
@media (min-width: 1024px) {
  .headerNavContainer .headerActions .btnStartOrder { font-size: 22px; line-height: 1.5rem; }
}
.btnStartOrder { background-color: var(--colorBaseOffBlack500); font-family: var(--fontFamiliesPrimary); font-weight: 700; text-transform: uppercase; }
@media (min-width: 1024px) {
  .btnStartOrder, .btnStartOrder:hover { background-color: var(--colorPrimary500); }
}
.modalWrapper .modalInner .storeclosedpopup .btnStartOrder { font-family: var(--fontFamiliesPrimary); }
.headsUpModal .modalBtns .btnStartOrder { padding-left: 0px; padding-right: 0px; }
.confirmOrderModel .btnStartOrder, .deliveryUnavailCtr .btnStartOrder, .storeclosedpopup .btnStartOrder { height: 3rem; font-family: var(--fontFamiliesPrimary); font-size: 22px; line-height: 1.5rem; }
.deliveryUnavailCtr .btnStartOrder, .storeclosedpopup .btnStartOrder { font-weight: 700; }
.FullScreenWrapper.homeFullScreenWrapperContent .btnStartOrder { margin-top: 0px; height: 3rem; min-width: 225px; background-color: var(--colorPrimary500); font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; }
@media (min-width: 1024px) {
  .FullScreenWrapper.homeFullScreenWrapperContent .btnStartOrder { min-width: 0px; }
}
.menuPageBg .favorites .btnStartOrder, .menuPageBg .recents .btnStartOrder { height: 3rem; background-color: var(--colorPrimary500); padding-left: 2rem; padding-right: 2rem; font-size: 22px; font-weight: 700; width: auto; text-transform: uppercase; }
@media screen and (min-width: 1024px) and (max-width: 1399px) {
  .menuPageBg .favorites .btnStartOrder, .menuPageBg .recents .btnStartOrder { font-size: var(--fontSizeFontSizeRg); }
}
.personalInfoFormContainer .accountButtonsContainer .btnStartOrder, .personalInfoFormContainer .notificationButtonWrapper .btnStartOrder { font-family: BrooklynSamuelsThreeBold; padding-top: 0px; padding-bottom: 0px; font-size: 22px; text-transform: uppercase; }
.drawerWrapper.drawerOpen .saveSelectionBtn .btnStartOrder, .drawerWrapper.drawerOpen .saveSgslBtn .btnStartOrder { font-family: BrooklynSamuelsThreeBold; height: 3rem; padding-top: 0px; padding-bottom: 0px; font-size: 22px; }
.orderingPageContainer .btnStartOrder { height: 3rem; font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 2rem; width: 100%; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .orderingPageContainer .btnStartOrder { width: max-content; line-height: 26px; }
}
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper .externalLinkButton .linkContentBtn.btnStartOrder svg path { fill: var(--colorBaseAlpha50); }
.orderingPageContainer .giftContainer .btnStartOrder { width: 152px; padding: 0px; display: flex; align-items: center; justify-content: center; }
.imageTextContainer .careerImgDescription a.btnStartOrder { margin-top: 1.5rem; }
@media (min-width: 1024px) {
  .imageTextContainer .careerImgDescription a.btnStartOrder { display: flex; }
}
.scanLandingBg .errorPageContainer .errorInfoContainer.scanLanding .btnStartOrder { font-family: BrooklynSamuelsThreeBold; top: 0px; height: 3rem; font-size: 22px; font-weight: 700; }
.modal .modalInner .selectedRewardModal .referFriendHeading + .modalBtns .btnStartOrder span { top: 0px; position: relative; text-transform: uppercase; }
.barCodePopup .btnStartOrder { font-size: var(--typographyButtonPrimaryLargeFontSize); }
.actionRequiredCont .errorLocationWrapper .btnsWrapper .btnStartOrder { height: 3rem; background-color: var(--colorBaseRed550); font-family: BrooklynSamuelsThreeBold; font-weight: 700; color: var(--colorBaseAlpha50); border-style: var(--tw-border-style); border-width: 0px; font-size: 19px; text-transform: uppercase; }
.cartChekoutButtonContainer .groupOrderBtns .btnStartOrder span { font-size: 22px; font-weight: 700; }
.btnStartOrder { margin-top: 0.25rem; text-align: center; }
@media (min-width: 1024px) {
  .btnStartOrder { margin-left: 0px; margin-right: 0px; text-align: left; }
}
.stickyBtnStyle { padding-bottom: 1.25rem; padding-top: 1rem; }
.stickyBtnStartOrder, .stickyBtnStyle { background-color: var(--colorBackgroundNeutralBase); }
.stickyBtnStartOrder { bottom: 0px; padding-left: 1.25rem; padding-right: 1.25rem; position: sticky; z-index: 20; }
@media (min-width: 1024px) {
  .stickyBtnStartOrder { padding-left: 0px; padding-right: 0px; }
}
.btnStartOrder, .btnYes { height: 3rem; padding-left: 2rem; padding-right: 2rem; width: 100%; align-items: center; justify-content: center; border-style: var(--tw-border-style); border-width: 1px; text-align: center; text-transform: capitalize; }
.btnStartOrder.btnStartCenter, .btnYes.btnStartCenter { justify-content: center; }
.btnStartOrder:disabled { height: 3rem; border-color: var(--colorBaseAlpha300); background-color: var(--colorBaseAlpha300); color: var(--colorBaseAlpha500); width: 100%; text-align: center; }
.primaryButton { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonPrimaryBorderEnabled); background-color: var(--colorButtonPrimaryBackgroundEnabled); padding: var(--spacing4x) var(--spacing8x); font-family: var(--fontFamiliesPrimary); font-size: var(--typographyButtonPrimaryLargeFontSize); font-weight: var(--fontWeightsRegular); color: var(--colorButtonPrimaryForegroundEnabled); text-align: center; }
.primaryButton:hover { background-color: var(--colorButtonPrimaryBackgroundPressed); }
@media (min-width: 1024px) {
  .primaryButton { padding: var(--spacing6x) var(--spacing16x); }
}
.btnSpace { padding-right: 20px; }
.dots { height: 0.125rem; width: 0.125rem; border-color: var(--colorForegroundContentSubtleEnabled); background-color: var(--colorForegroundContentSubtleEnabled); display: inline-flex; }
@media (min-width: 1024px) {
  .accordionWrapper { min-height: 2.5rem; }
}
.accordionWrapper .accordionContainer:last-child .modifierWrapper:last-child, .accordionWrapper .accordionContainer:last-child .pdpItemModifier:last-child { border-color: var(--colorBaseAlpha300); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.accordionWrapper .accordionContainer .pdpSuggestedSellWrapper:last-child .modifierWrapper.pdpSuggestedSell { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
.accordionContainer { background-color: var(--colorBackgroundNeutralBase); }
@media (min-width: 1024px) {
  .accordionContainer { position: sticky; }
}
.accordionContainer .pdpMenuImg { min-width: 2.5rem; position: relative; }
.favoritesDish + .modifierWrapper { --tw-border-style: none; border-style: none; }
.modifierDishItem { padding-left: 1rem; padding-right: 2rem; display: flex; flex-direction: column; }
.modifierDishItem.modifierWithoutImage { padding-left: 0px; }
.favoritesDishName { color: var(--colorForegroundContentEnabled); }
.modifierDishItem .favoritesDishName { display: flex; }
.modifierDishItem .favoritesDishName svg { margin-left: 0.25rem; margin-top: 0.375rem; }
.modifierDishRight input { height: 1.5rem; width: 1.5rem; }
.favoritesDish, .stickyHeader { top: 95px; min-height: 67px; background-color: var(--colorBackgroundNeutralDim); padding: 1rem 1.25rem; position: sticky; z-index: 10; display: flex; cursor: pointer; flex-direction: column; justify-content: center; }
@media (min-width: 1024px) {
  .favoritesDish, .stickyHeader { top: 0px; padding-left: 1rem; padding-right: 1rem; }
  .favoritesDish.pdpNoCalories, .stickyHeader.pdpNoCalories { top: 236px; }
}
@media only screen and (max-width: 1023px) {
  .favoritesDish.locationSticky { top: 201px; }
}
.favoritesDish.remove-top { top: 0px; }
.favoritesDish.remove-top.subAccordion { margin-left: 2rem; margin-right: 1.25rem; border-bottom-width: 1px; border-bottom-color: var(--colorBaseAlpha300); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); }
.favoritesDish.remove-top.subAccordion .arrowDown, .favoritesDish.remove-top.subAccordion .arrowUp { right: 0.6rem; }
.favoritesDishLeftHeading { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; font-weight: 400; line-height: 18px; }
.modifierDishRight { color: var(--colorForegroundContentSubtleEnabled); }
.favoritesDishError, .modifierDishRight { font-family: var(--fontFamiliesBody); font-size: 0.875rem; font-weight: 400; display: flex; align-items: center; --tw-leading: 19.1px; line-height: 19.1px; }
.favoritesDishError { padding-right: 0.75rem; color: var(--colorBaseRed700); }
.secondProteinBtn { margin-left: 1.25rem; margin-right: 1.25rem; margin-bottom: 2rem; text-align: center; }
@media (min-width: 1024px) {
  .secondProteinBtn { margin-left: 0px; margin-right: 0px; text-align: left; }
}
.secondProteinBtn button { height: 3rem; gap: 0.5rem; border-radius: 100px; border-color: var(--colorBaseAlpha800); padding-left: 2rem; padding-right: 2rem; line-height: 1.375; color: var(--colorBaseOffBlack500); display: flex; width: 100%; align-items: center; justify-content: center; border-style: var(--tw-border-style); border-width: 1px; text-transform: capitalize; }
.editTaco, .secondProteinBtn button { font-family: var(--fontFamiliesPrimary); font-size: 1rem; font-weight: 400; }
.editTaco { border-radius: 100px; border-color: var(--colorBaseAlpha800); padding: 14.5px 32px; line-height: 19.2px; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.pdpAccordionDesc { font-family: var(--fontFamiliesBody); font-size: 0.875rem; font-weight: 400; color: var(--colorForegroundContentSubtleEnabled); display: flex; align-items: center; --tw-leading: 19.1px; line-height: 19.1px; }
.pdpquantityselector { padding-top: 1rem; display: flex; align-items: center; justify-content: space-between; }
@media not all and (min-width: 1024px) {
  .pdpquantityselector { padding-left: 1.25rem; padding-right: 1.25rem; }
}
.pdpquantityselector .qtyLabel { font-family: var(--fontFamiliesBody); font-weight: 700; line-height: 1.5rem; color: var(--colorForegroundContentEnabled); font-size: 18px; }
.pdpquantityselector .qtyChanger { display: flex; }
.pdpquantityselector .pdpMinusIcon, .pdpquantityselector .pdpPlusIcon { border-radius: 0.375rem; border-style: var(--tw-border-style); border-width: 1px; }
.pdpquantityselector .pdpMinusIcon { border-bottom-right-radius: 0px; border-top-right-radius: 0px; border-color: var(--colorBaseAlpha300); }
.pdpquantityselector .pdpPlusIcon { border-bottom-left-radius: 0px; border-top-left-radius: 0px; border-color: var(--colorBaseAlpha300); }
.pdpquantityselector .qtyNumber { max-width: 46px; border-color: var(--colorBaseAlpha300); padding: 5px 12px; font-family: var(--fontFamiliesBody); display: flex; appearance: none; align-items: center; justify-content: center; border-width: 1px 0px; --tw-border-style: solid; border-style: solid; text-align: center; }
.pdpquantityselector .qtyNumber input:focus { outline: transparent none 2px; outline-offset: 2px; --tw-outline-style: none; }
.pdpquantityselector .qtyNumber input:focus-visible { outline-style: solid; }
.sideDrawer .pdpTxtaccordionTitle { font-family: BrooklynSamuelsThreeBold; }
.pdpTxtaccordionTitle { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; font-weight: 400; line-height: 18px; display: block; }
.continueButtonSignup { margin-bottom: 1.25rem; margin-top: 1.5rem; height: 3rem; gap: 0.5rem; display: flex; width: 100%; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .continueButtonSignup { margin-bottom: 0px; height: auto; width: auto; }
}
.letsGetStartedWrapper { margin-top: 3rem; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1rem; position: relative; display: flex; }
@media (min-width: 1024px) {
  .letsGetStartedWrapper { margin-top: 2rem; justify-content: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; }
}
.letsGetStartedWrapper .floating-container .floatingInputField { margin-top: 0px; padding-bottom: 0.5rem; padding-top: 1.5rem; }
.letsGetStartedWrapper .floating-container .fbr-floating-label { top: 1.5rem; }
.letsGetStartedWrapper .continueButtonSignup { margin-bottom: 0px; }
.letsGetStartContainer { width: 100%; }
@media (min-width: 1024px) {
  .letsGetStartContainer { width: 518px; }
}
.letsGetStartContainer .sectionTitle { font-size: var(--fontSizeFontSizeLg); }
@media (min-width: 1024px) {
  .letsGetStartContainer .sectionTitle { font-size: var(--typographyHeadlineLargeFontSize); }
}
.letsGetStartContainer .personalInfoTitle { padding-top: 1rem; font-family: var(--fontFamiliesPrimary); color: var(--colorBaseOffBlack500); font-size: 18px; }
.letsgetRequiredtext { padding-bottom: 0.5rem; font-family: var(--fontFamiliesBody); font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; color: var(--colorForegroundContentEnabled); }
.letsGetStartedBurstIcon { left: -0.25rem; top: -1.75rem; height: 0px; --tw-rotate: -45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); position: relative; }
.mandatoryLabel { margin-top: 1.5rem; margin-bottom: 1.5rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsSemibold); color: var(--colorFormFieldsForegroundEnabled); }
@media (min-width: 1024px) {
  .mandatoryLabel { margin-bottom: 1.75rem; }
}
.allRequiredText { margin-bottom: 0.5rem; font-family: var(--fontFamiliesBody); font-size: 0.875rem; line-height: 1.25rem; color: var(--colorBaseAlpha600); display: flex; align-items: center; }
.allRequiredText .error-message { margin-top: 0px; margin-bottom: 0px; font-size: 0.875rem; line-height: 1.25rem; }
.allRequiredText .errMessageText { flex-grow: 1; }
.all-required-text .allRequiredText, .error-message-field .allRequiredText { height: 19px; gap: 1rem; display: inline-flex; width: 100%; align-items: center; justify-content: flex-start; }
.all-required-text .relativeRequiredField, .error-message-field .relativeRequiredField { position: relative; height: 18px; width: 18px; }
.all-required-text .errMessageText, .all-required-text .letsget-err-message, .error-message-field .errMessageText, .error-message-field .letsget-err-message { flex: 1 1 0px; display: flex; font-family: var(--fontFamiliesBody); font-size: var(--typographyBodySecondarySemiboldFontSize); font-weight: 400; color: var(--colorForegroundContentEnabled); }
.auth-layout .letsGetStartedWrapper .error-message { align-items: flex-start; }
.oneLastThingWrapper { font-family: var(--fontFamiliesBody); }
.oneLastThingWrapper .headerDividerOne { padding-left: 0px; padding-right: 0px; }
.oneLastThingWrapper .spanStyleOne { left: 14rem; top: 0px; --tw-rotate: 312deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); display: block; }
@media (min-width: 1024px) {
  .oneLastThingWrapper .spanStyleOne { top: -1.75rem; left: 334px; }
}
.oneLastThingWrapper .spanStyleOne svg { height: 1.5rem; width: 1.5rem; }
@media (min-width: 1024px) {
  .oneLastThingWrapper .spanStyleOne svg { height: 2.5rem; width: 2.5rem; }
}
.oneLastThingWrapper .sectionTitle { margin-bottom: 0px; color: var(--colorBaseAlpha950); }
@media (min-width: 1024px) {
  .oneLastThingWrapper .sectionTitle { font-size: var(--fontSizeFontSizeXxl); }
}
.oneLastThingWrapper .fbr-floating-label { font-family: var(--fontFamiliesBody); }
.oneLastThingWrapper .labelDescription { margin-top: 0.75rem; font-family: var(--fontFamiliesBody); color: var(--colorIndicatorsDisclaimerForegroundDefault); }
.oneLastThingWrapper .labelHeader { margin-bottom: 0px; }
.oneLastThingWrapper .checkboxLabel { padding-bottom: 0.75rem; font-family: var(--fontFamiliesBody); color: var(--colorForegroundContentEnabled); }
.oneLastThingWrapper .info-label { padding-top: 0.75rem; font-size: var(--fontSizeFontSizeXs); color: var(--colorForegroundContentSubtleEnabled); }
.oneLastThingWrapper .completeSignUp { margin-top: 3rem; }
.oneLastThingWrapper .birthdayWrapper { margin-top: 2.5rem; margin-bottom: 2.5rem; }
@media (min-width: 1024px) {
  .oneLastThingWrapper .birthdayWrapper { margin-top: 3rem; margin-bottom: 3rem; }
}
.oneLastThingWrapper .orderViewRewardsDescription { font-weight: 400; color: var(--colorForegroundContentEnabled); }
.oneLastThingWrapper .submitButton { margin-bottom: 1.5rem; margin-top: 2rem; }
.oneLastThingWrapper .buttonTertiaryText { justify-content: center; }
@media (min-width: 1024px) {
  .oneLastThingWrapper .buttonTertiaryText { justify-content: flex-start; }
}
.oneLastThingWrapper .formContainer .sectionTitle { font-size: var(--fontSizeFontSizeMd); }
.oneLastThingWrapper .info-label { padding-top: 0px; }
.oneLastThingWrapper .completeSignUp { height: 3rem; }
@media (min-width: 1024px) {
  .oneLastThingWrapper .completeSignUp { width: auto; }
}
.oneLastThingWrapper .resendSpanStyle { margin-top: 0.375rem; }
.oneLastThingWrapper .linkText { padding-left: 0.25rem; }
@media (min-width: 1024px) {
  .oneLastThingWrapper.oneLastThingWrapperEdit { margin-top: 0px; }
}
.oneLastThingWrapper.oneLastThingWrapperEdit .spanStyleOne { left: 200px; top: 0.625rem; }
@media (min-width: 1024px) {
  .oneLastThingWrapper.oneLastThingWrapperEdit .spanStyleOne { top: -1.75rem; left: 334px; }
}
.oneLastThingWrapper.oneLastThingWrapperEdit .formEdit { margin-bottom: 2rem; gap: 1.5rem; display: flex; flex-direction: column; }
.oneLastThingWrapper.oneLastThingWrapperEdit .allRequiredText, .oneLastThingWrapper.oneLastThingWrapperEdit .contactInfoEdit { margin-bottom: 0px; }
.oneLastThingWrapper.oneLastThingWrapperEdit .eyeIconCtr { margin-top: 0.75rem; }
.oneLastThingWrapper.oneLastThingWrapperEdit .sectionTitle { line-height: 2.5rem; }
.oneLastThingWrapper .orderViewRewardsTC { margin-top: 0.75rem; text-align: center; text-transform: none; }
.scoreExclusiveWrapper { padding-left: 1.25rem; padding-right: 1.25rem; font-family: var(--fontFamiliesBody); color: var(--colorForegroundContentSubtleEnabled); position: relative; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .scoreExclusiveWrapper { margin-top: 0.5rem; justify-content: center; padding-left: 0px; padding-right: 0px; }
}
.scoreExclusiveWrapper .headerDividerOne { padding-left: 0px; padding-right: 0px; position: relative; flex-direction: row-reverse; justify-content: flex-end; }
.scoreExclusiveWrapper .headerDividerOne .spanStyleOne { right: -0.75rem; top: -0.75rem; left: inherit; width: 0px; --tw-rotate: -45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); position: relative; display: block; }
.scoreExclusiveWrapper .headerDividerOne .sectionTitle { font-size: var(--fontSizeFontSizeLg); }
@media (min-width: 1024px) {
  .scoreExclusiveWrapper .headerDividerOne .sectionTitle { font-size: var(--typographyHeadlineLargeFontSize); }
}
.scoreExclusiveContainer { width: 100%; }
@media (min-width: 1024px) {
  .scoreExclusiveContainer { margin-top: 0.75rem; width: 518px; }
}
.sectionSubTitlePerk { margin-top: 2rem; font-family: var(--fontFamiliesPrimary); font-size: var(--typographyHeadlineSmallFontSize); color: var(--colorForegroundContentEnabled); }
.submitButton { margin-top: 2.5rem; margin-bottom: 2.5rem; height: 3rem; width: 100%; }
@media (min-width: 1024px) {
  .submitButton { min-width: 250px; }
}
.birthdayWrapper { margin-bottom: 2.5rem; margin-top: 2rem; }
.birthdayWrapper .fbr-floating-label { top: 0.75rem; z-index: 10; }
.inputSpace { margin-bottom: 2rem; }
.recaptchaText { margin-top: 1.5rem; font-size: var(--typographyBodySmallTextLinkFontSize); color: var(--colorFormFieldsForegroundEnabled); }
.labelDescription { margin-top: 0.5rem; font-size: var(--typographyBodySmallTextRegularFontSize); display: block; }
.labelDescription a { font-weight: 700; }
.skipButton { margin-bottom: 1rem; margin-top: 1rem; height: 3rem; display: inline-flex; width: 100%; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .skipButton { order: 2; margin-right: 0.5rem; margin-top: 0px; height: 3rem; width: 150px; }
}
.continueButton { height: 3rem; gap: 0.5rem; font-size: var(--typographyBodyPrimaryRegularFontSize); display: flex; width: 100%; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .continueButton { height: 3rem; width: 150px; }
}
.onboardWrapper { min-height: 100vh; background-color: var(--colorBackgroundNeutralBase); padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.75rem; display: flex; flex-direction: column; align-items: center; }
@media (min-width: 1024px) {
  .onboardWrapper { min-height: calc(-132px + 100vh); padding-top: 4rem; }
}
.onboardCarouselContent { padding-left: 1.25rem; padding-right: 1.25rem; display: flex; align-items: center; }
@media (min-width: 1024px) {
  .onboardCarouselContent { gap: 2rem; padding-left: 0px; padding-right: 0px; }
}
.onboardCarouselContent .iconChevron { display: none; }
@media (min-width: 1024px) {
  .onboardCarouselContent .iconChevron { display: block; }
  .onboardCarouselContent .iconChevron.iconChevronRight { height: auto; width: auto; padding: 0px; }
}
.onboradingBtns { margin-bottom: 1rem; position: relative; z-index: 10; display: flex; width: 100%; flex-direction: column-reverse; justify-content: center; }
@media (min-width: 1024px) {
  .onboradingBtns { margin-top: 0.5rem; margin-bottom: 0.5rem; flex-direction: row; }
}
.onBoardContent { display: grid; grid-template-columns: repeat(1, minmax(0px, 1fr)); }
@media (min-width: 1024px) {
  .onBoardContent { margin-left: auto; margin-right: auto; display: grid; width: 480px; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
.onBoardOneImage { margin-left: auto; margin-right: auto; padding-top: 1.5rem; padding-bottom: 1.5rem; padding-right: 1rem; margin-inline: auto; display: flex; align-items: center; }
@media (min-width: 1024px) {
  .onBoardOneImage { order: 2; grid-row: span 3 / span 3; }
}
.onBoardOneHeader { margin-bottom: 1.5rem; }
@media (min-width: 1024px) {
  .onBoardOneHeader { order: 1; grid-column: span 3 / span 3; margin-left: 0px; margin-right: 0px; }
}
.onBoardOneHeader .headerDividerOne { padding: 0px; }
.onBoardSubContent { padding: 0px 1rem 1.5rem; font-family: var(--fontFamiliesBody); color: var(--colorForegroundContentSubtleEnabled); }
@media (min-width: 1024px) {
  .onBoardSubContent { order: 2; grid-row: span 3 / span 3; margin-left: 0px; margin-right: 0px; padding: 1.5rem 0px; }
}
.indicationContainer { padding-bottom: 2rem; }
@media (min-width: 1024px) {
  .indicationContainer { order: 3; grid-column: span 3 / span 3; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; padding-bottom: 1rem; }
}
.indicationAlign { gap: 0.375rem; display: flex; justify-content: center; }
.currentPage { width: 1.25rem; border-radius: 100px; }
.ellipse { width: 0.25rem; border-radius: calc(infinity * 1px); }
.currentPage, .ellipse { height: 0.25rem; background-color: var(--colorSelectionControlsPaginationForegroundSelected); }
.checkmarkPonits { padding-bottom: 0.75rem; padding-left: 1.25rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; width: 100%; }
.checkMarkAlign { display: flex; align-items: flex-start; }
.checkMarkAlign svg { height: 22px; width: 22px; }
@media (min-width: 1024px) {
  .checkMarkAlign svg { height: 1.5rem; width: 1.5rem; }
}
.iconChevron { margin-left: auto; margin-right: auto; margin-inline: auto; }
.membershipHeader { margin-top: 1rem; margin-bottom: 1rem; font-family: var(--fontFamiliesPrimary); font-size: var(--typographyHeadlineMediumFontSize); line-height: var(--lineHeightsMd); text-align: center; }
@media (min-width: 1024px) {
  .membershipHeader { padding-left: 3.5rem; padding-right: 3.5rem; }
}
.quesoContent { padding-bottom: 0.75rem; font-family: var(--fontFamiliesBody); font-size: var(--typographyBodyPrimaryRegularFontSize); color: var(--colorForegroundContentEnabled); display: flex; align-items: center; text-align: center; }
@media (min-width: 1024px) {
  .quesoContent { order: 2; grid-row: span 3 / span 3; margin-left: 0px; margin-right: 0px; text-align: left; }
}
.taxsApply { padding-bottom: 2.5rem; font-family: var(--fontFamiliesBody); font-size: var(--typographyBodySmallTextRegularFontSize); color: var(--colorForegroundContentSubtleEnabled); text-align: center; }
@media (min-width: 1024px) {
  .taxsApply { display: none; }
}
.letsGetStartedButton { height: 3rem; display: inline-flex; width: 100%; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .letsGetStartedButton { order: 2; height: 3rem; width: 216px; }
}
.iconChevronRight { margin-left: auto; margin-right: auto; height: 3rem; width: 3rem; --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); gap: 0.625rem; --tw-bg-opacity: 0.5; padding: 0.75rem; margin-inline: auto; display: none; align-items: center; justify-content: center; border-radius: calc(infinity * 1px); }
@media (min-width: 1024px) {
  .iconChevronRight { display: block; }
}
.welcomeMessage { margin-top: 1rem; margin-bottom: 1rem; padding-left: 1.25rem; padding-right: 1.25rem; font-family: var(--fontFamiliesPrimary); font-size: var(--typographyHeadlineLargeFontSize); line-height: 34px; display: flex; text-align: center; }
@media (min-width: 1024px) {
  .welcomeMessage { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .signupOnboardingWrapper .authHeader { display: flex; }
}
.signupOnboardingWrapper .authHeaderCloseIconWrapper { display: none; }
.passwordRequired { font-family: var(--fontFamiliesBody); font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(41 37 36/var(--tw-text-opacity)); }
.checkboxWrapper { margin-bottom: 2rem; }
.formContainer { margin-top: 2rem; }
.completeSignUp { margin-top: 20px; border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonPrimaryBorderEnabled); background-color: var(--colorButtonPrimaryBackgroundEnabled); padding: var(--spacing4x) var(--spacing8x); font-family: var(--fontFamiliesPrimary); font-size: var(--typographyButtonPrimaryLargeFontSize); font-weight: var(--fontWeightsRegular); color: var(--colorButtonPrimaryForegroundEnabled); width: 100%; text-align: center; }
.completeSignUp:hover { background-color: var(--colorButtonPrimaryBackgroundPressed); }
@media (min-width: 1024px) {
  .completeSignUp { padding: var(--spacing6x) var(--spacing16x); }
}
@media (min-width: 640px) {
  .storeCardContainer { max-width: 640px; }
}
@media (min-width: 768px) {
  .storeCardContainer { max-width: 768px; }
}
@media (min-width: 1024px) {
  .storeCardContainer { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .storeCardContainer { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .storeCardContainer { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .storeCardContainer { max-width: 1536px; }
}
.site-map .storeCardContainer { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .storeCardContainer { flex-direction: row; }
}
.site-map .storeCardContainer .leftColumn .level-1, .site-map .storeCardContainer .leftColumn .level-2, .site-map .storeCardContainer .leftColumn .level-3, .site-map .storeCardContainer .rightColumn .level-1, .site-map .storeCardContainer .rightColumn .level-2, .site-map .storeCardContainer .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .storeCardContainer .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .storeCardContainer .level-2, .site-map .storeCardContainer .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .storeCardContainer .rightColumn { background-color: transparent; }
.site-map .storeCardContainer .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .storeCardContainer .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .storeCardContainer .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .storeCardContainer .camelCaseClass { text-transform: capitalize; }
.site-map .storeCardContainer .lowerCaseClass { text-transform: lowercase; }
.site-map .storeCardContainer h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.storeCardContainer { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .storeCardContainer { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .storeCardContainer { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .storeCardContainer .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .storeCardContainer .leftColumn { width: 50%; }
}
.site-map .storeCardContainer .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .storeCardContainer .leftColumn .level-1 { padding: 0px; }
.site-map .storeCardContainer .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .storeCardContainer .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .storeCardContainer .rightColumn { width: 50%; }
}
.site-map .storeCardContainer .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .storeCardContainer .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .storeCardContainer .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .storeCardContainer .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .storeCardContainer .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.storeCardContainer { margin-top: 1.5rem; border-color: var(--colorForegroundBorderBrighter); padding-bottom: 1rem; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .storeCardContainer { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .storeCardContainer { max-width: 1440px; }
}
.storeCardContainer { width: 100%; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.storeClosedButton { border-radius: 0.25rem; border-color: var(--colorBaseRed700); padding: 0.25rem 0.375rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsRg); color: var(--colorBaseRed700); border-style: var(--tw-border-style); border-width: 1px; --tw-leading: --lineHeightsRg; }
.storeLocationName { max-width: 18rem; text-align: start; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: var(--typographyBodyPrimaryLinkFontWeight); line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); display: block; text-transform: capitalize; text-decoration-line: underline; }
.selectLocationButton { border-radius: var(--borderRadiusPill); --tw-bg-opacity: 0; padding: 0.5rem 1rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeXs); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsXs); color: var(--colorButtonSecondaryBorderEnabled); border-style: var(--tw-border-style); border-width: 1px; background-color: transparent; }
.storeClosedState { pointer-events: none; text-decoration-line: none; }
.heroBannerSectionContainer .btnPosition .restaurantInfoselectLocationButton { width: 100%; justify-content: center; }
@media (min-width: 1024px) {
  .heroBannerSectionContainer .btnPosition .restaurantInfoselectLocationButton { width: fit-content; }
}
.curbsidePickupView .restaurantInfoselectLocationButton { height: 3rem; display: flex; width: 100%; align-items: center; justify-content: center; font-size: 20px; }
@media (min-width: 1024px) {
  .curbsidePickupView .restaurantInfoselectLocationButton { width: auto; }
}
.tmobileBodyCont.orderingPageContainer .restaurantInfoselectLocationButton { width: 100%; }
.tmobileBodyCont.orderingPageContainer .restaurantInfoselectLocationButton.submitButton { width: 140px; min-width: 140px; }
.tmobileBodyCont.orderingPageContainer .memberInputCtr .restaurantInfoselectLocationButton { max-width: 233px; }
.restaurantInfoselectLocationButton { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonPrimaryBorderEnabled); background-color: var(--colorButtonPrimaryBackgroundEnabled); padding: var(--spacing4x) var(--spacing8x); font-size: var(--typographyButtonPrimaryLargeFontSize); color: var(--colorButtonPrimaryForegroundEnabled); text-align: center; }
.restaurantInfoselectLocationButton:hover { background-color: var(--colorButtonPrimaryBackgroundPressed); }
@media (min-width: 1024px) {
  .restaurantInfoselectLocationButton { padding: var(--spacing6x) var(--spacing16x); }
}
.restaurantInfoselectLocationButton .ldsEllipsis { top: 1px; }
.errorPageContainer .errorInfoContainer.scanLanding .restaurantInfoselectLocationButton { top: -0.75rem; position: relative; width: 100%; }
.groupOrderBtns .restaurantInfoselectLocationButton { min-width: 335px; }
.differentLocationModal .modalBtns .restaurantInfoselectLocationButton { margin-bottom: 0.75rem; }
.imageGalleryContainer .galleryBoxDescription .restaurantInfoselectLocationButton { font-size: var(--fontSizeFontSizeXs); }
@media (min-width: 1024px) {
  .imageGalleryContainer .galleryBoxDescription .restaurantInfoselectLocationButton { font-size: var(--fontSizeFontSizeRg); }
}
.headerNavContainer .headerActions .restaurantInfoselectLocationButton { font-family: var(--fontFamiliesPrimary); line-height: 1.5; }
@media (min-width: 1024px) {
  .headerNavContainer .headerActions .restaurantInfoselectLocationButton { font-size: 22px; line-height: 1.5rem; }
}
.restaurantInfoselectLocationButton { background-color: var(--colorBaseOffBlack500); font-family: var(--fontFamiliesPrimary); font-weight: 700; text-transform: uppercase; }
@media (min-width: 1024px) {
  .restaurantInfoselectLocationButton, .restaurantInfoselectLocationButton:hover { background-color: var(--colorPrimary500); }
}
.modalWrapper .modalInner .storeclosedpopup .restaurantInfoselectLocationButton { font-family: var(--fontFamiliesPrimary); }
.headsUpModal .modalBtns .restaurantInfoselectLocationButton { padding-left: 0px; padding-right: 0px; }
.confirmOrderModel .restaurantInfoselectLocationButton { height: 3rem; font-family: var(--fontFamiliesPrimary); font-size: 22px; line-height: 1.5rem; }
.deliveryUnavailCtr .restaurantInfoselectLocationButton, .storeclosedpopup .restaurantInfoselectLocationButton { height: 3rem; font-family: var(--fontFamiliesPrimary); font-size: 22px; font-weight: 700; line-height: 1.5rem; }
.FullScreenWrapper.homeFullScreenWrapperContent .restaurantInfoselectLocationButton { margin-top: 0px; height: 3rem; min-width: 225px; background-color: var(--colorPrimary500); font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; }
@media (min-width: 1024px) {
  .FullScreenWrapper.homeFullScreenWrapperContent .restaurantInfoselectLocationButton { min-width: 0px; }
}
.menuPageBg .favorites .restaurantInfoselectLocationButton, .menuPageBg .recents .restaurantInfoselectLocationButton { height: 3rem; background-color: var(--colorPrimary500); padding-left: 2rem; padding-right: 2rem; font-size: 22px; font-weight: 700; width: auto; text-transform: uppercase; }
@media screen and (min-width: 1024px) and (max-width: 1399px) {
  .menuPageBg .favorites .restaurantInfoselectLocationButton, .menuPageBg .recents .restaurantInfoselectLocationButton { font-size: var(--fontSizeFontSizeRg); }
}
.personalInfoFormContainer .accountButtonsContainer .restaurantInfoselectLocationButton, .personalInfoFormContainer .notificationButtonWrapper .restaurantInfoselectLocationButton { font-family: BrooklynSamuelsThreeBold; padding-top: 0px; padding-bottom: 0px; font-size: 22px; text-transform: uppercase; }
.drawerWrapper.drawerOpen .saveSelectionBtn .restaurantInfoselectLocationButton, .drawerWrapper.drawerOpen .saveSgslBtn .restaurantInfoselectLocationButton { font-family: BrooklynSamuelsThreeBold; height: 3rem; padding-top: 0px; padding-bottom: 0px; font-size: 22px; }
.orderingPageContainer .restaurantInfoselectLocationButton { height: 3rem; font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 2rem; width: 100%; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .orderingPageContainer .restaurantInfoselectLocationButton { width: max-content; line-height: 26px; }
}
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper .externalLinkButton .linkContentBtn.restaurantInfoselectLocationButton svg path { fill: var(--colorBaseAlpha50); }
.orderingPageContainer .giftContainer .restaurantInfoselectLocationButton { width: 152px; padding: 0px; display: flex; align-items: center; justify-content: center; }
.imageTextContainer .careerImgDescription a.restaurantInfoselectLocationButton { margin-top: 1.5rem; }
@media (min-width: 1024px) {
  .imageTextContainer .careerImgDescription a.restaurantInfoselectLocationButton { display: flex; }
}
.scanLandingBg .errorPageContainer .errorInfoContainer.scanLanding .restaurantInfoselectLocationButton { font-family: BrooklynSamuelsThreeBold; top: 0px; height: 3rem; font-size: 22px; font-weight: 700; }
.modal .modalInner .selectedRewardModal .referFriendHeading + .modalBtns .restaurantInfoselectLocationButton span { top: 0px; position: relative; text-transform: uppercase; }
.barCodePopup .restaurantInfoselectLocationButton { font-size: var(--typographyButtonPrimaryLargeFontSize); }
.actionRequiredCont .errorLocationWrapper .btnsWrapper .restaurantInfoselectLocationButton { height: 3rem; background-color: var(--colorBaseRed550); font-family: BrooklynSamuelsThreeBold; font-weight: 700; color: var(--colorBaseAlpha50); border-style: var(--tw-border-style); border-width: 0px; font-size: 19px; text-transform: uppercase; }
.cartChekoutButtonContainer .groupOrderBtns .restaurantInfoselectLocationButton span { font-size: 22px; font-weight: 700; }
.restaurantInfoselectLocationButton { height: 3rem; padding: 0.5rem 1rem; font-size: var(--fontSizeFontSizeRg); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsXs); width: 100%; }
.orderNowButton { padding: 0.5rem 1rem; }
.orderAheadButton, .orderNowButton { font-size: var(--fontSizeFontSizeXs); line-height: var(--lineHeightsXs); }
.orderAheadButton { padding: 0.5rem; }
@media (min-width: 1024px) {
  .orderAheadButton { padding-left: 1rem; padding-right: 1rem; }
}
.restaurantStatusUpdate { transition-duration: 0.5s; }
@media (min-width: 640px) {
  .restaurantStatusUpdate { overflow: hidden; }
}
@media (min-width: 1024px) {
  .restaurantStatusUpdate { max-height: 100%; }
}
.restaurantInfoTime .restaurantStatusUpdate.hiddenContent { display: none; }
.findNewLocationclose { height: 3rem; border-color: var(--colorBaseOffBlack500); padding-left: 2rem; padding-right: 2rem; font-family: var(--fontFamiliesPrimary); font-size: 1rem; line-height: 1.5rem; font-weight: 400; color: var(--colorBaseOffBlack500); align-items: center; justify-content: center; border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 1px; text-align: center; text-transform: capitalize; }
.selectLocationButtonWrapper { gap: 1rem; padding-top: 1rem; display: flex; align-items: center; justify-content: flex-end; }
.storeAddressWrapper { max-width: 250px; flex-direction: column; }
.storeAddressAndMilesWrapper { line-height: var(--lineHeightsRg); color: var(--colorForegroundContentSubtleEnabled); --tw-leading: --lineHeightsRg; }
.openingHoursAndMoreInfoWrapper, .storeAddressAndMilesWrapper { padding-top: 1rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); display: flex; justify-content: space-between; }
.openingHoursAndMoreInfoWrapper { font-weight: var(--fontWeightsRegular); color: var(--colorForegroundContentSubtlestEnabled); }
.moreInfoWrapper { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsRg); color: var(--colorButtonTextLinkForegroundEnabled); cursor: pointer; text-align: center; --tw-leading: --lineHeightsRg; text-decoration-line: underline; }
.permanentlyClosedErrorText { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeXs); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsXs); color: var(--colorBaseRed700); }
.nearStoreCardWrapper { margin-top: 1rem; min-height: 6rem; border-radius: 0.5rem; border-width: var(--borderWidthThin); border-color: var(--colorForegroundBorderBrighter); padding: 1.25rem; text-align: start; font-family: var(--fontFamiliesBody); width: 100%; }
.nearStoreCardWrapper .openTiming { gap: 0.5rem; padding-right: 1.25rem; display: flex; align-items: center; }
.nearStoreCardTitle { font-weight: var(--fontWeightsBold); color: var(--colorBaseOffBlack500); text-decoration-line: underline; }
.nearStoreCardAddress, .nearStoreCardTitle { font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); }
.nearStoreCardAddress { color: var(--colorForegroundContentSubtleEnabled); display: flex; flex-direction: row; justify-content: space-between; }
.updatedSavedLocation { padding-top: 1.5rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsSm); color: var(--colorForegroundContentEnabled); }
.yourSavedAddress { font-weight: var(--fontWeightsRegular); color: var(--colorForegroundContentSubtleEnabled); }
.updateSavedLocation, .yourSavedAddress { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); line-height: var(--lineHeightsRg); --tw-leading: --lineHeightsRg; }
.updateSavedLocation { font-weight: var(--fontWeightsBold); color: var(--colorBaseOffBlack500); cursor: pointer; text-decoration-line: underline; }
@media (min-width: 640px) {
  .accountWrapper { max-width: 640px; }
}
@media (min-width: 768px) {
  .accountWrapper { max-width: 768px; }
}
@media (min-width: 1024px) {
  .accountWrapper { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .accountWrapper { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .accountWrapper { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .accountWrapper { max-width: 1536px; }
}
.site-map .accountWrapper { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .accountWrapper { flex-direction: row; }
}
.site-map .accountWrapper .leftColumn .level-1, .site-map .accountWrapper .leftColumn .level-2, .site-map .accountWrapper .leftColumn .level-3, .site-map .accountWrapper .rightColumn .level-1, .site-map .accountWrapper .rightColumn .level-2, .site-map .accountWrapper .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .accountWrapper .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .accountWrapper .level-2, .site-map .accountWrapper .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .accountWrapper .rightColumn { background-color: transparent; }
.site-map .accountWrapper .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .accountWrapper .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .accountWrapper .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .accountWrapper .camelCaseClass { text-transform: capitalize; }
.site-map .accountWrapper .lowerCaseClass { text-transform: lowercase; }
.site-map .accountWrapper h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.accountWrapper { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .accountWrapper { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .accountWrapper { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .accountWrapper .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .accountWrapper .leftColumn { width: 50%; }
}
.site-map .accountWrapper .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .accountWrapper .leftColumn .level-1 { padding: 0px; }
.site-map .accountWrapper .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .accountWrapper .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .accountWrapper .rightColumn { width: 50%; }
}
.site-map .accountWrapper .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .accountWrapper .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .accountWrapper .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .accountWrapper .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .accountWrapper .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.accountWrapper { margin-left: auto; margin-right: auto; background-color: var(--colorBackgroundNeutralBase); }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .accountWrapper { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .accountWrapper { max-width: 1440px; }
}
.accountWrapper { position: relative; width: 100%; margin-inline: auto; }
.accountWrapper .restaurantInfoAddress { margin-bottom: 0.5rem; padding-top: 0px; }
.accountWrapper .restaurantInfoBtn { padding-top: 0.5rem; }
.accountWrapper .getDirection { margin-bottom: 0px; }
.accountWrapperPattern { position: relative; }
.accountWrapperPattern::after { position: absolute; top: 0px; height: 279px; width: 100%; background-image: url("../scraped_assets/images/container-texture.f788fdad.svg"); background-size: cover; background-repeat: no-repeat; }
.accountContainer { gap: 8rem; padding-left: 1.25rem; padding-right: 1.25rem; position: relative; display: flex; flex-direction: row; }
@media (min-width: 1024px) {
  .accountContainer { padding-left: 5%; padding-right: 5%; }
}
.accountBurstIcon { top: -10px; left: 14px; }
.accountBurstIcon, .accountBurstIconReorder { --tw-rotate: 306deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); position: relative; }
.accountBurstIconReorder { top: -1rem; left: 1.75rem; }
.accountNav { top: 145px; border-radius: 1.5rem; border-color: var(--colorForegroundBorderBrighter); padding-left: 4%; padding-right: 4%; padding-bottom: 2rem; position: sticky; z-index: 10; width: 100%; border-width: 1px; --tw-border-style: none; border-style: none; }
@media (min-width: 1024px) {
  .accountNav { margin-top: 4rem; margin-bottom: 4rem; width: 24.5%; border-style: solid; background-color: var(--colorBackgroundNeutralBright); }
}
.accountNavHeading { padding-bottom: 1.5rem; padding-top: 2rem; font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsSm); }
.savedLocationDisclaimer { margin-bottom: 2rem; align-items: baseline; gap: 1rem; border-radius: 0.5rem; border-color: var(--colorForegroundBorderBrighter); padding: 1rem; display: flex; flex-direction: row; border-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .savedLocationDisclaimer { margin-bottom: 1.5rem; }
}
.accountNavItem { height: 83px; gap: 0.75rem; border-color: var(--colorForegroundBorderBrighter); padding-top: 13px; padding-bottom: 13px; font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsSm); display: flex; flex-direction: row; align-items: center; border-bottom-width: 1px; --tw-border-style: solid; border-style: solid; text-transform: uppercase; }
@media (min-width: 1024px) {
  .accountNavItem { height: auto; align-items: flex-start; border-style: none; font-family: var(--fontFamiliesBody); font-size: 1rem; text-transform: none; line-height: var(--lineHeightsMd); }
}
.accountNavItem a { width: 231px; }
@media (min-width: 1024px) {
  .accountNavItem a { width: auto; }
}
.accountNavItem .selected { font-weight: 700; position: relative; }
.accountNavItem .selected::after { position: absolute; bottom: -5px; left: 0px; height: 5px; --tw-content: ""; }
@media (min-width: 1024px) {
  .accountNavItem .selected::after { width: 100%; content: var(--tw-content); background-image: url("../scraped_assets/images/borderLine.7e0864b6.svg"); }
}
.accountNavItem .\!selected { font-weight: 700; position: relative; }
.accountNavItem .\!selected::after { position: absolute; bottom: -5px; left: 0px; height: 5px; --tw-content: ""; }
@media (min-width: 1024px) {
  .accountNavItem .\!selected::after { width: 100%; content: var(--tw-content); background-image: url("../scraped_assets/images/borderLine.7e0864b6.svg"); }
}
.accountNavItem svg { height: 1.5rem; min-width: 1.5rem; }
.accountNavItem svg, .accountNavItem svg path { fill: var(--colorBaseOffBlack500); }
.accountNavItem .accountMenuLink { display: flex; width: 100%; align-items: center; }
@media (min-width: 1024px) {
  .accountNavItem .accountMenuLink { width: auto; }
}
.accountNavItemCtr { padding-left: 0px; padding-right: 0px; }
.mobileView { display: block; }
@media (min-width: 1024px) {
  .mobileView { display: none; }
}
.signOutButton { border-radius: var(--borderRadiusPill); border-color: var(--colorButtonSecondaryBorderEnabled); padding: 1rem; font-family: var(--fontFamiliesPrimary); font-size: 1rem; font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsXs); color: var(--colorButtonSecondaryForegroundEnabled); width: 100%; border-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .signOutButton { width: auto; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.75rem; line-height: 1rem; }
}
.personalInfoFormContainer { margin-bottom: 3rem; margin-top: 1.5rem; z-index: 10; width: 100%; }
@media (min-width: 1024px) {
  .personalInfoFormContainer { margin-top: 4rem; margin-bottom: 4rem; display: block; width: 42%; }
}
.personalInfoFormContainer .floating-container .floatingInputField { border-color: var(--colorFormFieldsBorderFilled); }
.personalInfoFormContainer .floating-container .fbr-floating-label { z-index: 10; }
.personalInfoFormContainer .floating-container .floatingInputField:focus { border-color: var(--colorForegroundBorderNeutral); outline: transparent none 2px; outline-offset: 2px; border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; --tw-outline-style: none; }
.personalInfoFormContainer .readOnlyItems .floatingInputField:focus { border-color: var(--colorFormFieldsBorderFilled); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.personalInfoFormContainer .readOnlyItems .floatingInputField:focus + .fbr-floating-label { top: 1.25rem; }
.personalInfoFormContainer.searchResultHeight { min-height: 20rem; }
.personalInfoFormContainer .noaddressImageCont { height: 180px; width: 182px; position: relative; }
.personalInfoFormContainer .fbr-floating-label { top: 1.25rem; }
.personalInfoFormContainer .orderHistoryWrapper .restaurantInfoTime { padding-right: 0px; }
.personalInfoFormContainer .searchBarWrapper { margin-top: 2rem; }
.personalInfoFormContainer .accountOrderInfoDetails .pickupLocationHead, .personalInfoFormContainer .pickupTime .pickupLocationHead { padding-top: 0px; }
.personalInfoFormContainer .accountOrderInfoDetails .pickupLocationHeadType, .personalInfoFormContainer .pickupTime .pickupLocationHeadType { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: 700; color: var(--colorButtonTertiaryForegroundEnabled); }
.personalInfoFormContainer .accountOrderInfoDetails .deliveryAddressSubhead, .personalInfoFormContainer .pickupTime .deliveryAddressSubhead { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); color: var(--colorForegroundContentSubtleEnabled); }
.personalInfoFormContainer .pickuplocation { margin-top: 2rem; gap: 1.25rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.personalInfoFormContainer .searchResultContainerWrapper { display: none; }
  .personalInfoFormContainer .searchResultContainerWrapper { position: absolute; top: 5rem; }
}
.personalInfoFormContainer .orderConfirmrightSection { width: 100%; }
@media (min-width: 1024px) {
  .personalInfoFormContainer .orderConfirmrightSection { margin-left: auto; margin-right: auto; }
}
.personalInfoFormContainer .fbr-floating-label.\!isEmpty, .personalInfoFormContainer .fbr-floating-label.isEmpty { top: 0px; }
.personalInfoFormContainer .creditCardWrapper .fbr-floating-label.\!isEmpty, .personalInfoFormContainer .creditCardWrapper .fbr-floating-label.isEmpty { top: 0.75rem; }
.personalInfoFormContainer .dateMonthField { margin-top: 0.75rem; gap: 1rem; }
.personalInfoFormContainer .dateMonthField .fbr-floating-label.\!isEmpty, .personalInfoFormContainer .dateMonthField .fbr-floating-label.isEmpty { top: 0.75rem; }
.accountSectionTitle { padding-top: 0.75rem; font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; font-weight: 400; line-height: var(--lineHeightsLg); }
@media (min-width: 1024px) {
  .accountSectionTitle { padding-top: 1.75rem; font-size: var(--fontSizeFontSizeXxl); }
}
.burstIcon { left: 14px; top: -10px; --tw-rotate: 306deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); position: relative; }
.textBoxWrapper input:focus { outline: transparent none 2px; outline-offset: 2px; --tw-outline-style: none; }
.dropdownTextbox:focus ~ .fbr-floating-label { --tw-translate-x: 0px; --tw-translate-y: 0px; --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.dropdownTextbox:focus ~ .fbr-floating-label.\!valueEntered, .dropdownTextbox:focus ~ .fbr-floating-label.valueEntered, .dropdownTextbox:focus ~ .openedDropdown ~ .fbr-floating-label { --tw-translate-y: -1.5rem; --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.valueSelected .dropdownTextbox:focus ~ .fbr-floating-label { --tw-translate-y: -1.5rem; --tw-translate-x: 0px; --tw-scale-x: .75; --tw-scale-y: .75; }
.valueSelected .dropdownTextbox:focus ~ .fbr-floating-label, .valueSelected .dropdownTextbox:focus ~ .openedDropdown ~ .fbr-floating-label { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.valueSelected .dropdownTextbox:focus ~ .openedDropdown ~ .fbr-floating-label { --tw-translate-y: -1.5rem; --tw-scale-x: .75; --tw-scale-y: .75; }
.\!disabled .dropDownIcon svg, .\!disabled .dropdownTextbox:disabled, .\!disabled .fbr-floating-label, .disabled .dropDownIcon svg, .disabled .dropdownTextbox:disabled, .disabled .fbr-floating-label { opacity: 0.4; }
.accountButtonsRow { margin-top: 2rem; gap: 1.5rem; display: flex; flex-direction: row; align-items: center; }
.accountButtonsRow button { font-size: 1rem; line-height: 1.5rem; }
@media (min-width: 1024px) {
  .accountButtonsRow button { width: 130px; }
}
.accountButtonsContainer { margin-top: 2rem; gap: 1rem; display: flex; flex-direction: column; align-items: center; }
@media (min-width: 1024px) {
  .accountButtonsContainer { flex-direction: row; gap: 1.5rem; }
}
.accountButtonsContainer button { width: 100%; justify-content: center; }
@media (min-width: 1024px) {
  .accountButtonsContainer button { width: auto; }
}
.accountButtonsContainer .deleteAccountLink { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.editAddressWrapper .fbrInnerBox .deleteAccountLink { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); color: var(--colorButtonTextLinkForegroundEnabled); text-decoration-line: underline; }
.deleteAccountLink { gap: 0.125rem; font-family: var(--fontFamiliesBody); font-size: 1rem; font-weight: 700; line-height: var(--lineHeightsMd); display: flex; width: auto; flex-direction: row-reverse; align-items: center; }
.deleteAccountLink path { stroke: var(--colorBaseOffBlack500); }
.disclimerText { margin-top: 0.75rem; gap: 0.25rem; font-family: var(--fontFamiliesBody); font-size: 0.75rem; font-weight: 400; line-height: 1rem; color: var(--colorIndicatorsDisclaimerForegroundDefault); display: flex; flex-direction: row; }
.resetPwHeading { margin-top: 1.25rem; margin-bottom: 1.25rem; font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; font-weight: 400; line-height: var(--lineHeightsSm); }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.dropDownIcon svg { display: none; }
.dropDownIcon svg { right: 0.625rem; top: 1rem; --tw-rotate: 90deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); position: absolute; transition-duration: var(--tw-duration,0s); transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease,ease); }
.dropDownIcon svg path { fill: var(--colorDividerInverseBase); }
.dropDownIcon.openedDropdown svg { --tw-rotate: 270deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.dropDownIcon.\!isError svg path, .dropDownIcon.isError svg path { fill: var(--colorFormFieldsForegroundError); }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.dropdownValue { display: none; }
.dropdownValue { height: 283px; overflow-y: scroll; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-color: var(--colorDividerBase); background-color: var(--colorBackgroundNeutralBright); position: absolute; z-index: 50; display: none; width: 100%; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.dropdownValue.openedDropdown { display: none; }
.dropdownValue.openedDropdown { height: 170px; padding-left: 0px; padding-right: 0px; position: absolute; display: block; border-style: var(--tw-border-style); border-width: 1px; }
.dropdownValue.openedDropdown li { margin-top: 0.25rem; padding: 0.25rem 1rem; font-family: var(--fontFamiliesBody); font-size: 0.875rem; font-weight: 400; line-height: 19px; --tw-text-opacity: 1; color: rgb(0 0 0/var(--tw-text-opacity)); cursor: pointer; text-transform: capitalize; }
.dropdownValue.openedDropdown li:hover { background-color: var(--colorBackgroundNeutralDim); font-weight: 700; }
.auth-layout .floating-container .dropdownTextbox { margin-top: 0px; padding-bottom: 0.5rem; padding-top: 1.5rem; }
.vehicleAddEditModal .dropdownTextbox { border-color: var(--color-formFields-border-enabled); }
.dropdownTextbox { margin-top: 0.25rem; border-bottom-width: 1px; padding: 0.625rem 0px; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: var(--typographyBodyPrimaryBoldFontWeight); color: var(--colorFormFieldsForegroundEnabled); display: block; width: 100%; appearance: none; background-color: transparent; --tw-leading: 22px; line-height: 22px; }
.dropdownTextbox, .dropdownTextbox:focus { border-color: var(--colorFormFieldsBorderEnabled); }
.dropdownTextbox:focus { outline: transparent solid 2px; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); }
.floating-container .dropdownTextbox { margin-top: 0.5rem; padding-right: 1.5rem; color: var(--colorForegroundBorderDim); }
.dropdownTextbox.invalid { border-color: var(--colorFormFieldsBorderError); color: var(--colorFormFieldsForegroundError); }
.dropdownTextbox { border-radius: 0px; }
.letsGetStartedWrapper .floating-container .dropdownTextbox { margin-top: 0px; padding-bottom: 0.5rem; padding-top: 1.5rem; }
.personalInfoFormContainer .floating-container .dropdownTextbox { border-color: var(--colorFormFieldsBorderFilled); }
.personalInfoFormContainer .floating-container .dropdownTextbox:focus { border-color: var(--colorForegroundBorderNeutral); outline: transparent none 2px; outline-offset: 2px; border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; --tw-outline-style: none; }
.personalInfoFormContainer .readOnlyItems .dropdownTextbox:focus { border-color: var(--colorFormFieldsBorderFilled); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.personalInfoFormContainer .readOnlyItems .dropdownTextbox:focus + .fbr-floating-label { top: 1.25rem; }
.readOnlyItems .dropdownTextbox { border-color: var(--colorFormFieldsBorderFilled); cursor: not-allowed; }
.borderContainer.addCard .dropdownTextbox { font-family: var(--fontFamiliesBody); font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; }
.bankRewardInputContainer.dollarPlaceholder .floating-container .dropdownTextbox { padding-left: 9px; }
.bankRewardInputContainer.errorColor .floating-container .dropdownTextbox.invalid { font-weight: var(--fontWeightsRegular); }
.groupOrder .nameInput .floating-container .dropdownTextbox { margin-top: 0px; }
.personalInfoFormContainer .textBoxWrapper .dropdownTextbox { font-family: var(--fontFamiliesBody); }
.personalInfoFormContainer .personalInfoCtr .dropdownTextbox { padding-bottom: 0.5rem; }
.personalInfoFormContainer .editAddressWrapper .dropdownTextbox { border-color: var(--colorBaseAlpha600); }
.modal .modalInner .addCodeModal .floating-container .dropdownTextbox.peer.invalid { padding-top: 0.25rem; font-weight: 400; }
.auth-layout .floating-container .dropdownTextbox { color: var(--colorBaseAlpha900); }
.auth-layout .floating-container .dropdownTextbox.invalid { font-family: var(--fontFamiliesBody); font-weight: 400; color: var(--colorBaseRed700); }
.CheckoutPageContainer .floating-container .dropdownTextbox { margin-bottom: 1.25rem; border-color: var(--colorBaseAlpha600); padding-bottom: 0.5rem; padding-top: 0px; font-family: var(--fontFamiliesBody); font-size: 16px; }
.dropdownTextbox { padding-bottom: 0.5rem; padding-top: 1.25rem; }
.promoCodeError .dropdownTextbox.invalid + .fbr-floating-label { color: var(--colorFormFieldsForegroundError); }
.dropdownTextbox { position: relative; z-index: 10; cursor: pointer; }
.dropdownTextbox.invalid { border-color: var(--colorStatusDangerBase); border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; }
.dropdownTextbox.invalid:focus { border-color: var(--colorStatusDangerBase); }
.dropdownTextbox:focus { border-color: var(--colorFormFieldsBorderPressed); }
.dropdownTextbox:disabled { cursor: not-allowed; }
.readOnlyItems .floatingInputField { font-size: 1rem; line-height: 1.5rem; font-weight: 400; color: var(--colorFormFieldsForegroundEnabled); cursor: not-allowed; }
.readOnlyItems .floatingInputField, .readOnlyItems .floatingInputField:focus { border-color: var(--colorFormFieldsBorderFilled); }
.readOnlyItems .dropdownTextbox { font-size: 1rem; line-height: 1.5rem; font-weight: 400; color: var(--colorFormFieldsForegroundEnabled); }
.readOnlyItems .dropdownTextbox:focus { border-color: var(--colorFormFieldsBorderFilled); }
.dropdownValue::-webkit-scrollbar { width: 0.375rem; }
.dropdownValue::-webkit-scrollbar-track, .dropdownValue::-webkit-scrollbar:hover { background-color: transparent; }
.dropdownValue::-webkit-scrollbar-thumb { border-radius: 0.5rem; }
.dropdownValue::-webkit-scrollbar-thumb, .dropdownValue::-webkit-scrollbar-thumb:active { background-color: var(--colorBackgroundNeutralDim); }
.accountSubTitle { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsSm); color: var(--colorForegroundContentEnabled); }
.defaultCardContainer { border-radius: 0.5rem; border-color: var(--colorDividerBase); padding: 1rem; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.defaultCardContainer .cardContainer { padding-bottom: 0px; border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
.setDefaultButton { border-radius: var(--borderRadiusPill); border-color: var(--colorButtonSecondaryBorderEnabled); padding: 0.5rem 1rem; font-weight: 700; width: auto; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.defaultCardDisclaimar, .setDefaultButton { font-family: var(--fontFamiliesBody); font-size: 0.875rem; line-height: 1.25rem; }
.defaultCardDisclaimar { padding-top: 0.5rem; font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsRg); color: var(--colorForegroundContentSubtleEnabled); --tw-leading: --lineHeightsRg; }
.cardContainer { gap: 0px; border-color: var(--colorForegroundBorderBrighter); padding-bottom: 1rem; padding-top: 2rem; display: flex; flex-direction: row; align-items: center; justify-content: space-between; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.cardContainer.savedAddress { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.cardContainer .\!card, .cardContainer .card { gap: 1rem; display: flex; width: 100%; align-items: center; }
.cardContainer .\!card .cardNumberAndDate, .cardContainer .card .cardNumberAndDate { display: flex; width: 100%; justify-content: space-between; }
.paymentCardDetails .addNewCardButton { width: 100%; }
@media (min-width: 1024px) {
  .paymentCardDetails .addNewCardButton { width: 205px; }
}
.cardNumber { font-family: var(--fontFamiliesBody); font-size: 1rem; font-weight: 600; line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); }
.cardRemoveLink { font-size: 0.875rem; line-height: var(--lineHeightsRg); --tw-leading: --lineHeightsRg; text-decoration-line: underline; }
.addNewCardButton, .cardRemoveLink { font-family: var(--fontFamiliesBody); font-weight: 700; }
.addNewCardButton { margin-top: 1.5rem; gap: 0.5rem; border-radius: var(--borderRadiusPill); border-color: var(--colorButtonSecondaryForegroundEnabled); padding-top: 13px; padding-bottom: 13px; font-size: 1rem; line-height: var(--lineHeightsMd); display: flex; width: 100%; flex-direction: row; align-items: center; justify-content: center; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.addNewCardButton.addNewAddressBtn { padding-left: 2rem; padding-right: 2rem; width: 100%; }
@media (min-width: 1024px) {
  .addNewCardButton.addNewAddressBtn { width: auto; }
}
.fixedButtons { bottom: 60px; left: 1.5rem; width: 287px; gap: 1rem; background-color: var(--colorForegroundBrandPrimaryOnBackground); display: flex; flex-direction: column; }
.fixedButtons button { width: 100%; justify-content: center; }
.accountPaymentErrorMessage { margin-bottom: 0.5rem; margin-top: 2rem; gap: 0.5rem; border-radius: 0.5rem; border-color: var(--colorIndicatorsNotificationBorderDanger); background-color: var(--colorIndicatorsNotificationBackgroundDanger); padding-left: 1.25rem; padding-right: 1.25rem; font-size: 0.875rem; line-height: 1.25rem; color: var(--colorIndicatorsNotificationForegroundDanger); flex-direction: column; align-items: flex-start; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.accountCardMessage, .accountPaymentErrorMessage { font-family: var(--fontFamiliesBody); font-weight: 400; display: flex; }
.accountCardMessage { gap: 0.25rem; font-size: 0.75rem; line-height: 1rem; flex-direction: row; align-items: center; }
.accountCardMessage svg path { fill: var(--colorBaseOffBlack500); }
.personalInfoFormContainer .accountCardMessage + .addNewCardButton { margin-top: 1rem; }
.personalInfoFormContainer .fbr-floating-label { top: 0px; }
.personalInfoFormContainer .fbr-floating-label.\!valueEntered, .personalInfoFormContainer .fbr-floating-label.valueEntered { top: 1.25rem; }
.addressDot { margin-left: 0.5rem; margin-right: 0.5rem; height: 0.125rem; width: 0.125rem; border-color: var(--colorForegroundContentSubtleEnabled); background-color: var(--colorForegroundContentSubtleEnabled); display: inline-flex; border-radius: calc(infinity * 1px); border-width: 1px; --tw-border-style: solid; border-style: solid; }
.accountAddress { font-family: var(--fontFamiliesBody); font-size: 1rem; font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); }
.optionalInputBoxContainer { margin-top: 1.25rem; }
.optionalInputText { padding-top: 0.5rem; font-size: 0.75rem; font-weight: var(--fontWeightsRegular); line-height: 1rem; color: var(--colorFormFieldsForegroundEnabled); }
.locationButton, .optionalInputText { font-family: var(--fontFamiliesBody); }
.locationButton { gap: 0.5rem; border-radius: var(--borderRadiusPill); border-color: var(--colorButtonSecondaryBorderEnabled); padding: 0.375rem 1rem; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; display: flex; width: 100%; flex-direction: row; align-items: center; justify-content: center; border-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .locationButton { width: auto; }
}
.intimationContainer { margin-top: 5rem; display: flex; flex-direction: column; align-items: center; }
.intimationContainer .noorderImageCont { height: 183px; width: 183px; position: relative; }
.intimation { margin-top: 1.25rem; font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsMd); text-align: center; }
.smallButton { margin-top: 1.25rem; padding-left: 2rem; padding-right: 2rem; width: auto; }
.resturantDetails { margin-bottom: 2rem; gap: 0.75rem; display: flex; flex-direction: column; align-items: center; }
@media (min-width: 1024px) {
  .resturantDetails { margin-bottom: 0px; }
}
.resturantDetails .takeOurBtn { margin-left: auto; margin-right: auto; margin-bottom: 2rem; border-radius: var(--borderRadiusPill); border-color: var(--colorBaseOffBlack500); padding: 0.5rem 1.5rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeXs); margin-inline: auto; display: flex; width: auto; border-style: var(--tw-border-style); border-width: 1px; text-transform: uppercase; }
.orderCompletedDetail { padding-bottom: 14px; font-size: var(--fontSizeFontSizeMd); font-weight: var(--fontWeightsBold); text-transform: uppercase; }
.pickuplocation .orderDOY { color: var(--colorForegroundContentSubtleEnabled); }
.pickuplocation .detailsAddressName { font-weight: var(--fontWeightsRegular); }
.pickuplocation .detailEmailAddress, .pickuplocation .detailPhoneNo, .pickuplocation .detailsAddressName { font-family: var(--fontFamiliesBody); color: var(--colorBaseOffBlack500); }
.customerHelpText { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); line-height: var(--lineHeightsSm); text-align: center; }
.accountOrderInfoDetails { border-color: var(--colorDividerDim); padding-bottom: 1.5rem; border-bottom-width: 1px; --tw-border-style: solid; border-style: solid; }
.accountOrderInfoDetails .pickupLocationHead { padding-bottom: 1rem; padding-top: 1.5rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); line-height: var(--lineHeightsSm); }
.orderHistoryContainer { border-color: var(--colorDividerBase); padding-top: 2rem; padding-bottom: 2rem; display: flex; cursor: pointer; flex-direction: row; align-items: center; justify-content: space-between; border-bottom-width: 1px; --tw-border-style: solid; border-style: solid; }
.orderHistoryContainer svg path { fill: var(--colorForegroundIconEnabled); }
.activeBadges { border-radius: 0.25rem; border-color: var(--colorIndicatorsNotificationBorderPositive); color: var(--colorIndicatorsNotificationForegroundPositive); border-width: 1px; border-style: solid; }
.activeBadges, .canceledBadges { gap: 6px; padding-left: 0.375rem; padding-right: 0.375rem; font-family: var(--fontFamiliesBody); font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; display: flex; flex-direction: row; align-items: center; justify-content: center; --tw-border-style: solid; }
.canceledBadges { border-radius: 0.25rem; border-color: var(--colorIndicatorsNotificationBorderDanger); color: var(--colorIndicatorsNotificationForegroundDanger); border-width: 1px; border-style: solid; }
.orderItemAndPrice { gap: 0.75rem; display: flex; flex-direction: row; }
.orderITemText { font-family: var(--fontFamiliesBody); font-size: 1rem; font-weight: 700; line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); }
.orderHistoryItems { gap: 0.5rem; }
.orderHistoryItems, .pointsDetais { display: flex; flex-direction: column; }
.pointsDetais { gap: 0.75rem; padding-bottom: 1rem; padding-top: 0.75rem; font-family: var(--fontFamiliesBody); font-size: 0.875rem; font-weight: 700; line-height: var(--lineHeightsRg); color: var(--colorForegroundContentSubtleEnabled); align-items: flex-end; --tw-leading: --lineHeightsRg; }
.orderHistoryDetails { margin-top: 2rem; }
.dotSeperator { margin-left: 0.25rem; margin-right: 0.25rem; height: 0.125rem; width: 0.125rem; border-radius: var(--borderRadiusPill); display: inline-block; }
.bgBlackDot { background-color: var(--colorForegroundContentEnabled); }
.showMorePage { gap: 0.125rem; font-family: var(--fontFamiliesBody); font-size: 1rem; font-weight: 700; line-height: var(--lineHeightsMd); display: flex; cursor: pointer; flex-direction: row; align-items: center; justify-content: center; }
.showMorePage, .showMorePage svg path { color: var(--colorForegroundContentSubtleEnabled); }
.showMorePage svg path { stroke: var(--colorForegroundContentSubtleEnabled); }
.orderHistoryWrapper { margin-bottom: 3rem; }
@media (min-width: 1024px) {
  .orderHistoryWrapper { margin-bottom: 4rem; margin-top: 0px; }
}
.orderHistoryWrapper .restaurantInfoTime { padding-left: 1.25rem; padding-right: 1.25rem; }
.orderHistoryWrapper .orderType, .orderHistoryWrapper .restaurantInfoAddress, .orderHistoryWrapper .restaurantInfoBtn { padding-left: 0px; padding-right: 0px; }
.orderHistoryWrapper .restaurantInfoBtn { display: flex; justify-content: flex-end; }
.orderHistoryWrapper .orderBtn { width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .orderHistoryWrapper .orderBtn { flex-direction: row; }
}
.orderHistoryWrapper .restaurantInfoAddress:first-child { flex-direction: column; }
@media (min-width: 1024px) {
  .orderHistoryWrapper .restaurantInfoAddress:first-child { flex-direction: row; }
}
.errorBorderContainer { border-color: var(--colorFormFieldsForegroundError); border-style: var(--tw-border-style); border-width: 2px; }
.fbrInnerBox.errorBorderContainer { border-color: var(--colorFormFieldsForegroundError); border-style: var(--tw-border-style); border-width: 1px; }
.fbrInnerBox.errorBorderContainer .fbrInnerTextTwo path { fill: var(--colorFormFieldsForegroundError); }
.textAreaCount { margin-top: 0.5rem; font-size: var(--fontSizeFontSizeXs); line-height: var(--lineHeightsXs); color: var(--colorFormFieldsForegroundEnabled); text-align: right; }
.searchLocation, .textAreaCount { font-family: var(--fontFamiliesBody); font-weight: var(--fontWeightsRegular); }
.searchLocation { font-size: 0.875rem; line-height: var(--lineHeightsRg); color: var(--colorForegroundContentSubtleEnabled); display: flex; align-items: center; --tw-leading: --lineHeightsRg; }
.notificationContainer { border-color: var(--colorDividerBase); padding-bottom: 1.25rem; justify-content: space-between; border-bottom-width: 1px; --tw-border-style: solid; border-style: solid; }
.notificationContainer, .notificationDisclaimar { display: flex; flex-direction: row; align-items: center; }
.notificationDisclaimar, .smsoptinDisclaimar { gap: 0.25rem; padding-top: 0.5rem; font-family: var(--fontFamiliesBody); font-size: 0.875rem; font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsRg); color: var(--colorForegroundContentSubtleEnabled); --tw-leading: --lineHeightsRg; }
.smsoptinDisclaimar { display: flex; flex-direction: column; align-items: center; }
.accountNotificationDisclaimar { gap: 0.25rem; padding-top: 0.5rem; font-size: 0.75rem; line-height: var(--lineHeightsRg); color: var(--colorIndicatorsDisclaimerForegroundDefault); display: flex; flex-direction: row; align-items: center; }
.accountNotificationDisclaimar, .receiveAlert { font-family: var(--fontFamiliesBody); font-weight: var(--fontWeightsRegular); --tw-leading: --lineHeightsRg; }
.receiveAlert { padding-top: 0.625rem; font-size: 0.875rem; line-height: var(--lineHeightsRg); }
.notificationText { font-family: var(--fontFamiliesBody); font-size: 1rem; font-weight: 600; line-height: var(--lineHeightsMd); color: var(--colorBaseAlpha800); }
.checkBoxToggleContainer { margin-inline-start: 1.25rem; display: inline-flex; cursor: pointer; align-items: center; }
.checkBoxToggle { height: 2rem; width: 3.5rem; border-radius: var(--borderRadiusPill); background-color: var(--colorSelectionControlsToggleBackgroundEnabled); position: relative; }
.checkBoxToggle::before { position: relative; left: 11px; top: 0px; font-size: 0.75rem; line-height: 1rem; color: var(--colorSelectionControlsToggleForegroundDefault); --tw-content: "\2713"; content: var(--tw-content); }
.checkBoxToggle::after { position: absolute; inset-inline-start: 2px; top: 3px; height: 1.5rem; width: 1.5rem; border-radius: var(--borderRadiusPill); border-width: 1px; border-color: var(--colorSelectionControlsToggleForegroundDefault); background-color: var(--colorSelectionControlsToggleForegroundDefault); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; --tw-content: ""; content: var(--tw-content); }
.peer:checked ~ .checkBoxToggle { background-color: var(--colorSelectionControlsToggleBackgroundSelected); }
.peer:checked ~ .checkBoxToggle::after { --tw-translate-x: 100%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); content: var(--tw-content); border-color: var(--colorSelectionControlsToggleForegroundDefault); }
:is(:where([dir="rtl"]) .peer:checked ~ .checkBoxToggle)::after { content: var(--tw-content); --tw-translate-x: -100%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
@media (prefers-color-scheme: dark) {
  .checkBoxToggle { border-color: var(--colorSelectionControlsToggleBackgroundEnabled); background-color: var(--colorSelectionControlsToggleBackgroundEnabled); }
}
.pdpSplitCup input:focus-visible + .checkBoxToggle { outline-style: solid; }
.cardAlertMessage { margin-top: 1rem; border-radius: 0.5rem; background-color: var(--colorBackgroundNeutralDim); padding: 1.25rem; font-family: var(--fontFamiliesBody); font-size: 0.875rem; font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsRg); --tw-leading: --lineHeightsRg; }
.notificationButtonWrapper { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .notificationButtonWrapper { flex-direction: row; }
}
.notificationButtonWrapper button { width: 100%; }
@media (min-width: 1024px) {
  .notificationButtonWrapper button { width: 130px; }
}
.notificationButtonWrapper button.deleteAccountLink { width: 100%; justify-content: center; }
@media (min-width: 1024px) {
  .notificationButtonWrapper button.deleteAccountLink { width: fit-content; }
}
.borderContainer .buttonAutoWidthContainer { margin-top: 2rem; gap: 1rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .borderContainer .buttonAutoWidthContainer { flex-direction: row; }
}
.borderContainer .buttonAutoWidthContainer .buttonWrapper { width: 100%; }
@media (min-width: 1024px) {
  .borderContainer .buttonAutoWidthContainer .buttonWrapper { width: auto; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.accountResetPasswordLink { display: none; }
.accountResetPasswordLink { right: 0px; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsRg); position: absolute; --tw-leading: --lineHeightsRg; text-decoration-line: underline; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.accountTrianglePattern { display: none; }
.accountTrianglePattern { position: absolute; }
.accountTrianglePattern svg { height: 0.5rem; width: 38px; }
@media (min-width: 1024px) {
  .accountTrianglePattern svg { height: 0.75rem; width: 57px; }
}
.confirmOrderDisclaimer, .imageUploadDisclaimer { gap: 0.5rem; font-family: var(--fontFamiliesBody); font-size: 0.75rem; font-weight: 400; line-height: 16.37px; display: flex; flex-direction: row; text-align: left; }
.accountFlexRowContainer { gap: 0.5rem; display: flex; flex-direction: row; align-items: center; }
.accountFlexRowContainer svg path { fill: var(--colorBaseAlpha600); }
.accountSubheadLocation { padding-bottom: 0px; }
.reorderDish { gap: 0.75rem; font-family: var(--fontFamiliesBody); font-size: 0.875rem; font-weight: 400; line-height: 19px; color: var(--colorForegroundContentSubtleEnabled); display: flex; flex-direction: row; }
.reorderDishWrapper { border-color: var(--colorForegroundBorderBrighter); padding-top: 1.75rem; padding-bottom: 1.75rem; display: flex; flex-direction: column; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.heroBannerSectionContainer .btnPosition .reorderBtn { width: 100%; justify-content: center; }
@media (min-width: 1024px) {
  .heroBannerSectionContainer .btnPosition .reorderBtn { width: fit-content; }
}
.curbsidePickupView .reorderBtn { height: 3rem; display: flex; width: 100%; align-items: center; justify-content: center; font-size: 20px; }
@media (min-width: 1024px) {
  .curbsidePickupView .reorderBtn { width: auto; }
}
.tmobileBodyCont.orderingPageContainer .reorderBtn { width: 100%; }
.tmobileBodyCont.orderingPageContainer .reorderBtn.submitButton { width: 140px; min-width: 140px; }
.tmobileBodyCont.orderingPageContainer .memberInputCtr .reorderBtn { max-width: 233px; }
.reorderBtn { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonPrimaryBorderEnabled); background-color: var(--colorButtonPrimaryBackgroundEnabled); padding: var(--spacing4x) var(--spacing8x); font-size: var(--typographyButtonPrimaryLargeFontSize); font-weight: var(--fontWeightsRegular); color: var(--colorButtonPrimaryForegroundEnabled); text-align: center; }
.reorderBtn:hover { background-color: var(--colorButtonPrimaryBackgroundPressed); }
@media (min-width: 1024px) {
  .reorderBtn { padding: var(--spacing6x) var(--spacing16x); }
}
.reorderBtn .ldsEllipsis { top: 1px; }
.errorPageContainer .errorInfoContainer.scanLanding .reorderBtn { top: -0.75rem; position: relative; width: 100%; }
.groupOrderBtns .reorderBtn { min-width: 335px; }
.differentLocationModal .modalBtns .reorderBtn { margin-bottom: 0.75rem; }
.imageGalleryContainer .galleryBoxDescription .reorderBtn { font-size: var(--fontSizeFontSizeXs); }
@media (min-width: 1024px) {
  .imageGalleryContainer .galleryBoxDescription .reorderBtn { font-size: var(--fontSizeFontSizeRg); }
}
.headerNavContainer .headerActions .reorderBtn { font-family: var(--fontFamiliesPrimary); line-height: 1.5; }
@media (min-width: 1024px) {
  .headerNavContainer .headerActions .reorderBtn { font-size: 22px; line-height: 1.5rem; }
}
.reorderBtn { background-color: var(--colorBaseOffBlack500); font-family: var(--fontFamiliesPrimary); font-weight: 700; text-transform: uppercase; }
@media (min-width: 1024px) {
  .reorderBtn, .reorderBtn:hover { background-color: var(--colorPrimary500); }
}
.modalWrapper .modalInner .storeclosedpopup .reorderBtn { font-family: var(--fontFamiliesPrimary); }
.headsUpModal .modalBtns .reorderBtn { padding-left: 0px; padding-right: 0px; }
.confirmOrderModel .reorderBtn, .deliveryUnavailCtr .reorderBtn, .storeclosedpopup .reorderBtn { height: 3rem; font-family: var(--fontFamiliesPrimary); font-size: 22px; line-height: 1.5rem; }
.deliveryUnavailCtr .reorderBtn, .storeclosedpopup .reorderBtn { font-weight: 700; }
.FullScreenWrapper.homeFullScreenWrapperContent .reorderBtn { margin-top: 0px; height: 3rem; min-width: 225px; background-color: var(--colorPrimary500); font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; }
@media (min-width: 1024px) {
  .FullScreenWrapper.homeFullScreenWrapperContent .reorderBtn { min-width: 0px; }
}
.menuPageBg .favorites .reorderBtn, .menuPageBg .recents .reorderBtn { height: 3rem; background-color: var(--colorPrimary500); padding-left: 2rem; padding-right: 2rem; font-size: 22px; font-weight: 700; width: auto; text-transform: uppercase; }
@media screen and (min-width: 1024px) and (max-width: 1399px) {
  .menuPageBg .favorites .reorderBtn, .menuPageBg .recents .reorderBtn { font-size: var(--fontSizeFontSizeRg); }
}
.personalInfoFormContainer .accountButtonsContainer .reorderBtn, .personalInfoFormContainer .notificationButtonWrapper .reorderBtn { font-family: BrooklynSamuelsThreeBold; padding-top: 0px; padding-bottom: 0px; font-size: 22px; text-transform: uppercase; }
.drawerWrapper.drawerOpen .saveSelectionBtn .reorderBtn, .drawerWrapper.drawerOpen .saveSgslBtn .reorderBtn { font-family: BrooklynSamuelsThreeBold; height: 3rem; padding-top: 0px; padding-bottom: 0px; font-size: 22px; }
.orderingPageContainer .reorderBtn { height: 3rem; font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 2rem; width: 100%; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .orderingPageContainer .reorderBtn { width: max-content; line-height: 26px; }
}
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper .externalLinkButton .linkContentBtn.reorderBtn svg path { fill: var(--colorBaseAlpha50); }
.orderingPageContainer .giftContainer .reorderBtn { width: 152px; padding: 0px; display: flex; align-items: center; justify-content: center; }
.imageTextContainer .careerImgDescription a.reorderBtn { margin-top: 1.5rem; }
@media (min-width: 1024px) {
  .imageTextContainer .careerImgDescription a.reorderBtn { display: flex; }
}
.scanLandingBg .errorPageContainer .errorInfoContainer.scanLanding .reorderBtn { font-family: BrooklynSamuelsThreeBold; top: 0px; height: 3rem; font-size: 22px; font-weight: 700; }
.modal .modalInner .selectedRewardModal .referFriendHeading + .modalBtns .reorderBtn span { top: 0px; position: relative; text-transform: uppercase; }
.barCodePopup .reorderBtn { font-size: var(--typographyButtonPrimaryLargeFontSize); }
.actionRequiredCont .errorLocationWrapper .btnsWrapper .reorderBtn { height: 3rem; background-color: var(--colorBaseRed550); font-family: BrooklynSamuelsThreeBold; font-weight: 700; color: var(--colorBaseAlpha50); border-style: var(--tw-border-style); border-width: 0px; font-size: 19px; text-transform: uppercase; }
.cartChekoutButtonContainer .groupOrderBtns .reorderBtn span { font-size: 22px; font-weight: 700; }
.reorderBtn { margin-top: 2rem; width: 100%; }
.unavailableBadgeReorder { z-index: 5; position: static; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.unavailableBadgeReorder.teaName { display: none; }
.unavailableBadgeReorder.teaName { padding-left: 0px; position: absolute; }
.unavailableBadgeReorder.teaName .unavailableBadge { border-color: var(--colorBaseAlpha300); border-width: 1px; --tw-border-style: solid; border-style: solid; }
.chooseTwoReorder { margin-left: 0.5rem; }
.chooseTwoReorder .unavailableBadge { border-color: var(--colorBaseAlpha300); border-width: 1px; --tw-border-style: solid; border-style: solid; }
.orderHistoryCtr .accountNavHeading { padding-bottom: 0px; }
.orderHistoryCtr .pointsDetais { padding-bottom: 0.5rem; padding-top: 1.25rem; }
.checkboxContainer.saveCheckboxContainer .checkMark { left: 0px; }
.checkboxContainer.saveCheckboxContainer .checkMarkText { margin-left: 2.5rem; margin-top: 0.25rem; display: block; }
@media (min-width: 1024px) {
  .checkboxContainer.saveCheckboxContainer .checkMarkText { margin-top: 0.125rem; }
}
.breadcrumbs { padding-top: 9px; padding-bottom: 9px; padding-left: 1.25rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); display: flex; }
@media (min-width: 1024px) {
  .breadcrumbs { background-color: var(--colorBackgroundNeutralDim); }
}
.breadcrumbs.breadcrumbsName { display: none; }
@media (min-width: 1024px) {
  .breadcrumbsMenu { display: block; }
}
.breadcrumbsMenuList { display: flex; flex-flow: wrap; align-items: center; }
.breadcrumbsName { cursor: auto; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsSemibold); color: var(--colorBaseOffBlack500); text-transform: capitalize; }
a .breadcrumbsName { cursor: pointer; }
.cartWrapper { margin: 120px 1.25rem 2rem; font-family: var(--fontFamiliesPrimary); }
@media (min-width: 1024px) {
  .cartWrapper { margin-bottom: 1.25rem; margin-top: 7rem; }
}
.cartGalleryContainer { margin-top: -1px; margin-bottom: -1px; background-color: var(--colorBackgroundBrandQuaternary); padding-top: 2rem; padding-bottom: 2rem; padding-right: 0px; }
@media (min-width: 1024px) {
  .cartGalleryContainer { padding: 1rem 1.25rem; }
}
.cartGalleryContainer .MobilesliderContainer { margin-left: 0px; height: 260px; max-width: 100%; }
.cartGalleryContainer .MobilesliderContainer .preview { left: 0px; }
.cartGalleryContainer .MobilesliderContainer .\!next, .cartGalleryContainer .MobilesliderContainer .next { left: calc(-546px + 100vw); }
.cartGalleryContainer .MobilesliderContainer .galleryDescriptionCalAndPrice { padding-bottom: 0px; padding-top: 0.25rem; font-size: var(--fontSizeFontSizeSm); }
.cartGalleryContainer .MobilesliderContainer .cartGallerySliderBox { margin-right: 0px; }
.cartGalleryContainer .MobilesliderContainer .rewardSliderTermsandCondition { margin-right: 1.25rem; margin-top: 1rem; }
.cartGalleryContainer .galleryvmenuMobile { display: flex; justify-content: space-between; }
.cartGalleryContainer .galleryvmenuMobile .buttonContainer { display: flex; justify-content: flex-end; }
.cartGalleryContainer .previewButton { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.cartGalleryContainer .galleryViewMenuCart { margin-right: 1.25rem; }
.cartGalleryHeading { padding-bottom: 1rem; padding-left: 1.25rem; font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; color: var(--colorForegroundContentEnabled); }
@media (min-width: 1024px) {
  .cartGalleryHeading { padding-bottom: 1.5rem; padding-left: 0px; }
}
.cartGalleryImgContainer { gap: 0.5rem; padding: 0px; display: flex; }
.cartGalleryImgContainer .itemList { gap: 0.5rem; }
.cartGalleryImgContainer .rewardSliderTermsandCondition { margin-left: 1.25rem; margin-right: 1.25rem; margin-top: 1rem; }
@media (min-width: 1024px) {
  .cartGalleryImgContainer .rewardSliderTermsandCondition { display: none; }
}
.cartGalleryImgContainer .cartGallerySliderBox { margin-right: 0px; --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
.cartGalleryImgContainer .cartGallerySliderBox:first-child { margin-left: 1.25rem; }
@media (min-width: 1024px) {
  .cartGalleryImgContainer .cartGallerySliderBox:first-child { margin-left: 0px; }
}
.cartGalleryImgContainer .cartGallerySliderBox:last-child { margin-right: 1.25rem; }
@media (min-width: 1024px) {
  .cartGalleryImgContainer .cartGallerySliderBox:last-child { margin-right: 0px; }
}
.cartgallerySliderImgs { margin: 0px auto; height: 131px; position: relative; margin-inline: auto; width: 100%; }
.cartgallerySliderImgs .unavailableBatch { background-color: var(--colorForegroundBrandPrimaryOnBackground); font-size: 11px; color: var(--colorForegroundContentSubtleEnabled); }
.dealsCannotCombined .termsAndConditions { font-family: var(--fontFamiliesBody); font-weight: var(--fontWeightsBold); }
.cartGroupOrderOrderNowBtn { margin-top: 0px; }
.cartGroupOrderOrderNowBtn .fbrConfirmBtn { margin-top: 0px; width: 100%; }
@media (min-width: 1024px) {
  .cartGroupOrderOrderNowBtn .fbrConfirmBtn { width: 335px; }
}
.cartGallerySliderBox { margin-right: 0.5rem; width: 164px; min-width: 164px; }
@media (min-width: 1024px) {
  .cartGallerySliderBox { width: 9rem; min-width: 144px; }
}
.cartGallerySliderBox .gallerydescriptionHeading { color: var(--typographyHeadlineSmallFontSize); -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
@media (min-width: 1024px) {
  .cartGallerySliderBox .gallerydescriptionHeading { font-size: 0.875rem; line-height: 1.25rem; }
}
.cartGallerySliderBox .galleryDescription { padding: 0px; color: var(--typographyBodySecondaryRegularFontSize); }
@media (min-width: 1024px) {
  .cartGallerySliderBox .galleryDescription { padding-top: 0.5rem; }
}
.deliveryType { margin-bottom: 0.5rem; margin-top: 33px; font-size: 1.125rem; line-height: 1.75rem; color: var(--colorForegroundContentEnabled); }
.scheduleType { margin-top: 0.5rem; font-family: var(--fontFamiliesBody); font-size: 0.875rem; line-height: 1.25rem; color: var(--colorBaseAlpha950); display: flex; align-items: center; white-space: nowrap; }
.errorInfoContainer.errorInfo { margin-left: 1.25rem; margin-right: 1.25rem; margin-bottom: 0px; padding-bottom: 1.75rem; padding-top: 2rem; }
@media (min-width: 1024px) {
  .errorInfoContainer.errorInfo { margin-left: auto; margin-right: auto; }
}
.cartChekoutButtonContainer { bottom: 0px; border-color: var(--colorDividerBase); background-color: var(--colorBackgroundNeutralBase); padding: 1rem 1.25rem 2rem; border-top-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .cartChekoutButtonContainer { padding-left: 1.5rem; padding-right: 1.5rem; }
}
.cartChekoutButtonContainer .groupOrderCancel { margin-top: 21px; width: 100%; text-align: center; }
.stickyButton { position: sticky; }
.heroBannerSectionContainer .btnPosition .buttonCart { width: 100%; justify-content: center; }
@media (min-width: 1024px) {
  .heroBannerSectionContainer .btnPosition .buttonCart { width: fit-content; }
}
.curbsidePickupView .buttonCart { height: 3rem; display: flex; width: 100%; align-items: center; justify-content: center; font-size: 20px; }
@media (min-width: 1024px) {
  .curbsidePickupView .buttonCart { width: auto; }
}
.tmobileBodyCont.orderingPageContainer .buttonCart { width: 100%; }
.tmobileBodyCont.orderingPageContainer .buttonCart.submitButton { width: 140px; min-width: 140px; }
.tmobileBodyCont.orderingPageContainer .memberInputCtr .buttonCart { max-width: 233px; }
.buttonCart { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonPrimaryBorderEnabled); background-color: var(--colorButtonPrimaryBackgroundEnabled); padding: var(--spacing4x) var(--spacing8x); font-size: var(--typographyButtonPrimaryLargeFontSize); font-weight: var(--fontWeightsRegular); color: var(--colorButtonPrimaryForegroundEnabled); text-align: center; }
.buttonCart:hover { background-color: var(--colorButtonPrimaryBackgroundPressed); }
@media (min-width: 1024px) {
  .buttonCart { padding: var(--spacing6x) var(--spacing16x); }
}
.buttonCart .ldsEllipsis { top: 1px; }
.errorPageContainer .errorInfoContainer.scanLanding .buttonCart { top: -0.75rem; position: relative; width: 100%; }
.groupOrderBtns .buttonCart { min-width: 335px; }
.differentLocationModal .modalBtns .buttonCart { margin-bottom: 0.75rem; }
.imageGalleryContainer .galleryBoxDescription .buttonCart { font-size: var(--fontSizeFontSizeXs); }
@media (min-width: 1024px) {
  .imageGalleryContainer .galleryBoxDescription .buttonCart { font-size: var(--fontSizeFontSizeRg); }
}
.headerNavContainer .headerActions .buttonCart { font-family: var(--fontFamiliesPrimary); line-height: 1.5; }
@media (min-width: 1024px) {
  .headerNavContainer .headerActions .buttonCart { font-size: 22px; line-height: 1.5rem; }
}
.buttonCart { background-color: var(--colorBaseOffBlack500); font-family: var(--fontFamiliesPrimary); font-weight: 700; }
@media (min-width: 1024px) {
  .buttonCart, .buttonCart:hover { background-color: var(--colorPrimary500); }
}
.modalWrapper .modalInner .storeclosedpopup .buttonCart { font-family: var(--fontFamiliesPrimary); }
.headsUpModal .modalBtns .buttonCart { padding-left: 0px; padding-right: 0px; }
.confirmOrderModel .buttonCart, .deliveryUnavailCtr .buttonCart, .storeclosedpopup .buttonCart { height: 3rem; font-family: var(--fontFamiliesPrimary); font-size: 22px; line-height: 1.5rem; }
.deliveryUnavailCtr .buttonCart, .storeclosedpopup .buttonCart { font-weight: 700; }
.FullScreenWrapper.homeFullScreenWrapperContent .buttonCart { margin-top: 0px; height: 3rem; min-width: 225px; background-color: var(--colorPrimary500); font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; }
@media (min-width: 1024px) {
  .FullScreenWrapper.homeFullScreenWrapperContent .buttonCart { min-width: 0px; }
}
.menuPageBg .favorites .buttonCart, .menuPageBg .recents .buttonCart { height: 3rem; background-color: var(--colorPrimary500); padding-left: 2rem; padding-right: 2rem; font-size: 22px; font-weight: 700; width: auto; text-transform: uppercase; }
@media screen and (min-width: 1024px) and (max-width: 1399px) {
  .menuPageBg .favorites .buttonCart, .menuPageBg .recents .buttonCart { font-size: var(--fontSizeFontSizeRg); }
}
.personalInfoFormContainer .accountButtonsContainer .buttonCart, .personalInfoFormContainer .notificationButtonWrapper .buttonCart { font-family: BrooklynSamuelsThreeBold; padding-top: 0px; padding-bottom: 0px; font-size: 22px; text-transform: uppercase; }
.drawerWrapper.drawerOpen .saveSelectionBtn .buttonCart, .drawerWrapper.drawerOpen .saveSgslBtn .buttonCart { font-family: BrooklynSamuelsThreeBold; height: 3rem; padding-top: 0px; padding-bottom: 0px; font-size: 22px; }
.orderingPageContainer .buttonCart { height: 3rem; font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 2rem; width: 100%; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .orderingPageContainer .buttonCart { width: max-content; line-height: 26px; }
}
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper .externalLinkButton .linkContentBtn.buttonCart svg path { fill: var(--colorBaseAlpha50); }
.orderingPageContainer .giftContainer .buttonCart { width: 152px; padding: 0px; display: flex; align-items: center; justify-content: center; }
.imageTextContainer .careerImgDescription a.buttonCart { margin-top: 1.5rem; }
@media (min-width: 1024px) {
  .imageTextContainer .careerImgDescription a.buttonCart { display: flex; }
}
.scanLandingBg .errorPageContainer .errorInfoContainer.scanLanding .buttonCart { font-family: BrooklynSamuelsThreeBold; top: 0px; height: 3rem; font-size: 22px; font-weight: 700; }
.modal .modalInner .selectedRewardModal .referFriendHeading + .modalBtns .buttonCart span { top: 0px; position: relative; text-transform: uppercase; }
.barCodePopup .buttonCart { font-size: var(--typographyButtonPrimaryLargeFontSize); }
.actionRequiredCont .errorLocationWrapper .btnsWrapper .buttonCart { height: 3rem; background-color: var(--colorBaseRed550); font-family: BrooklynSamuelsThreeBold; font-weight: 700; color: var(--colorBaseAlpha50); border-style: var(--tw-border-style); border-width: 0px; font-size: 19px; text-transform: uppercase; }
.cartChekoutButtonContainer .groupOrderBtns .buttonCart span { font-size: 22px; font-weight: 700; }
.buttonCart { height: 3rem; padding-left: 1.5rem; padding-right: 1.5rem; width: 100%; align-items: center; text-transform: uppercase; }
.buttonCart, .buttonCart div { display: flex; justify-content: space-between; }
.buttonCart.isLoader { justify-content: center; }
.bogoItem.itemLevelError, .subProductItem .itemLevelError, .yourOrderInformation.itemLevelError { padding-bottom: 0.5rem; }
.bogoItem.itemLevelError .dishName, .subProductItem .itemLevelError .dishName, .yourOrderInformation.itemLevelError .dishName { font-weight: 700; display: block; text-align: right; }
.bogoItem.itemLevelError p, .subProductItem .itemLevelError p, .yourOrderInformation.itemLevelError p { gap: 0.5rem; font-weight: 700; color: var(--colorStatusDangerBase); display: flex; align-items: center; text-decoration-line: line-through; }
.bogoItem.itemLevelError .modifierDescError, .subProductItem .itemLevelError .modifierDescError, .yourOrderInformation.itemLevelError .modifierDescError { width: 100%; align-items: flex-start; }
.bogoItem.itemLevelError svg, .subProductItem .itemLevelError svg, .yourOrderInformation.itemLevelError svg { margin-top: 0.25rem; }
.yourOrderError .productSubTitle { gap: 0.25rem; font-weight: 700; color: var(--colorStatusDangerBase); display: flex; flex-direction: row; text-decoration-line: line-through; }
.\!errorMessage, .errorMessage { margin-top: 0.5rem; margin-bottom: 0.5rem; gap: 0.5rem; border-radius: 0.5rem; border-color: var(--colorIndicatorsNotificationBorderDanger); background-color: var(--colorIndicatorsNotificationBackgroundDanger); padding: 1.25rem 1.25rem 1.5rem; font-family: var(--fontFamiliesBody); font-size: 0.875rem; font-weight: 400; line-height: 1.25rem; color: var(--colorIndicatorsNotificationForegroundDanger); display: flex; flex-direction: row; align-items: flex-start; border-width: 2px; --tw-border-style: solid; border-style: solid; }
.\!errorMessage a, .errorMessage a { margin-top: 0.5rem; font-weight: 700; display: block; }
.\!errorMessage .buttonStyle, .\!errorMessage a, .errorMessage .buttonStyle, .errorMessage a { color: var(--colorIndicatorsNotificationForegroundDanger); }
img.\!error, img.error { opacity: 0.5; }
.productHeading { margin-bottom: 0.5rem; font-family: var(--fontFamiliesPrimary); font-size: 1.25rem; font-weight: 400; line-height: 1.5rem; }
.productSubTitle { margin-left: 1.5rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: 700; line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); }
@media (min-width: 1024px) {
  .productSubTitle { margin-left: 42px; }
}
.buttonStyle { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: 700; line-height: var(--lineHeightsRg); color: var(--colorForegroundContentEnabled); --tw-leading: --lineHeightsRg; text-decoration-line: underline; }
.\!line, .line { border-color: var(--colorDividerBase); padding-bottom: 0.625rem; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.orderedList { margin-left: 1.25rem; margin-right: 1.25rem; font-family: var(--fontFamiliesBody); }
.orderedList .errorInfoContainer { padding-bottom: 0px; }
.yourOrderItems { margin-top: 1rem; max-height: 100px; padding-bottom: 2.5rem; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.yourOrderItems img { border-radius: var(--borderRadiusRounded); height: 78px; }
.yourOrderItemsList { margin-left: 10px; font-weight: var(--fontWeightsBold); display: flex; width: 100%; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 10px; }
.yourOrderItemsList p { font-family: var(--fontFamiliesBody); color: var(--colorBaseOffBlack500); }
.yourOrderItemsList.itemLevelError p { gap: 0.5rem; font-weight: 700; color: var(--colorStatusDangerBase); display: flex; align-items: center; text-decoration-line: line-through; }
.yourOrderInformationContainer { margin-top: 1rem; }
.yourOrderInformation { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: 400; line-height: 1.25rem; color: var(--colorForegroundContentSubtleEnabled); display: flex; align-items: flex-start; gap: 10px; }
.yourOrderInformation .dishName { min-width: 104px; font-size: var(--fontSizeFontSizeSm); font-weight: 400; width: 104px; text-align: right; }
.orderAmount { margin-top: 1rem; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.orderAmount .orderUpdateLinksCustomize { display: flex; width: auto; flex-direction: row-reverse; }
.orderAmount .orderUpdateLinksCustomize .qtyChanger { margin-right: 1.25rem; }
.orderUpdateLinks, .orderUpdateLinksCustomize { display: flex; flex-direction: row; }
.orderUpdateLinksCustomize { width: 100%; justify-content: space-between; }
.qtyChanger { display: flex; flex-direction: row; }
.addMoreItems { padding: 1.5rem 1.25rem; display: flex; width: 100%; justify-content: center; }
.addMoreItems button { gap: 0.5rem; width: 100%; }
.buttonTransparent { height: 3rem; width: 100%; align-items: center; justify-content: center; }
.qtyBtn.increaseBtn { margin-left: 14px; }
.qtyBtn.decreaseBtn { margin-right: 14px; }
button:disabled .qtyBtn:hover, button:disabled.qtyBtn { background-color: transparent; }
.removeModelContainer { gap: 1.5rem; display: flex; flex-direction: column; align-items: center; align-self: stretch; }
@media (min-width: 1024px) {
  .removeModelContainer { max-width: 318px; }
}
.removeModelContainer .closeIcon svg { height: 1rem; width: 1rem; }
.frame1 { gap: 1rem; display: flex; flex-direction: column; align-items: center; align-self: stretch; }
.removeItems { margin-top: 0.5rem; font-family: var(--fontFamiliesPrimary); font-size: 24px; }
.removeItems, .removeTexts { font-weight: 400; line-height: 1.5rem; text-align: center; }
.removeTexts { font-family: var(--fontFamiliesBody); font-size: 1rem; color: var(--colorBaseAlpha600); }
.frame2 { display: flex; flex-direction: column; align-items: center; align-self: stretch; }
.heroBannerSectionContainer .btnPosition .removeBtns { width: 100%; justify-content: center; }
@media (min-width: 1024px) {
  .heroBannerSectionContainer .btnPosition .removeBtns { width: fit-content; }
}
.curbsidePickupView .removeBtns { height: 3rem; display: flex; width: 100%; align-items: center; justify-content: center; font-size: 20px; }
@media (min-width: 1024px) {
  .curbsidePickupView .removeBtns { width: auto; }
}
.tmobileBodyCont.orderingPageContainer .removeBtns { width: 100%; }
.tmobileBodyCont.orderingPageContainer .removeBtns.submitButton { width: 140px; min-width: 140px; }
.tmobileBodyCont.orderingPageContainer .memberInputCtr .removeBtns { max-width: 233px; }
.removeBtns { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonPrimaryBorderEnabled); background-color: var(--colorButtonPrimaryBackgroundEnabled); padding: var(--spacing4x) var(--spacing8x); font-size: var(--typographyButtonPrimaryLargeFontSize); font-weight: var(--fontWeightsRegular); color: var(--colorButtonPrimaryForegroundEnabled); text-align: center; }
.removeBtns:hover { background-color: var(--colorButtonPrimaryBackgroundPressed); }
@media (min-width: 1024px) {
  .removeBtns { padding: var(--spacing6x) var(--spacing16x); }
}
.removeBtns .ldsEllipsis { top: 1px; }
.errorPageContainer .errorInfoContainer.scanLanding .removeBtns { top: -0.75rem; position: relative; width: 100%; }
.groupOrderBtns .removeBtns { min-width: 335px; }
.differentLocationModal .modalBtns .removeBtns { margin-bottom: 0.75rem; }
.imageGalleryContainer .galleryBoxDescription .removeBtns { font-size: var(--fontSizeFontSizeXs); }
@media (min-width: 1024px) {
  .imageGalleryContainer .galleryBoxDescription .removeBtns { font-size: var(--fontSizeFontSizeRg); }
}
.headerNavContainer .headerActions .removeBtns { font-family: var(--fontFamiliesPrimary); line-height: 1.5; }
@media (min-width: 1024px) {
  .headerNavContainer .headerActions .removeBtns { font-size: 22px; line-height: 1.5rem; }
}
.removeBtns { background-color: var(--colorBaseOffBlack500); font-family: var(--fontFamiliesPrimary); font-weight: 700; text-transform: uppercase; }
@media (min-width: 1024px) {
  .removeBtns, .removeBtns:hover { background-color: var(--colorPrimary500); }
}
.modalWrapper .modalInner .storeclosedpopup .removeBtns { font-family: var(--fontFamiliesPrimary); }
.headsUpModal .modalBtns .removeBtns { padding-left: 0px; padding-right: 0px; }
.confirmOrderModel .removeBtns, .deliveryUnavailCtr .removeBtns, .storeclosedpopup .removeBtns { height: 3rem; font-family: var(--fontFamiliesPrimary); font-size: 22px; line-height: 1.5rem; }
.deliveryUnavailCtr .removeBtns, .storeclosedpopup .removeBtns { font-weight: 700; }
.FullScreenWrapper.homeFullScreenWrapperContent .removeBtns { margin-top: 0px; height: 3rem; min-width: 225px; background-color: var(--colorPrimary500); font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; }
@media (min-width: 1024px) {
  .FullScreenWrapper.homeFullScreenWrapperContent .removeBtns { min-width: 0px; }
}
.menuPageBg .favorites .removeBtns, .menuPageBg .recents .removeBtns { height: 3rem; background-color: var(--colorPrimary500); padding-left: 2rem; padding-right: 2rem; font-size: 22px; font-weight: 700; width: auto; text-transform: uppercase; }
@media screen and (min-width: 1024px) and (max-width: 1399px) {
  .menuPageBg .favorites .removeBtns, .menuPageBg .recents .removeBtns { font-size: var(--fontSizeFontSizeRg); }
}
.personalInfoFormContainer .accountButtonsContainer .removeBtns, .personalInfoFormContainer .notificationButtonWrapper .removeBtns { font-family: BrooklynSamuelsThreeBold; padding-top: 0px; padding-bottom: 0px; font-size: 22px; text-transform: uppercase; }
.drawerWrapper.drawerOpen .saveSelectionBtn .removeBtns, .drawerWrapper.drawerOpen .saveSgslBtn .removeBtns { font-family: BrooklynSamuelsThreeBold; height: 3rem; padding-top: 0px; padding-bottom: 0px; font-size: 22px; }
.orderingPageContainer .removeBtns { height: 3rem; font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 2rem; width: 100%; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .orderingPageContainer .removeBtns { width: max-content; line-height: 26px; }
}
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper .externalLinkButton .linkContentBtn.removeBtns svg path { fill: var(--colorBaseAlpha50); }
.orderingPageContainer .giftContainer .removeBtns { width: 152px; padding: 0px; display: flex; align-items: center; justify-content: center; }
.imageTextContainer .careerImgDescription a.removeBtns { margin-top: 1.5rem; }
@media (min-width: 1024px) {
  .imageTextContainer .careerImgDescription a.removeBtns { display: flex; }
}
.scanLandingBg .errorPageContainer .errorInfoContainer.scanLanding .removeBtns { font-family: BrooklynSamuelsThreeBold; top: 0px; height: 3rem; font-size: 22px; font-weight: 700; }
.modal .modalInner .selectedRewardModal .referFriendHeading + .modalBtns .removeBtns span { top: 0px; position: relative; text-transform: uppercase; }
.barCodePopup .removeBtns { font-size: var(--typographyButtonPrimaryLargeFontSize); }
.actionRequiredCont .errorLocationWrapper .btnsWrapper .removeBtns { height: 3rem; background-color: var(--colorBaseRed550); font-family: BrooklynSamuelsThreeBold; font-weight: 700; color: var(--colorBaseAlpha50); border-style: var(--tw-border-style); border-width: 0px; font-size: 19px; text-transform: uppercase; }
.cartChekoutButtonContainer .groupOrderBtns .removeBtns span { font-size: 22px; font-weight: 700; }
.removeBtns { height: 3rem; gap: 0.5rem; display: flex; align-items: center; justify-content: center; align-self: stretch; }
.nevermindBtns { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonSecondaryBorderEnabled); background-color: var(--colorButtonSecondaryBackgroundEnabled); padding: var(--spacing4x) var(--spacing8x); font-size: var(--typographyButtonPrimaryLargeFontSize); font-weight: var(--fontWeightsRegular); color: var(--colorButtonSecondaryForegroundEnabled); }
.nevermindBtns:hover { background-color: var(--colorButtonSecondaryBackgroundPressed); }
@media (min-width: 1024px) {
  .nevermindBtns { padding: var(--spacing6x) var(--spacing16x); }
}
.nevermindBtns .ldsEllipsis { top: 1px; }
.nevermindBtns .ldsEllipsis div, .nevermindBtns .ldsEllipsis.white div { background-color: var(--colorBaseAlpha800); }
@media (hover: hover) {
  .loyaltyRightSideContainer .nevermindBtns:hover { background-color: transparent; }
}
.loyaltyRightSideContainer .nevermindBtns:hover { background-color: transparent; }
.signUpContainer .nevermindBtns { margin-top: 2rem; min-width: 18rem; border-radius: var(--borderRadiusRoundLimit); border-color: var(--colorBaseAlpha50); font-family: var(--fontFamiliesBody); color: var(--colorBaseAlpha50); border-style: var(--tw-border-style); border-width: 2px; }
.signUpContainer .nevermindBtns:hover { color: var(--colorBaseOffBlack500); }
.errorInnerContainer .nevermindBtns { margin-top: 2rem; font-family: var(--fontFamiliesBody); color: var(--colorBaseOffBlack500); width: 100%; }
@media (min-width: 1024px) {
  .errorInnerContainer .nevermindBtns { width: auto; }
}
.giftBoxDetails .giftBoxDescriptions .nevermindBtns { width: 100%; }
@media (min-width: 1024px) {
  .giftBoxDetails .giftBoxDescriptions .nevermindBtns { width: auto; }
}
.groupOrderTitleBar .groupOrderTitleAndBtn .nevermindBtns { border-color: var(--colorBaseAlpha800); }
.groupOrderTitleBar .groupOrderTitleAndBtn .nevermindBtns span { font-family: var(--fontFamiliesBody); color: var(--colorBaseOffBlack500); font-size: 14px; text-transform: capitalize; }
.nevermindBtns { border-color: var(--colorPrimary500); font-family: var(--fontFamiliesPrimary); color: var(--colorPrimary500); text-transform: uppercase; }
.modalWrapper .modalInner .storeclosedpopup .nevermindBtns { padding: 0px; font-family: var(--fontFamiliesPrimary); font-size: 1rem; line-height: 1.5rem; color: var(--colorBaseOffBlack500); display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; border-style: var(--tw-border-style); border-width: 0px; text-transform: capitalize; }
.modalWrapper .modalInner .storeclosedpopup .nevermindBtns svg path:first-child { fill: var(--colorBaseRed550); }
.confirmOrderModel .nevermindBtns, .deliveryUnavailCtr .nevermindBtns, .storeclosedpopup .nevermindBtns { height: 3rem; font-family: var(--fontFamiliesPrimary); font-size: 22px; line-height: 1.5rem; }
.deliveryUnavailCtr .nevermindBtns, .storeclosedpopup .nevermindBtns { font-weight: 700; }
.hamburgerResponsiveVertical .hamburgerBottom .nevermindBtns { border-color: var(--colorPrimary500); color: var(--colorPrimary500); }
.signinHamburgerBottom .nevermindBtns { border-color: var(--colorPrimary500); background-color: var(--colorPrimary500); font-family: BrooklynSamuelsThreeBold; font-size: 22px; color: var(--colorBaseAlpha50); text-transform: uppercase; }
.hamburgerResponsiveVertical .signinHamburgerBottom .nevermindBtns { border-color: var(--colorPrimary500); background-color: var(--colorBaseAlpha50); color: var(--colorPrimary500); }
.personalInfoFormContainer .accountButtonsContainer .nevermindBtns, .personalInfoFormContainer .notificationButtonWrapper .nevermindBtns { font-family: BrooklynSamuelsThreeBold; padding-top: 0px; padding-bottom: 0px; font-size: 22px; text-transform: uppercase; }
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .externalLinkButton .nevermindBtns { margin-top: 0px; }
}
.orderingPageContainer .nevermindBtns { height: 3rem; font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 2rem; width: 100%; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .orderingPageContainer .nevermindBtns { width: max-content; line-height: 26px; }
}
.orderingPageContainer a.nevermindBtns { height: 3rem; display: flex; align-items: center; justify-content: center; }
.orderingPageContainer a.nevermindBtns span { top: 0.125rem; position: relative; }
.questionAndAnswer .nevermindBtns { width: 13rem; }
.imageTextContainer .careerImgDescription a.nevermindBtns { margin-top: 1.5rem; }
.loyaltyPageContainer .errorInnerContainer.pointsRewardError .nevermindBtns { display: none; }
.nevermindBtns.loyaltyRewardsBtn { font-family: var(--fontFamiliesBody); }
.atomicModal .nevermindBtns, .modalInner .nevermindBtns { top: 0.125rem; position: relative; }
@media (hover: hover) {
  .nevermindBtns:hover { background-color: transparent; }
}
.nevermindBtns:hover { background-color: transparent; }
.groupOrder .nevermindBtns span { font-size: 22px; }
.nevermindBtns { height: 3rem; gap: 0.5rem; }
.quModalBtn .cancelButton.nevermindBtns { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.quModalBtn .cancelButton.nevermindBtns, .quModalBtn .cancelButton.nevermindBtns:hover { background-color: var(--color-buttons-primary-large-background-enabled); }
.nevermindBtns { display: flex; align-items: center; justify-content: center; align-self: stretch; text-align: center; }
.duplicateButton:disabled { width: auto; background-color: transparent; }
.editButton { margin-left: 0.75rem; margin-right: 1.25rem; }
.modifierContainer { margin-top: 117px; padding-left: 1rem; padding-right: 1rem; }
@media (min-width: 1024px) {
  .modifierContainer { padding-left: 1.25rem; padding-right: 1.25rem; }
}
.modifierContainer.modifierContainerHeader { padding-left: 1.25rem; padding-right: 1.25rem; }
.modifierContainer .drinkModalDescription { padding-top: 2rem; }
.locationModal { width: 259px; }
@media (min-width: 1024px) {
  .locationModal { width: 318px; }
}
.locationModal .locationModalTitle { margin-top: 0.75rem; margin-bottom: 0.75rem; font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; font-weight: var(--fontWeightsRegular); color: var(--colorBaseAlpha950); --tw-leading: 22px; line-height: 22px; text-transform: uppercase; }
.locationModal .locationModalContent { margin-bottom: 2rem; margin-top: 1.25rem; font-family: var(--fontFamiliesBody); font-size: var(--paragraphSpacingMedium); font-weight: var(--typographyBodyPrimaryRegularFontWeightm); line-height: var(--lineHeightsMd); color: var(--colorBaseAlpha950); }
.locationModal .topIcon { display: inline-block; }
.cartGallerydescriptionHeading { font-family: var(--fontFamiliesPrimary); font-size: var(--typographyHeadlineSmallFontSize); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsSm); }
@media (min-width: 1024px) {
  .cartGallerydescriptionHeading { font-size: var(--typographyBodySecondaryRegularFontSize); line-height: var(--lineHeightsXs); }
}
.groupOrderTitleBar { margin-bottom: 2rem; background-color: var(--colorBackgroundNeutralDim); padding: 1rem 1.25rem; }
.groupOrderTitleBar .groupOrderTitleAndBtn { color: var(--colorBaseOffBlack500); display: flex; justify-content: space-between; }
.groupOrderTitleBar .groupOrderTitleAndBtn .groupOrderName { font-family: var(--fontFamiliesPrimary); font-size: 17px; line-height: 21px; }
.groupOrderTitleBar .groupOrderTitleAndBtn .groupOrderName.\!member, .groupOrderTitleBar .groupOrderTitleAndBtn .groupOrderName.member { text-transform: uppercase; }
.groupOrderTitleBar .inviteRefreshBtn { gap: 0.5rem; padding: 0.375rem 1rem; font-family: var(--fontFamiliesBody); font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; display: flex; }
.groupOrderTitleBar .groupOrderHeaderContent { padding: 0px; }
@media (min-width: 1024px) {
  .groupOrderTitleBar .groupOrderHeaderContent { align-items: flex-start; }
}
.groupOrderTitleBar .groupMemberswaiting { gap: 0.25rem; display: flex; align-items: center; }
.groupOrderTitleBar .waitingTxt { font-family: var(--fontFamiliesBody); font-size: 0.875rem; line-height: 1.25rem; color: var(--colorBaseAlpha600); }
.groupOrderTitleBar + .errorInfoContainer { padding-bottom: 1.5rem; }
.groupOrderBtns { display: flex; flex-direction: column; align-items: center; }
.groupOrderBtns .groupOrderAddItem { max-width: 335px; }
.groupOrderBtns .buttonPrimary { min-width: 335px; }
.groupOrderCancel { margin-bottom: 13px; margin-top: 29px; cursor: default; font-family: var(--fontFamiliesBody); font-size: 1rem; font-weight: 700; color: var(--colorBaseOffBlack500); --tw-leading: 22px; line-height: 22px; }
.groupOrderCancel span { cursor: pointer; }
.memberOrderContainer { gap: 26px; display: flex; flex-direction: column; }
.memberOrderContainer .memberOrder { margin-left: 1.25rem; margin-right: 1.25rem; gap: 1rem; display: flex; flex-direction: column; }
.memberOrderContainer .memberOrder .memberOrderStatusBadge { border-radius: 0.25rem; padding: 0.25rem 0.375rem; width: min-content; border-style: var(--tw-border-style); border-width: 1px; white-space: nowrap; }
.memberOrderContainer .memberOrder .memberOrderStatusBadge.completed { background-color: var(--colorTertiary600); }
.memberOrderContainer .memberOrder .memberOrderStatusBadge.inprogress { background-color: var(--colorQuaternary300); }
.memberOrderContainer .memberOrder .memberOrderLeftContainer { position: relative; display: flex; width: 100%; justify-content: center; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.memberOrderContainer .memberOrder .memberOrderLeftContainer .memberOrderLeftText { display: none; }
.memberOrderContainer .memberOrder .memberOrderLeftContainer .memberOrderLeftText { top: 1.5rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; background-color: var(--colorBaseAlpha50); padding: 0.25rem 1rem; font-family: var(--fontFamiliesBody); font-size: 1rem; color: var(--colorBaseAlpha600); position: absolute; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; --tw-leading: 22px; line-height: 22px; }
.textareaDimention { margin-top: 14px; height: 9rem; border-radius: var(--borderRadiusSoftlyRounded); border-color: var(--colorFormFieldsBorderEnabled); padding: 1rem; width: 100%; border-width: 1px; --tw-border-style: solid; border-style: solid; background-color: transparent; }
.saveCheckbox { margin-top: 1rem; gap: 0.75rem; font-family: var(--fontFamiliesBody); font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; color: var(--colorForegroundContentEnabled); display: flex; flex-direction: row; align-items: flex-start; }
@media (min-width: 1024px) {
  .saveCheckbox { align-items: center; }
}
.saveCheckbox input { height: 25px; width: 25px; }
.saveCheckbox .checkboxContainer { height: 25px; min-width: 25px; position: relative; }
.saveCheckbox .checkboxContainer .checkMark { top: 0px; }
@media (min-width: 1024px) {
  .saveCheckbox .checkboxContainer .checkMark { margin-top: 0px; }
}
@media (min-width: 640px) {
  .checkout-header { max-width: 640px; }
}
@media (min-width: 768px) {
  .checkout-header { max-width: 768px; }
}
@media (min-width: 1024px) {
  .checkout-header { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .checkout-header { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .checkout-header { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .checkout-header { max-width: 1536px; }
}
.site-map .checkout-header { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .checkout-header { flex-direction: row; }
}
.site-map .checkout-header .leftColumn .level-1, .site-map .checkout-header .leftColumn .level-2, .site-map .checkout-header .leftColumn .level-3, .site-map .checkout-header .rightColumn .level-1, .site-map .checkout-header .rightColumn .level-2, .site-map .checkout-header .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .checkout-header .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .checkout-header .level-2, .site-map .checkout-header .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .checkout-header .rightColumn { background-color: transparent; }
.site-map .checkout-header .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .checkout-header .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .checkout-header .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .checkout-header .camelCaseClass { text-transform: capitalize; }
.site-map .checkout-header .lowerCaseClass { text-transform: lowercase; }
.site-map .checkout-header h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.checkout-header { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .checkout-header { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .checkout-header { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .checkout-header .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .checkout-header .leftColumn { width: 50%; }
}
.site-map .checkout-header .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .checkout-header .leftColumn .level-1 { padding: 0px; }
.site-map .checkout-header .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .checkout-header .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .checkout-header .rightColumn { width: 50%; }
}
.site-map .checkout-header .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .checkout-header .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .checkout-header .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .checkout-header .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .checkout-header .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.checkout-header { margin-left: auto; margin-right: auto; margin-top: -0.125rem; background-color: var(--colorBackgroundNeutralBase); padding: 3rem 1rem 1.25rem; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .checkout-header { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .checkout-header { max-width: 1440px; }
}
.checkout-header { position: relative; width: 100%; margin-inline: auto; display: grid; max-width: 100%; }
@media (min-width: 1024px) {
  .checkout-header { padding: 1rem 72px; }
}
@media (min-width: 1536px) {
  .checkout-header { padding-left: 0px; padding-right: 0px; }
}
@media (min-width: 640px) {
  .checkoutHeaderContainer { max-width: 640px; }
}
@media (min-width: 768px) {
  .checkoutHeaderContainer { max-width: 768px; }
}
@media (min-width: 1024px) {
  .checkoutHeaderContainer { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .checkoutHeaderContainer { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .checkoutHeaderContainer { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .checkoutHeaderContainer { max-width: 1536px; }
}
.site-map .checkoutHeaderContainer { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .checkoutHeaderContainer { flex-direction: row; }
}
.site-map .checkoutHeaderContainer .leftColumn .level-1, .site-map .checkoutHeaderContainer .leftColumn .level-2, .site-map .checkoutHeaderContainer .leftColumn .level-3, .site-map .checkoutHeaderContainer .rightColumn .level-1, .site-map .checkoutHeaderContainer .rightColumn .level-2, .site-map .checkoutHeaderContainer .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .checkoutHeaderContainer .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .checkoutHeaderContainer .level-2, .site-map .checkoutHeaderContainer .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .checkoutHeaderContainer .rightColumn { background-color: transparent; }
.site-map .checkoutHeaderContainer .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .checkoutHeaderContainer .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .checkoutHeaderContainer .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .checkoutHeaderContainer .camelCaseClass { text-transform: capitalize; }
.site-map .checkoutHeaderContainer .lowerCaseClass { text-transform: lowercase; }
.site-map .checkoutHeaderContainer h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.checkoutHeaderContainer { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .checkoutHeaderContainer { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .checkoutHeaderContainer { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .checkoutHeaderContainer .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .checkoutHeaderContainer .leftColumn { width: 50%; }
}
.site-map .checkoutHeaderContainer .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .checkoutHeaderContainer .leftColumn .level-1 { padding: 0px; }
.site-map .checkoutHeaderContainer .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .checkoutHeaderContainer .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .checkoutHeaderContainer .rightColumn { width: 50%; }
}
.site-map .checkoutHeaderContainer .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .checkoutHeaderContainer .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .checkoutHeaderContainer .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .checkoutHeaderContainer .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .checkoutHeaderContainer .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.checkoutHeaderContainer { margin-left: auto; margin-right: auto; grid-template-columns: repeat(2, minmax(0px, 1fr)); padding: 0px; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .checkoutHeaderContainer { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .checkoutHeaderContainer { max-width: 1440px; }
}
.checkoutHeaderContainer { position: relative; width: 100%; margin-inline: auto; display: grid; }
.checkoutHeaderContainer .brandLogoContainer { left: 1.25rem; cursor: default; position: relative; justify-content: flex-end; }
.checkoutHeaderContainer .brandLogoContainer img { cursor: pointer; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.checkoutHeaderContainer .checkoutHeaderArrow { display: none; }
.checkoutHeaderContainer .checkoutHeaderArrow { bottom: -0.45rem; position: absolute; cursor: pointer; }
@media (min-width: 1024px) {
  .checkoutHeaderContainer .checkoutHeaderArrow { bottom: 6px; }
}
@media (min-width: 640px) {
  .CheckoutPageContainer { max-width: 640px; }
}
@media (min-width: 768px) {
  .CheckoutPageContainer { max-width: 768px; }
}
@media (min-width: 1024px) {
  .CheckoutPageContainer { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .CheckoutPageContainer { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .CheckoutPageContainer { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .CheckoutPageContainer { max-width: 1536px; }
}
.site-map .CheckoutPageContainer { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .CheckoutPageContainer { flex-direction: row; }
}
.site-map .CheckoutPageContainer .leftColumn .level-1, .site-map .CheckoutPageContainer .leftColumn .level-2, .site-map .CheckoutPageContainer .leftColumn .level-3, .site-map .CheckoutPageContainer .rightColumn .level-1, .site-map .CheckoutPageContainer .rightColumn .level-2, .site-map .CheckoutPageContainer .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .CheckoutPageContainer .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .CheckoutPageContainer .level-2, .site-map .CheckoutPageContainer .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .CheckoutPageContainer .rightColumn { background-color: transparent; }
.site-map .CheckoutPageContainer .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .CheckoutPageContainer .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .CheckoutPageContainer .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .CheckoutPageContainer .camelCaseClass { text-transform: capitalize; }
.site-map .CheckoutPageContainer .lowerCaseClass { text-transform: lowercase; }
.site-map .CheckoutPageContainer h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.CheckoutPageContainer { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .CheckoutPageContainer { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .CheckoutPageContainer { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .CheckoutPageContainer .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .CheckoutPageContainer .leftColumn { width: 50%; }
}
.site-map .CheckoutPageContainer .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .CheckoutPageContainer .leftColumn .level-1 { padding: 0px; }
.site-map .CheckoutPageContainer .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .CheckoutPageContainer .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .CheckoutPageContainer .rightColumn { width: 50%; }
}
.site-map .CheckoutPageContainer .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .CheckoutPageContainer .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .CheckoutPageContainer .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .CheckoutPageContainer .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .CheckoutPageContainer .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.CheckoutPageContainer { margin-left: auto; margin-right: auto; background-color: var(--colorBackgroundNeutralBase); padding-left: 1.25rem; padding-right: 1.25rem; padding-bottom: 8rem; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .CheckoutPageContainer { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .CheckoutPageContainer { max-width: 1440px; }
}
.CheckoutPageContainer { width: 100%; margin-inline: auto; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .CheckoutPageContainer { flex-direction: row; gap: 8rem; padding-left: 11rem; padding-right: 11rem; padding-bottom: 3rem; }
}
@media (min-width: 1536px) {
  .CheckoutPageContainer { padding-left: 0px; padding-right: 0px; }
}
.CheckoutPageContainer .readOnly { color: var(--colorFormFieldsForegroundEnabled); }
.CheckoutPageContainer .orderPlaceBtn { padding-top: 2rem; }
.CheckoutPageContainer .subTotalContent { padding: 0px; width: 100%; }
.CheckoutPageContainer .subTotalContent .rewardInfoText { font-family: var(--fontFamiliesBody); font-size: 1rem; font-weight: 400; line-height: var(--lineHeightsMd); }
.CheckoutPageContainer .subTotalContent .rewardText { padding-top: 0.25rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsXs); color: var(--colorForegroundContentSubtleEnabled); }
.CheckoutPageContainer .subTotalContent .\!price, .CheckoutPageContainer .subTotalContent .price { font-family: var(--fontFamiliesBody); font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; }
@media (min-width: 1024px) {
  .CheckoutPageContainer .orderDishItem { padding-top: 1rem; padding-bottom: 1rem; }
}
.CheckoutPageContainer .pickupMethodBtns .pickupInside { padding-bottom: 0px; font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); color: var(--colorBaseOffBlack500); }
.CheckoutPageContainer .pickupMethodBtns .pickupMethod .pickupMethodList:nth-child(2) { order: 3; }
.CheckoutPageContainer .floating-container .fbr-floating-label { color: var(--color-formFields-foreground-filled); font-size: 16px; }
.checkoutContainer .errorBorderContainer { border-color: var(--colorFormFieldsForegroundError); border-style: var(--tw-border-style); border-width: 2px; }
.checkoutContainer .noteBadge { margin-top: 0.5rem; }
.checkoutContainer .restaurantName.isBadge { padding-top: 0px; }
.checkoutContainer .contactInfoContainer { justify-content: flex-start; }
.checkoutContainer .paymentCheckoutContainer { position: relative; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.checkoutContainer .paymentCheckoutContainer .paymentLoader { display: none; }
.checkoutContainer .paymentCheckoutContainer .paymentLoader { bottom: 0px; left: 0px; top: 0px; background-color: var(--color-base-alpha-50); opacity: 0.75; position: absolute; z-index: 10; height: 100%; width: 100%; }
.checkoutContainer .paymentCheckoutContainer .paymentLoader .pageLoader { margin-top: 0px; min-height: 0px; height: 100%; }
.checkoutContainer .paymentCheckoutContainer .paymentLoader .pageLoader .justMoeMentContainer, .checkoutContainer .paymentCheckoutContainer .paymentLoader .pageLoader .justMoeMentContainerFull { height: 100%; }
.checkoutHeaderText { width: 93%; font-family: var(--fontFamiliesPrimary); font-size: var(--typographyHeadlineStylizedLargeTopFontSize); font-weight: 400; line-height: var(--typographyHeadlineLargeLineHeight); color: var(--colorForegroundContentEnabled); }
.borderContainer { margin-top: 1.5rem; border-radius: var(--borderRadiusRounded); border-color: var(--colorDividerDim); padding: 2.25rem 1rem 1.5rem; width: 100%; border-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .borderContainer { margin-top: 2rem; }
}
.borderContainer .buttonWrapper { width: 100%; }
.borderContainer .vehicleInfoCont .buttonWrapper { font-family: var(--fontFamiliesBody); width: auto; }
.borderContainer .contactInfoContainer .defaultMethod { margin-top: 0.5rem; }
.borderContainer.addCard, .borderContainer.giftCard { margin-top: 0px; padding-left: 0px; padding-right: 0px; border-style: var(--tw-border-style); border-width: 0px; }
.borderContainer.giftCard { padding-top: 0px; padding-bottom: 0px; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.borderContainer.giftCard .globalPageLoader { display: none; }
.borderContainer.giftCard .globalPageLoader { position: absolute; z-index: 10; height: 100%; width: 100%; }
.borderContainer.giftCard .globalPageLoader img { margin-left: auto; margin-right: auto; --tw-translate-y: 5rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); margin-inline: auto; }
.borderContainer.addCard .floatingInputField { font-family: var(--fontFamiliesBody); font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; }
.borderContainer.addCard ::placeholder { --tw-text-opacity: 1; color: rgb(117 117 117/var(--tw-text-opacity)); }
.checkoutCard img { margin: 0px auto; margin-inline: auto; }
.checkoutSubHeaderText { font-family: var(--fontFamiliesPrimary); font-size: var(--typographyHeadlineMediumFontSize); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsMd); color: var(--color-foreground-content-enabled); }
.checkoutDisclaimerText { font-family: var(--fontFamiliesBody); font-size: 14px; }
.checkoutLink { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: 700; color: var(--colorButtonTextLinkForegroundEnabled); cursor: pointer; text-decoration-line: underline; }
.restaurantName { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); font-weight: 400; line-height: 1.25rem; color: var(--colorForegroundContentEnabled); }
.restaurantAddress { padding-top: 0.5rem; font-size: var(--typographyBodyPrimaryRegularFontSize); line-height: var(--lineHeightsMd); }
.pickupMethod, .restaurantAddress { font-family: var(--fontFamiliesBody); font-weight: 400; }
.pickupMethod { gap: 0.5rem; font-size: var(--fontSizeFontSizeXs); line-height: var(--lineHeightsXs); color: var(--colorBaseAlpha950); display: flex; flex-direction: row; justify-content: space-between; }
.pickupMethodText { height: 3rem; border-radius: 0.25rem; font-family: var(--fontFamiliesBody); font-size: 1rem; font-weight: 600; line-height: var(--lineHeightsMd); color: var(--color-selectionControls-multipleChoice-foreground-enabled); display: flex; width: 100%; align-items: center; justify-content: center; gap: 10px; }
.pickupMethodActiveTab, .pickupMethodText { border-color: var(--color-selectionControls-multipleChoice-border-selected); border-width: 1px; --tw-border-style: solid; border-style: solid; }
.pickupMethodActiveTab { background-color: var(--color-selectionControls-multipleChoice-background-selected); color: var(--color-selectionControls-multipleChoice-foreground-selected); }
.noAvailableError { gap: 0.5rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeXs); font-weight: 400; line-height: var(--lineHeightsXs); color: var(--colorFormFieldsForegroundError); align-items: center; }
.contactInfoContainer, .noAvailableError { padding-top: 1rem; display: flex; flex-direction: row; }
.contactInfoContainer { align-items: flex-start; justify-content: space-between; }
.contactInformation { padding-left: 0.5rem; font-family: var(--fontFamiliesBody); font-size: 0.875rem; font-weight: 400; line-height: var(--lineHeightsRg); color: var(--colorIndicatorsDisclaimerForegroundDefault); --tw-leading: --lineHeightsRg; }
.contactInformation.giftCardAdded { font-size: var(--fontSizeFontSizeXs); line-height: 1rem; }
@media (min-width: 1024px) {
  .contactInformation.giftCardAdded { max-width: 20rem; }
}
.tipContainerList { height: 3rem; border-radius: 0.25rem; border-color: var(--colorSelectionControlsMultipleChoiceBorderEnabled); font-family: var(--fontFamiliesBody); font-size: 1rem; font-weight: 600; line-height: var(--lineHeightsMd); display: flex; width: 100%; cursor: pointer; align-items: center; justify-content: center; gap: 10px; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.tipContainerList.selectedItems { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.otherAmountBox { margin-top: 1rem; border-radius: 0.25rem; border-color: var(--colorForegroundBorderBrighter); width: 100%; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.otherAmountBox input { padding: 13px 0.75rem; width: 100%; background-color: transparent; }
.otherAmountBox input:focus-visible { outline: none; }
.otherAmountBox #rewards_deal_selected_icon { pointer-events: none; }
.tipAmount { margin-top: 1rem; }
.tipAmount, .tipText { font-family: var(--fontFamiliesBody); font-size: 0.875rem; font-weight: 400; line-height: 1.25rem; color: var(--colorFormFieldsForegroundEnabled); }
.tipText { margin-top: 1.5rem; line-height: var(--lineHeightsRg); --tw-leading: --lineHeightsRg; }
.paymentOptionContainer { border-color: var(--colorForegroundBorderBrighter); padding-top: 1.5rem; padding-bottom: 2rem; display: flex; align-items: center; border-bottom-width: 1px; --tw-border-style: solid; border-style: solid; }
.paymentOptionContainer input { accent-color: var(--colorBaseAlpha950); }
.paymentOptionContainer input.errorPaymentInput { accent-color: var(--colorFormFieldsForegroundError); }
.paymentOptionContainer.rowAlignment { padding-top: 1rem; padding-bottom: 1rem; }
.paymentOptionContainer.errorText .paymentOption p, .paymentOptionContainer.errorText .paymentOptionDesc { color: var(--colorFormFieldsForegroundError); }
.paymentOptionContainer.errorText input { accent-color: var(--colorFormFieldsForegroundError); }
.paymentOptionContainer .defaultMethod .checkboxLabel { font-size: 1rem; line-height: 1.5rem; font-weight: 600; }
.replaceCardContainer { padding-bottom: 3rem; padding-top: 2.5rem; }
.replaceCardContainer .paymentOptionWrapper { min-height: 1.5rem; }
.replaceCardContainer .paymentOptionWrapper .chargeField { bottom: -2.25rem; }
.replaceCardContainer #checkout-hpc-card { margin-top: 1.25rem; }
.paymentOptionCharges { flex-direction: column; }
.paymentOptionWrapper { position: relative; width: 100%; justify-content: space-between; }
.paymentOption, .paymentOptionWrapper { display: flex; flex-direction: row; align-items: center; }
.paymentOption { gap: 1rem; font-family: var(--fontFamiliesBody); font-size: 1rem; font-weight: 600; line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); cursor: pointer; }
.expireDate { font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; }
.buttonTransparent { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonSecondaryBorderEnabled); background-color: var(--colorButtonSecondaryBackgroundEnabled); padding: var(--spacing4x) var(--spacing8x); font-size: var(--typographyButtonPrimaryLargeFontSize); font-weight: var(--fontWeightsRegular); color: var(--colorButtonSecondaryForegroundEnabled); text-align: center; }
.buttonTransparent:hover { background-color: var(--colorButtonSecondaryBackgroundPressed); }
@media (min-width: 1024px) {
  .buttonTransparent { padding: var(--spacing6x) var(--spacing16x); }
}
.buttonTransparent .ldsEllipsis { top: 1px; }
.buttonTransparent .ldsEllipsis div, .buttonTransparent .ldsEllipsis.white div { background-color: var(--colorBaseAlpha800); }
@media (hover: hover) {
  .loyaltyRightSideContainer .buttonTransparent:hover { background-color: transparent; }
}
.loyaltyRightSideContainer .buttonTransparent:hover { background-color: transparent; }
.signUpContainer .buttonTransparent { margin-top: 2rem; min-width: 18rem; border-radius: var(--borderRadiusRoundLimit); border-color: var(--colorBaseAlpha50); font-family: var(--fontFamiliesBody); color: var(--colorBaseAlpha50); border-style: var(--tw-border-style); border-width: 2px; }
.signUpContainer .buttonTransparent:hover { color: var(--colorBaseOffBlack500); }
.errorInnerContainer .buttonTransparent { margin-top: 2rem; font-family: var(--fontFamiliesBody); color: var(--colorBaseOffBlack500); width: 100%; }
@media (min-width: 1024px) {
  .errorInnerContainer .buttonTransparent { width: auto; }
}
.giftBoxDetails .giftBoxDescriptions .buttonTransparent { width: 100%; }
@media (min-width: 1024px) {
  .giftBoxDetails .giftBoxDescriptions .buttonTransparent { width: auto; }
}
.groupOrderTitleBar .groupOrderTitleAndBtn .buttonTransparent { border-color: var(--colorBaseAlpha800); }
.groupOrderTitleBar .groupOrderTitleAndBtn .buttonTransparent span { font-family: var(--fontFamiliesBody); color: var(--colorBaseOffBlack500); font-size: 14px; text-transform: capitalize; }
.buttonTransparent { border-color: var(--colorPrimary500); font-family: var(--fontFamiliesPrimary); color: var(--colorPrimary500); text-transform: uppercase; }
.modalWrapper .modalInner .storeclosedpopup .buttonTransparent { padding: 0px; font-family: var(--fontFamiliesPrimary); font-size: 1rem; line-height: 1.5rem; color: var(--colorBaseOffBlack500); display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; border-style: var(--tw-border-style); border-width: 0px; text-transform: capitalize; }
.modalWrapper .modalInner .storeclosedpopup .buttonTransparent svg path:first-child { fill: var(--colorBaseRed550); }
.confirmOrderModel .buttonTransparent, .deliveryUnavailCtr .buttonTransparent, .storeclosedpopup .buttonTransparent { height: 3rem; font-family: var(--fontFamiliesPrimary); font-size: 22px; line-height: 1.5rem; }
.deliveryUnavailCtr .buttonTransparent, .storeclosedpopup .buttonTransparent { font-weight: 700; }
.hamburgerResponsiveVertical .hamburgerBottom .buttonTransparent { border-color: var(--colorPrimary500); color: var(--colorPrimary500); }
.signinHamburgerBottom .buttonTransparent { border-color: var(--colorPrimary500); background-color: var(--colorPrimary500); font-family: BrooklynSamuelsThreeBold; font-size: 22px; color: var(--colorBaseAlpha50); text-transform: uppercase; }
.hamburgerResponsiveVertical .signinHamburgerBottom .buttonTransparent { border-color: var(--colorPrimary500); background-color: var(--colorBaseAlpha50); color: var(--colorPrimary500); }
.personalInfoFormContainer .accountButtonsContainer .buttonTransparent, .personalInfoFormContainer .notificationButtonWrapper .buttonTransparent { font-family: BrooklynSamuelsThreeBold; padding-top: 0px; padding-bottom: 0px; font-size: 22px; text-transform: uppercase; }
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .externalLinkButton .buttonTransparent { margin-top: 0px; }
}
.orderingPageContainer .buttonTransparent { height: 3rem; font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 2rem; width: 100%; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .orderingPageContainer .buttonTransparent { width: max-content; line-height: 26px; }
}
.orderingPageContainer a.buttonTransparent { height: 3rem; display: flex; align-items: center; justify-content: center; }
.orderingPageContainer a.buttonTransparent span { top: 0.125rem; position: relative; }
.questionAndAnswer .buttonTransparent { width: 13rem; }
.imageTextContainer .careerImgDescription a.buttonTransparent { margin-top: 1.5rem; }
.loyaltyPageContainer .errorInnerContainer.pointsRewardError .buttonTransparent { display: none; }
.buttonTransparent.loyaltyRewardsBtn { font-family: var(--fontFamiliesBody); }
.atomicModal .buttonTransparent, .modalInner .buttonTransparent { top: 0.125rem; position: relative; }
@media (hover: hover) {
  .buttonTransparent:hover { background-color: transparent; }
}
.buttonTransparent:hover { background-color: transparent; }
.groupOrder .buttonTransparent span { font-size: 22px; }
.buttonTransparent { margin-top: 1rem; gap: 0.5rem; font-weight: 700; }
.quModalBtn .cancelButton.buttonTransparent { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.quModalBtn .cancelButton.buttonTransparent, .quModalBtn .cancelButton.buttonTransparent:hover { background-color: var(--color-buttons-primary-large-background-enabled); }
.buttonTransparent { display: flex; text-transform: capitalize; }
.CardIconWithBorder.amexIcon svg { padding: 3px; }
.cityName { padding-top: 1rem; font-family: var(--fontFamiliesBody); font-size: 1.25rem; font-weight: 700; line-height: 1.75rem; }
@media (min-width: 1024px) {
  .cityName { padding-top: 0.75rem; }
}
.itemCounts { margin-top: 1.5rem; margin-bottom: 1.5rem; font-family: var(--fontFamiliesBody); font-size: 1.125rem; font-weight: 700; line-height: var(--lineHeightsMd); }
@media (min-width: 1024px) {
  .itemCounts { margin-top: 2rem; margin-bottom: 2rem; }
}
.ingredientsIncluded { padding-bottom: 1rem; padding-top: 0px; font-family: var(--fontFamiliesBody); font-size: 0.875rem; font-weight: 400; line-height: var(--lineHeightsSm); }
.orderDishItem { min-height: 57px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.orderDishContainer { border-color: var(--colorDividerBase); width: 100%; border-bottom-width: 1px; --tw-border-style: solid; border-style: solid; }
.totalAmountText { margin-top: 1rem; margin-bottom: 1rem; font-family: var(--fontFamiliesBody); font-size: 1.25rem; font-weight: 700; line-height: var(--lineHeightsMd); display: flex; flex-direction: row; justify-content: space-between; }
.feesInfo { gap: 0.5rem; display: flex; align-items: center; justify-content: center; }
.feesInfo .informationIcon { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); cursor: pointer; }
.fixedBottomMobile { bottom: 0px; left: 0px; background-color: var(--colorBackgroundNeutralBase); padding-left: 1.25rem; padding-right: 1.25rem; position: fixed; z-index: 30; width: 100%; }
@media (min-width: 1024px) {
  .fixedBottomMobile { position: relative; padding-left: 0px; padding-right: 0px; }
}
.fixedBottomMobileSticky { bottom: 0px; left: 0px; background-color: var(--colorBackgroundNeutralBase); position: sticky; z-index: 30; width: 100%; }
@media (min-width: 1024px) {
  .fixedBottomMobileSticky { position: relative; padding-left: 0px; padding-right: 0px; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.expiryCardInfoIcon { display: none; }
.expiryCardInfoIcon { right: 3.5rem; position: absolute; }
.orderPlaceBtn { padding-bottom: 1.25rem; padding-top: 1rem; }
@media (min-width: 1024px) {
  .orderPlaceBtn { display: block; }
}
.orderPlaceBtn .buttonWrapper { height: 3rem; width: 100%; }
.heroBannerSectionContainer .btnPosition .buttonPrimaryCheckout { width: 100%; justify-content: center; }
@media (min-width: 1024px) {
  .heroBannerSectionContainer .btnPosition .buttonPrimaryCheckout { width: fit-content; }
}
.curbsidePickupView .buttonPrimaryCheckout { height: 3rem; display: flex; width: 100%; align-items: center; justify-content: center; font-size: 20px; }
@media (min-width: 1024px) {
  .curbsidePickupView .buttonPrimaryCheckout { width: auto; }
}
.tmobileBodyCont.orderingPageContainer .buttonPrimaryCheckout { width: 100%; }
.tmobileBodyCont.orderingPageContainer .buttonPrimaryCheckout.submitButton { width: 140px; min-width: 140px; }
.tmobileBodyCont.orderingPageContainer .memberInputCtr .buttonPrimaryCheckout { max-width: 233px; }
.buttonPrimaryCheckout { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonPrimaryBorderEnabled); background-color: var(--colorButtonPrimaryBackgroundEnabled); padding: var(--spacing4x) var(--spacing8x); font-size: var(--typographyButtonPrimaryLargeFontSize); font-weight: var(--fontWeightsRegular); color: var(--colorButtonPrimaryForegroundEnabled); text-align: center; }
.buttonPrimaryCheckout:hover { background-color: var(--colorButtonPrimaryBackgroundPressed); }
@media (min-width: 1024px) {
  .buttonPrimaryCheckout { padding: var(--spacing6x) var(--spacing16x); }
}
.buttonPrimaryCheckout .ldsEllipsis { top: 1px; }
.errorPageContainer .errorInfoContainer.scanLanding .buttonPrimaryCheckout { top: -0.75rem; position: relative; width: 100%; }
.groupOrderBtns .buttonPrimaryCheckout { min-width: 335px; }
.differentLocationModal .modalBtns .buttonPrimaryCheckout { margin-bottom: 0.75rem; }
.imageGalleryContainer .galleryBoxDescription .buttonPrimaryCheckout { font-size: var(--fontSizeFontSizeXs); }
@media (min-width: 1024px) {
  .imageGalleryContainer .galleryBoxDescription .buttonPrimaryCheckout { font-size: var(--fontSizeFontSizeRg); }
}
.headerNavContainer .headerActions .buttonPrimaryCheckout { font-family: var(--fontFamiliesPrimary); line-height: 1.5; }
@media (min-width: 1024px) {
  .headerNavContainer .headerActions .buttonPrimaryCheckout { font-size: 22px; line-height: 1.5rem; }
}
.buttonPrimaryCheckout { background-color: var(--colorBaseOffBlack500); font-family: var(--fontFamiliesPrimary); font-weight: 700; text-transform: uppercase; }
@media (min-width: 1024px) {
  .buttonPrimaryCheckout, .buttonPrimaryCheckout:hover { background-color: var(--colorPrimary500); }
}
.modalWrapper .modalInner .storeclosedpopup .buttonPrimaryCheckout { font-family: var(--fontFamiliesPrimary); }
.headsUpModal .modalBtns .buttonPrimaryCheckout { padding-left: 0px; padding-right: 0px; }
.confirmOrderModel .buttonPrimaryCheckout, .deliveryUnavailCtr .buttonPrimaryCheckout, .storeclosedpopup .buttonPrimaryCheckout { height: 3rem; font-family: var(--fontFamiliesPrimary); font-size: 22px; line-height: 1.5rem; }
.deliveryUnavailCtr .buttonPrimaryCheckout, .storeclosedpopup .buttonPrimaryCheckout { font-weight: 700; }
.FullScreenWrapper.homeFullScreenWrapperContent .buttonPrimaryCheckout { margin-top: 0px; height: 3rem; min-width: 225px; background-color: var(--colorPrimary500); font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; }
@media (min-width: 1024px) {
  .FullScreenWrapper.homeFullScreenWrapperContent .buttonPrimaryCheckout { min-width: 0px; }
}
.menuPageBg .favorites .buttonPrimaryCheckout, .menuPageBg .recents .buttonPrimaryCheckout { height: 3rem; background-color: var(--colorPrimary500); padding-left: 2rem; padding-right: 2rem; font-size: 22px; font-weight: 700; width: auto; text-transform: uppercase; }
@media screen and (min-width: 1024px) and (max-width: 1399px) {
  .menuPageBg .favorites .buttonPrimaryCheckout, .menuPageBg .recents .buttonPrimaryCheckout { font-size: var(--fontSizeFontSizeRg); }
}
.personalInfoFormContainer .accountButtonsContainer .buttonPrimaryCheckout, .personalInfoFormContainer .notificationButtonWrapper .buttonPrimaryCheckout { font-family: BrooklynSamuelsThreeBold; padding-top: 0px; padding-bottom: 0px; font-size: 22px; text-transform: uppercase; }
.drawerWrapper.drawerOpen .saveSelectionBtn .buttonPrimaryCheckout, .drawerWrapper.drawerOpen .saveSgslBtn .buttonPrimaryCheckout { font-family: BrooklynSamuelsThreeBold; height: 3rem; padding-top: 0px; padding-bottom: 0px; font-size: 22px; }
.orderingPageContainer .buttonPrimaryCheckout { height: 3rem; font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 2rem; width: 100%; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .orderingPageContainer .buttonPrimaryCheckout { width: max-content; line-height: 26px; }
}
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper .externalLinkButton .linkContentBtn.buttonPrimaryCheckout svg path { fill: var(--colorBaseAlpha50); }
.orderingPageContainer .giftContainer .buttonPrimaryCheckout { width: 152px; padding: 0px; display: flex; align-items: center; justify-content: center; }
.imageTextContainer .careerImgDescription a.buttonPrimaryCheckout { margin-top: 1.5rem; }
@media (min-width: 1024px) {
  .imageTextContainer .careerImgDescription a.buttonPrimaryCheckout { display: flex; }
}
.scanLandingBg .errorPageContainer .errorInfoContainer.scanLanding .buttonPrimaryCheckout { font-family: BrooklynSamuelsThreeBold; top: 0px; height: 3rem; font-size: 22px; font-weight: 700; }
.modal .modalInner .selectedRewardModal .referFriendHeading + .modalBtns .buttonPrimaryCheckout span { top: 0px; position: relative; text-transform: uppercase; }
.barCodePopup .buttonPrimaryCheckout { font-size: var(--typographyButtonPrimaryLargeFontSize); }
.actionRequiredCont .errorLocationWrapper .btnsWrapper .buttonPrimaryCheckout { height: 3rem; background-color: var(--colorBaseRed550); font-family: BrooklynSamuelsThreeBold; font-weight: 700; color: var(--colorBaseAlpha50); border-style: var(--tw-border-style); border-width: 0px; font-size: 19px; text-transform: uppercase; }
.cartChekoutButtonContainer .groupOrderBtns .buttonPrimaryCheckout span { font-size: 22px; font-weight: 700; }
.buttonPrimaryCheckout { margin-top: 2rem; gap: 0.5rem; display: flex; justify-content: center; text-transform: capitalize; }
.defaultMethod { margin-top: 25px; gap: 1rem; font-size: 1rem; font-weight: 600; line-height: var(--lineHeightsMd); display: flex; width: 100%; flex-direction: row; align-items: center; justify-content: flex-start; }
.defaultMethod, .splitBalance { font-family: var(--fontFamiliesBody); }
.splitBalance { border-radius: 4px; border-color: var(--colorForegroundBorderBrighter); padding: 0.25rem 6px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.modalInnerContainer { top: 5%; margin-left: auto; margin-right: auto; max-width: 327px; border-radius: 0.5rem; background-color: var(--colorBaseAlpha50); position: relative; margin-inline: auto; display: flex; flex-direction: column; align-items: center; text-align: center; }
@media (min-width: 1024px) {
  .modalInnerContainer { max-width: 327px; }
}
.taxFeesModalHeading { margin-top: 1.25rem; margin-bottom: 1.25rem; font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; font-weight: 400; line-height: var(--lineHeightsSm); }
.inputFlexBox { border-color: var(--colorBaseAlpha600); position: relative; display: flex; width: 100%; flex-direction: row; justify-content: center; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.inputFlexBox input { margin-top: 1.25rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeXxl); font-weight: 400; line-height: var(--lineHeightsLg); color: var(--colorBaseAlpha900); width: 100%; text-align: center; }
.inputFlexBox input:focus-visible { outline-width: 0px; }
.tipAmountContainer { margin-bottom: 1rem; margin-top: 0.75rem; font-family: var(--fontFamiliesBody); font-size: 0.875rem; font-weight: 600; line-height: var(--lineHeightsRg); color: var(--colorBaseOffBlack500); display: flex; width: 100%; justify-content: space-between; --tw-leading: --lineHeightsRg; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.currency { display: none; }
.currency { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeXxl); font-weight: 400; line-height: var(--lineHeightsLg); color: var(--colorBaseAlpha900); position: absolute; }
.checkoutHeader .brandLogoContainer { flex: 1 1 0%; }
.cartIcon { border-color: var(--colorBaseAlpha950); padding: 0.75rem; display: flex; cursor: pointer; align-items: center; justify-content: center; border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 1px; }
.orderCount { gap: 0.125rem; border-color: var(--colorPrimary600); background-color: var(--colorPrimary600); padding: 0.75rem 1rem; font-family: var(--fontFamiliesBody); font-size: 1rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); --tw-leading: 22px; line-height: 22px; }
@media (min-width: 1024px) {
  .orderCount { height: 3rem; min-width: 68px; }
}
.OrderDetailContainer { gap: 2rem; display: flex; flex-direction: column; }
.orderOpenTime { padding-top: 1rem; display: flex; flex-direction: row; align-items: center; }
@media (min-width: 1024px) {
  .orderOpenTime { padding-top: 0.5rem; }
}
.deliveryInstructionNotes { padding-top: 1rem; font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; font-weight: 400; }
@media (min-width: 1024px) {
  .deliveryInstructionNotes { padding-top: 1.5rem; }
}
.giftCardHdng { margin-bottom: 0px; margin-top: 2rem; }
.checkoutLoader { left: 50%; --tw-translate-x: -50%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); position: fixed; top: 50%; }
.paymentOptionDesc { padding-left: 3.5rem; font-size: 0.75rem; line-height: 1rem; font-weight: 400; color: var(--colorForegroundContentEnabled); display: flex; align-self: flex-start; }
.checkoutPageWrapper + .authFooter::after { --tw-content: none; content: var(--tw-content); }
.cardDisabled { cursor: not-allowed; }
.errorLocationOutlet { padding: 0.75rem 0px; }
.errorLocationWrapper { padding-left: 0px; padding-right: 0px; padding-top: 0px; }
@media (min-width: 1024px) {
  .errorLocationWrapper { padding: 2rem 0px; }
}
.btnContainer { gap: 0.5rem; padding-top: 2rem; flex-direction: column; }
.actionItemContainer, .btnContainer { display: flex; justify-content: center; }
.actionItemContainer { margin-top: 1.5rem; gap: 0.25rem; align-items: center; }
.actionItemContainer .actionLink { font-weight: 700; font-size: 16px; }
.optionalInputContainer { margin-left: auto; margin-right: auto; margin-top: 1.25rem; border-radius: var(--borderRadiusRounded); border-width: var(--borderWidthHairline); border-color: var(--colorFormFieldsBorderEnabled); padding: 1.25rem; margin-inline: auto; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .optionalInputContainer { width: 100%; }
}
.orderCatering { margin-top: 0px; margin-right: 0.375rem; gap: 0.25rem; display: flex; align-items: center; justify-content: center; }
.orderCatering .actionLink { text-decoration-line: underline; }
.optionalInput { border-color: var(--colorFormFieldsBorderEnabled); padding-bottom: 0.5rem; font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsMd); outline: transparent none 2px; outline-offset: 2px; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; background-color: transparent; --tw-outline-style: none; }
.optionalInput, .optionalInputLabel { font-family: var(--fontFamiliesBody); color: var(--colorFormFieldsForegroundEnabled); }
.optionalInputLabel { padding-top: 0.5rem; font-size: var(--fontSizeFontSizeXs); line-height: var(--lineHeightsXs); display: flex; justify-content: space-between; text-align: left; }
.optionalInputLabel.invalid { color: var(--colorFormFieldsForegroundError); }
.enableLocationButton { margin-left: auto; margin-right: auto; gap: 0.5rem; border-radius: var(--borderRadiusPill); padding-left: 1rem; padding-right: 1rem; font-family: var(--fontFamiliesPrimary); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsRg); color: var(--fontSizeFontSizeRg); margin-inline: auto; display: flex; width: 100%; --tw-leading: --lineHeightsRg; }
@media (min-width: 1024px) {
  .enableLocationButton { width: 335px; }
}
.enableLocationButton, .enableLocationButton[type="button"] { background-color: var(--colorButtonHeaderStandardInverseBackgroundEnabled); color: var(--colorButtonPrimaryForegroundEnabled); }
.enableLocationButton:hover, .enableLocationButton[type="button"]:hover { background-color: var(--colorButtonHeaderStandardInverseBackgroundPressed); }
.outletWrapper .outletRightContainer .enterAddressBtn .enableLocationButton { background-color: var(--colorBaseRed550); font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; color: var(--colorBaseAlpha50); text-transform: uppercase; }
.outletWrapper .outletRightContainer .errorLocationOutlet.addressLookCorrectContainer .btnContainer .enableLocationButton { background-color: var(--colorBaseRed550); font-family: BrooklynSamuelsThreeBold; font-weight: 700; color: var(--colorBaseAlpha50); width: 100%; font-size: 19px; text-transform: uppercase; }
.enableLocationButton { height: 3rem; padding-left: 2rem; padding-right: 2rem; align-items: center; justify-content: center; text-align: center; text-transform: capitalize; }
@media (min-width: 1024px) {
  .enableLocationButton { width: 20rem; }
}
.enableLocationButtonWrapper.\!location, .enableLocationButtonWrapper.location { padding-top: 0.5rem; }
.enableLocationButtonWrapper.location button { margin-left: auto; margin-right: auto; height: 3rem; gap: 0.5rem; border-radius: var(--borderRadiusPill); padding-left: 1rem; padding-right: 1rem; font-family: var(--fontFamiliesPrimary); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsRg); color: var(--fontSizeFontSizeRg); margin-inline: auto; display: flex; width: 100%; align-items: center; justify-content: center; text-align: center; --tw-leading: --lineHeightsRg; text-transform: capitalize; }
@media (min-width: 1024px) {
  .enableLocationButtonWrapper.location button { width: 335px; }
}
.enableLocationButtonWrapper.location button { border-width: var(--borderWidthHairline); border-color: var(--colorButtonSecondaryBorderEnabled); background-color: var(--colorBackgroundNeutralBase); color: var(--colorButtonSecondaryForegroundEnabled); }
.enableLocationButtonWrapper.location button:hover { border-color: var(--colorButtonSecondaryBorderPressed); background-color: var(--colorButtonSecondaryBackgroundPressed); }
.outletWrapper .outletRightContainer .errorLocationOutlet.addressLookCorrectContainer .btnContainer .enableLocationButtonWrapper.location button { border-color: var(--colorBaseRed550); background-color: var(--colorBaseAlpha50); font-family: BrooklynSamuelsThreeBold; font-weight: 700; color: var(--colorBaseRed550); font-size: 19px; text-transform: uppercase; }
.outletWrapper .outletRightContainer .outletRightBottom .locationShareFailedBtn .enableLocationButtonWrapper.location button { border-color: var(--colorBaseRed550); background-color: var(--colorBaseAlpha50); font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; color: var(--colorBaseRed550); text-transform: uppercase; }
.enableLocationButtonWrapper.\!location button { margin-left: auto; margin-right: auto; height: 3rem; gap: 0.5rem; border-radius: var(--borderRadiusPill); padding-left: 1rem; padding-right: 1rem; font-family: var(--fontFamiliesPrimary); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsRg); color: var(--fontSizeFontSizeRg); margin-inline: auto; display: flex; width: 100%; align-items: center; justify-content: center; text-align: center; --tw-leading: --lineHeightsRg; text-transform: capitalize; }
@media (min-width: 1024px) {
  .enableLocationButtonWrapper.\!location button { width: 335px; }
}
.enableLocationButtonWrapper.\!location button { border-width: var(--borderWidthHairline); border-color: var(--colorButtonSecondaryBorderEnabled); background-color: var(--colorBackgroundNeutralBase); color: var(--colorButtonSecondaryForegroundEnabled); }
.enableLocationButtonWrapper.\!location button:hover { border-color: var(--colorButtonSecondaryBorderPressed); background-color: var(--colorButtonSecondaryBackgroundPressed); }
.outletWrapper .outletRightContainer .errorLocationOutlet.addressLookCorrectContainer .btnContainer .enableLocationButtonWrapper.\!location button { border-color: var(--colorBaseRed550); background-color: var(--colorBaseAlpha50); font-family: BrooklynSamuelsThreeBold; font-weight: 700; color: var(--colorBaseRed550); font-size: 19px; text-transform: uppercase; }
.outletWrapper .outletRightContainer .outletRightBottom .locationShareFailedBtn .enableLocationButtonWrapper.\!location button { border-color: var(--colorBaseRed550); background-color: var(--colorBaseAlpha50); font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; color: var(--colorBaseRed550); text-transform: uppercase; }
.enableLocationButtonWrapper { padding-top: 1.25rem; display: flex; width: 100%; justify-content: center; }
.enableLocationButtonWrapper button { margin-left: auto; margin-right: auto; height: 3rem; gap: 0.5rem; border-radius: var(--borderRadiusPill); padding-left: 1rem; padding-right: 1rem; font-family: var(--fontFamiliesPrimary); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsRg); color: var(--fontSizeFontSizeRg); margin-inline: auto; display: flex; width: 100%; align-items: center; justify-content: center; text-align: center; --tw-leading: --lineHeightsRg; text-transform: capitalize; }
@media (min-width: 1024px) {
  .enableLocationButtonWrapper button { width: 335px; }
}
.enableLocationButtonWrapper button, .enableLocationButtonWrapper button[type="button"] { background-color: var(--colorButtonHeaderStandardInverseBackgroundEnabled); color: var(--colorButtonPrimaryForegroundEnabled); }
.enableLocationButtonWrapper button:hover, .enableLocationButtonWrapper button[type="button"]:hover { background-color: var(--colorButtonHeaderStandardInverseBackgroundPressed); }
.outletWrapper .outletRightContainer .enterAddressBtn .enableLocationButtonWrapper button { background-color: var(--colorBaseRed550); font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; color: var(--colorBaseAlpha50); text-transform: uppercase; }
.outletWrapper .outletRightContainer .errorLocationOutlet.addressLookCorrectContainer .btnContainer .enableLocationButtonWrapper button { background-color: var(--colorBaseRed550); font-family: BrooklynSamuelsThreeBold; font-weight: 700; color: var(--colorBaseAlpha50); width: 100%; font-size: 19px; text-transform: uppercase; }
.locationNoAreaContainer { padding-top: 3.5rem; }
.locationNoAreaContainer .errorTitle { padding-left: 5rem; padding-right: 5rem; }
.locationNoAreaContainer .errorDesc { padding-left: 2.5rem; padding-right: 2.5rem; }
.guestRecentErrorWrapper { padding: 2rem 0.75rem; display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: center; }
.signUpToViewRecentTextWrapper { padding-top: 1.25rem; font-size: var(--fontSizeFontSizeLg); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); }
.recentsSignUpButton, .signUpToViewRecentTextWrapper { font-family: var(--fontFamiliesPrimary); text-align: center; }
.recentsSignUpButton { height: 3rem; background-color: var(--colorButtonHeaderStandardInverseBackgroundEnabled); padding-left: 2rem; padding-right: 2rem; font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsRg); color: var(--colorButtonPrimaryForegroundEnabled); align-items: center; justify-content: center; border-radius: calc(infinity * 1px); --tw-leading: --lineHeightsRg; text-transform: capitalize; }
.recentsSignUpButton:hover { background-color: var(--colorButtonHeaderStandardInverseBackgroundPressed); }
.recentsSignUpButtonWrapper { padding-top: 1.25rem; display: flex; justify-content: center; }
.locationErrorDesc { margin-left: auto; margin-right: auto; padding-top: 1rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsMd); color: var(--colorBaseOffBlack500); margin-inline: auto; text-align: center; text-transform: none; }
.modifierWrapper { margin-left: 0px; margin-right: 0px; min-height: 96px; border-color: var(--colorBaseAlpha400); position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; border-top-style: var(--tw-border-style); border-top-width: 1px; }
.modifierWrapper .unavailable { margin-bottom: 0.25rem; width: 90px; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); padding: 0.125rem 0.375rem; font-family: var(--fontFamiliesBody); font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; color: var(--colorBaseAlpha600); text-align: center; }
.modifierWrapper img { max-height: 40px; max-width: 40px; object-fit: cover; }
.modifierWrapper.pdpSuggestedSell { margin-left: 1.25rem; margin-right: 1.25rem; }
.modifierItemName { font-family: var(--fontFamiliesBody); font-size: 1rem; font-weight: 600; line-height: 21.82px; color: var(--colorBaseOffBlack500); }
.unavailableItem .favoritesDishName, .unavailableItem .modifierDishPrice, .unavailableItem img { opacity: 0.4; }
.unavailableItem { cursor: no-drop; }
.thumbIcon { width: 2.5rem; }
.favoritesDishName { font-family: var(--fontFamiliesBody); font-size: 1rem; font-weight: 600; line-height: 21.82px; color: var(--colorBaseOffBlack500); }
.dots { margin-left: 0.5rem; margin-right: 0.5rem; height: 2px; width: 2px; border-radius: 100px; border-color: var(--colorBaseAlpha600); background-color: var(--colorBaseAlpha600); border-width: 1px; --tw-border-style: solid; border-style: solid; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.checkboxContainer { display: none; }
.checkboxContainer { inset: 0px; user-select: none; position: absolute; display: block; cursor: pointer; }
.checkboxContainer input:focus-visible + .checkMark { outline-style: solid; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.checkboxContainer input { display: none; }
.checkboxContainer input { height: 0px; width: 0px; position: absolute; opacity: 0; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.checkboxContainer .checkCircle { display: none; }
.checkboxContainer .checkCircle { right: 0px; top: 50%; height: 24px; width: 24px; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: 50%; border-color: var(--colorBaseAlpha900); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); position: absolute; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.checkboxContainer input:disabled ~ .checkCircle { cursor: no-drop; }
.checkboxContainer input:checked ~ .checkCircle { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.checkboxContainer .checkCircle::after { display: none; }
.checkboxContainer .checkCircle::after { left: 5px; top: 5px; height: 0.75rem; width: 0.75rem; border-radius: 50%; --tw-bg-opacity: 1; background-color: rgb(0 0 0/var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); position: absolute; display: none; }
.checkboxContainer input:checked ~ .checkCircle::after { display: block; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.checkboxContainer .checkMark { display: none; }
.checkboxContainer .checkMark { right: 0px; top: 35px; height: 25px; width: 25px; border-radius: 0.25rem; border-color: var(--colorBaseAlpha900); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); position: absolute; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.checkboxContainer input:disabled ~ .checkMark { cursor: no-drop; }
.checkboxContainer input:checked ~ .checkMark { background-color: var(--colorBaseAlpha900); }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.checkboxContainer .checkMark::after { display: none; }
.checkboxContainer .checkMark::after { left: 8.5px; top: 4.5px; height: 12px; width: 7px; --tw-rotate: 45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: 2px; --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-content: ""; content: var(--tw-content); position: absolute; display: none; border-width: 0px 3px 3px 0px; --tw-border-style: solid; border-style: solid; }
.checkboxContainer input:checked ~ .checkMark::after { display: block; }
.justMoeMentContainer, .justMoeMentContainerFull { background-color: var(--colorBaseLightBeige500); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.justMoeMentContainer img, .justMoeMentContainerFull img { height: 8rem; width: 16rem; }
.pageLoaderSVG svg { margin-left: auto; margin-right: auto; margin-inline: auto; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.pageLoaderSVG { display: none; }
.pageLoaderSVG { position: absolute; }
@media (min-width: 1024px) {
  .pageLoaderSVG { left: 45%; }
}
.dottedLoader { aspect-ratio: 8 / 1; width: 6rem; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: calc(25%) 100%; animation: 1s linear 0s infinite normal none running l7; }
@keyframes l7 { 
  25% { background-size: calc(25%) 0px, calc(25%) 100%, calc(25%) 100%, calc(25%) 100%; }
  50% { background-size: calc(25%) 100%, calc(25%) 0px, calc(25%) 100%, calc(25%) 100%; }
  75% { background-size: calc(25%) 100%, calc(25%) 100%, calc(25%) 0px, calc(25%) 100%; }
  100% { background-size: calc(25%) 100%, calc(25%) 100%, calc(25%) 100%, calc(25%) 0px; }
}
.warningImg { margin: 1.5rem auto auto; }
.svgCenterAlign svg { margin: auto; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.warningClose { display: none; }
.warningClose { right: 1rem; top: 1rem; }
.warningClose > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; }
.warningClose { position: absolute; display: flex; text-align: right; }
.warningPopupHeading { padding-top: 1.5rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); text-align: center; }
.warningPopupDescription { padding-top: 1rem; --tw-text-opacity: 1; color: rgb(82 82 82/var(--tw-text-opacity)); text-align: center; }
.warningPopupDescription, .warningPopupDetails { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.warningPopupDetails { margin-top: 1rem; min-height: 100px; border-radius: 0.5rem; --tw-border-opacity: 1; border-color: rgb(162 162 162/var(--tw-border-opacity)); padding: 0.75rem; --tw-text-opacity: 1; color: rgb(0 0 0/var(--tw-text-opacity)); display: flex; flex-direction: column; align-items: flex-start; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.warningPopupDetails .warningLocationName { font-weight: 700; }
.warningPopupDetails .warningLocationAddress { display: flex; width: 100%; justify-content: space-between; }
.warningPopupSchedulebtn { border-radius: 1000px; border-color: rgb(213 65 7/var(--tw-border-opacity)); background-color: rgb(213 65 7/var(--tw-bg-opacity)); color: rgb(255 255 255/var(--tw-text-opacity)); border-width: 1px; border-style: solid; }
.warningPopupSchedulebtn, .warningPopuplaterbtn { --tw-border-opacity: 1; --tw-bg-opacity: 1; padding: 0.75rem 1rem; font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; width: 100%; --tw-border-style: solid; text-align: center; }
.warningPopuplaterbtn { margin-bottom: 1rem; margin-top: 0.5rem; border-radius: 1000px; border-color: rgb(0 0 0/var(--tw-border-opacity)); background-color: rgb(255 255 255/var(--tw-bg-opacity)); color: rgb(0 0 0/var(--tw-text-opacity)); border-width: 1px; border-style: solid; }
.errorLocationOutlet { padding-top: 0.75rem; padding-bottom: 0.75rem; display: flex; flex-direction: column; }
.errorLocationWrapper { padding-top: 2rem; padding-bottom: 2rem; }
@media (min-width: 1024px) {
  .errorLocationWrapper { padding-left: 2.25rem; padding-right: 2.25rem; }
}
.locationHeaderDesktop { margin-bottom: 1.5rem; margin-top: 3rem; display: none; flex-direction: row; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .locationHeaderDesktop { display: flex; }
}
.storeAddrsDetails { margin-top: 2rem; border-radius: 0.5rem; border-color: var(--colorBaseAlpha400); padding: 1rem; font-family: var(--fontFamiliesBody); display: flex; flex-direction: column; border-style: var(--tw-border-style); border-width: 1px; }
.storeSearchTitleText { padding-top: 1.5rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); text-align: center; }
.warningIconPos { margin-left: auto; margin-right: auto; margin-top: 1.5rem; height: 2rem; width: 2rem; margin-inline: auto; display: flex; text-align: center; }
.btnsWrapper { gap: 0.5rem; padding-top: 1.25rem; display: flex; flex-direction: column; justify-content: center; }
.changePickupButton, .pickupHereButton { margin-left: auto; margin-right: auto; height: 3rem; gap: 0.5rem; border-radius: var(--borderRadiusPill); padding-left: 1rem; padding-right: 1rem; font-family: var(--fontFamiliesPrimary); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsRg); color: var(--fontSizeFontSizeRg); margin-inline: auto; display: flex; width: 100%; align-items: center; justify-content: center; text-align: center; --tw-leading: --lineHeightsRg; text-transform: capitalize; }
@media (min-width: 1024px) {
  .changePickupButton, .pickupHereButton { width: 335px; }
}
.changePickupButton, .changePickupButton[type="button"], .pickupHereButton, .pickupHereButton[type="button"] { background-color: var(--colorButtonHeaderStandardInverseBackgroundEnabled); color: var(--colorButtonPrimaryForegroundEnabled); }
.changePickupButton:hover, .changePickupButton[type="button"]:hover, .pickupHereButton:hover, .pickupHereButton[type="button"]:hover { background-color: var(--colorButtonHeaderStandardInverseBackgroundPressed); }
.outletWrapper .outletRightContainer .enterAddressBtn .changePickupButton, .outletWrapper .outletRightContainer .enterAddressBtn .pickupHereButton { background-color: var(--colorBaseRed550); font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; color: var(--colorBaseAlpha50); text-transform: uppercase; }
.outletWrapper .outletRightContainer .errorLocationOutlet.addressLookCorrectContainer .btnContainer .changePickupButton, .outletWrapper .outletRightContainer .errorLocationOutlet.addressLookCorrectContainer .btnContainer .pickupHereButton { background-color: var(--colorBaseRed550); font-family: BrooklynSamuelsThreeBold; font-weight: 700; color: var(--colorBaseAlpha50); width: 100%; font-size: 19px; text-transform: uppercase; }
.changePickupButton, .pickupHereButton { margin-bottom: 0.5rem; margin-top: 1.5rem; }
.restaurantSeeMoreBtn { background-image: none; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsRg); color: var(--colorBaseOffBlack500); --tw-border-style: none; border-style: none; --tw-leading: --lineHeightsRg; }
@media (hover: hover) {
  .restaurantSeeMoreBtn:hover { background-color: transparent; }
}
.restaurantSeeMoreBtn:hover { background-color: transparent; }
.orderHeaderBannerInitial { background-color: var(--colorBaseLightBeige500); position: relative; z-index: 0; display: flex; height: 420px; justify-content: center; text-align: center; }
.orderHeaderBannerInitial::after { position: absolute; height: 420px; width: 100%; background-image: url("../scraped_assets/images/textures-mobile.f874b422.png"); background-size: cover; background-repeat: no-repeat; }
@media (min-width: 1024px) {
  .orderHeaderBannerInitial { height: 15rem; width: 100%; flex-direction: row; padding-bottom: 0px; }
  .orderHeaderBannerInitial::after { height: 15rem; content: var(--tw-content); background-image: url("../scraped_assets/images/textures.4bead631.png"); }
}
.orderHeaderBannerInitial .bannerSubtext { font-size: var(--fontSizeFontSizeSm); color: var(--colorForegroundContentEnabled); }
@media (min-width: 1024px) {
  .orderHeaderBannerInitial .bannerSubtext { font-size: var(--fontSizeFontSizeRg); }
}
.orderHeaderBannerInitial .bannerSubtext .bannerSubtextContent { font-size: var(--fontSizeFontSizeSm); color: var(--colorForegroundContentEnabled); }
@media (min-width: 1024px) {
  .orderHeaderBannerInitial .bannerSubtext .bannerSubtextContent { font-size: var(--fontSizeFontSizeRg); }
}
.bannerDoubleTextOne { font-family: var(--fontFamiliesPrimary); font-size: 3.75rem; font-weight: var(--fontWeightsRegular); line-height: 56px; color: var(--colorBaseAlpha950); text-transform: uppercase; }
@media (min-width: 1024px) {
  .bannerDoubleTextOne { line-height: var(--lineHeightsLg); }
}
.noteBadge { margin-bottom: 1rem; border-radius: 0.25rem; background-color: var(--colorTertiary600); padding: 0.125rem 0.375rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsRg); color: var(--colorForegroundContentEnabled); display: inline-block; --tw-leading: --lineHeightsRg; }
.bannerTextSecond { width: 210px; }
@media (min-width: 768px) {
  .bannerTextSecond { width: auto; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.bannerDoubleTextTwo { display: none; }
.bannerDoubleTextTwo { left: 0px; top: 0px; font-family: var(--fontWeightsBaseLineShade); font-size: 3.75rem; font-weight: var(--fontWeightsRegular); line-height: 56px; color: var(--colorBackgroundBrandSecondary); position: absolute; text-transform: uppercase; }
@media (min-width: 1024px) {
  .bannerDoubleTextTwo { line-height: var(--lineHeightsLg); }
}
.bannerDoubleText { margin-left: 1.5rem; margin-right: 1.5rem; }
.bannerSubtextContent { padding-top: 3rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); }
@media (min-width: 1024px) {
  .bannerSubtextContent { padding-top: 0px; }
}
.weGottext { padding-bottom: 1rem; padding-top: 79px; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeXxl); line-height: var(--lineHeightsLg); text-align: center; }
@media (min-width: 1024px) {
  .weGottext { padding-top: 2rem; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.orderContentWrapper { display: none; }
.orderContentWrapper { left: 0px; right: 0px; top: 0px; position: absolute; z-index: 10; }
@media (min-width: 640px) {
  .orderHeaderWrapper { max-width: 640px; }
}
@media (min-width: 768px) {
  .orderHeaderWrapper { max-width: 768px; }
}
@media (min-width: 1024px) {
  .orderHeaderWrapper { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .orderHeaderWrapper { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .orderHeaderWrapper { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .orderHeaderWrapper { max-width: 1536px; }
}
.site-map .orderHeaderWrapper { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .orderHeaderWrapper { flex-direction: row; }
}
.site-map .orderHeaderWrapper .leftColumn .level-1, .site-map .orderHeaderWrapper .leftColumn .level-2, .site-map .orderHeaderWrapper .leftColumn .level-3, .site-map .orderHeaderWrapper .rightColumn .level-1, .site-map .orderHeaderWrapper .rightColumn .level-2, .site-map .orderHeaderWrapper .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .orderHeaderWrapper .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .orderHeaderWrapper .level-2, .site-map .orderHeaderWrapper .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .orderHeaderWrapper .rightColumn { background-color: transparent; }
.site-map .orderHeaderWrapper .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .orderHeaderWrapper .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .orderHeaderWrapper .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .orderHeaderWrapper .camelCaseClass { text-transform: capitalize; }
.site-map .orderHeaderWrapper .lowerCaseClass { text-transform: lowercase; }
.site-map .orderHeaderWrapper h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.orderHeaderWrapper { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .orderHeaderWrapper { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .orderHeaderWrapper { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .orderHeaderWrapper .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .orderHeaderWrapper .leftColumn { width: 50%; }
}
.site-map .orderHeaderWrapper .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .orderHeaderWrapper .leftColumn .level-1 { padding: 0px; }
.site-map .orderHeaderWrapper .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .orderHeaderWrapper .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .orderHeaderWrapper .rightColumn { width: 50%; }
}
.site-map .orderHeaderWrapper .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .orderHeaderWrapper .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .orderHeaderWrapper .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .orderHeaderWrapper .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .orderHeaderWrapper .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.orderHeaderWrapper { margin-left: auto; margin-right: auto; margin-top: 2.5rem; background-color: var(--colorBackgroundNeutralBase); }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .orderHeaderWrapper { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .orderHeaderWrapper { max-width: 1440px; }
}
.orderHeaderWrapper { position: relative; width: 100%; margin-inline: auto; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .orderHeaderWrapper { margin-top: 4rem; flex-direction: row; padding-left: 72px; padding-right: 72px; }
}
.orderHeaderWrapper .orderConfirmRewardsBanner { margin-top: 2rem; margin-bottom: 2rem; }
@media (min-width: 1024px) {
  .orderHeaderWrapper .orderConfirmRewardsBanner { margin-top: 4rem; margin-bottom: 4rem; }
}
.orderConfirmleftSection { padding-left: 1.25rem; padding-right: 1.25rem; color: var(--colorButtonSecondaryForegroundEnabled); }
@media (min-width: 1024px) {
  .orderConfirmleftSection { margin-right: 90px; flex-basis: 55%; padding-left: 0px; padding-right: 0px; }
}
@media (min-width: 1280px) {
  .orderConfirmleftSection { margin-right: 134px; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.orderConfirmleftSection .feedbackSurvey { display: none; }
.orderConfirmleftSection .feedbackSurvey { bottom: 0px; left: 0px; margin-bottom: 2rem; position: absolute; width: 100%; }
@media (min-width: 1024px) {
  .orderConfirmleftSection .feedbackSurvey { position: relative; margin-bottom: 4rem; }
}
.orderConfirmleftSection .feedbackSurvey .takeOurBtn { color: var(--colorButtonTertiaryForegroundEnabled); }
.orderConfirmrightSection { padding-bottom: 3rem; padding-top: 0px; }
@media (min-width: 1024px) {
  .orderConfirmrightSection { flex-basis: 45%; }
}
.orderConfirmrightSection .accordionHeader svg { height: 1.5rem; width: 1.5rem; }
.orderConfirmrightSection .accordionHeader { --tw-bg-opacity: 1; background-color: rgb(221 220 216/var(--tw-bg-opacity)); }
.orderConfirmrightSection .totalContent { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
.orderConfirmrightSection .totalContent .cardInner { margin-right: 0.75rem; }
.pickupTimingContainer { gap: 1.5rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .pickupTimingContainer { gap: 2rem; }
}
.pickupTimingContainer .pickupTime .pickupLocationHead, .pickupTimingContainer .pickuplocation .pickupLocationHead { padding-top: 0px; }
.pickupTimingContainer .Details { margin-top: 0px; }
.pickupTimingContainer .Details .getDirection { margin-bottom: 1rem; }
@media (min-width: 1024px) {
  .pickupTimingContainer .Details .getDirection { margin-bottom: 0px; }
}
.pickupTimingContainer .getDirectionsBtn { height: 3rem; }
.Details { margin-top: 2rem; display: grid; grid-template-columns: repeat(1, minmax(0px, 1fr)); }
@media (min-width: 1024px) {
  .Details { grid-template-columns: repeat(2, minmax(0px, 1fr)); padding-right: 3rem; }
  .Details .getDirection { padding-right: 1.5rem; }
}
.Details .getDirectionsBtn { padding-top: 14px; padding-bottom: 14px; font-size: var(--fontSizeFontSizeRg); color: var(--colorButtonSecondaryForegroundEnabled); align-items: center; justify-content: center; }
.orderConfirmation { background-color: var(--colorBackgroundNeutralBase); }
.orderConfirmation .getDirectionsBtn { margin-bottom: 0px; padding-top: 13px; padding-bottom: 13px; font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); display: flex; justify-content: center; }
@media (min-width: 1280px) {
  .orderConfirmation .getDirectionsBtn { padding-left: 61.5px; padding-right: 61.5px; }
}
.pickUpresHead { padding-bottom: 1rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); line-height: var(--lineHeightsSm); }
@media (min-width: 1024px) {
  .pickUpresHead { font-size: var(--fontSizeFontSizeLg); line-height: var(--lineHeightsMd); }
}
.pickUpresDesc { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); }
.pickupLocationHead { padding-bottom: 1rem; padding-top: 2rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); line-height: var(--lineHeightsSm); }
@media (min-width: 1024px) {
  .pickupTime { margin-top: 0.75rem; }
}
.pickupTime .pickupLocationHead { padding-top: 1rem; }
.pickupTime:empty { display: none; }
.pickupLocationSubhead { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsMd); }
.pickupLocationDesc { padding-left: 1rem; font-size: var(--fontSizeFontSizeSm); line-height: 19px; color: var(--colorForegroundContentEnabled); position: relative; }
.pickupLocationDesc::after { position: absolute; left: 0px; top: 5px; height: 0.5rem; width: 0.5rem; border-radius: var(--borderRadiusPill); background-color: var(--color-status-positive-base); --tw-content: ""; content: var(--tw-content); }
.pickupLocationdescTwo { padding-left: 18px; font-size: var(--fontSizeFontSizeSm); line-height: 19px; color: var(--colorForegroundContentEnabled); position: relative; }
.pickupLocationdescTwo::after { position: absolute; left: 0.5rem; top: 0.5rem; height: 2px; width: 2px; border-radius: var(--borderRadiusPill); --tw-bg-opacity: 1; background-color: rgb(109 109 109/var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); }
.accordionHeadContent { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); }
@media (min-width: 1024px) {
  .accordionHeadContent { font-size: var(--fontSizeFontSizeMd); }
}
.instruHead { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); line-height: var(--lineHeightsRg); color: var(--colorBaseAlpha600); --tw-leading: --lineHeightsRg; }
@media (min-width: 1024px) {
  .instruHead { padding-bottom: 0.5rem; font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); }
}
.instruContent { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); }
.accordionHeader { border-color: var(--colorBaseAlpha400); --tw-border-opacity: 0.25; background-color: var(--colorBackgroundNeutralDim); padding: 1.75rem 1.25rem; display: flex; cursor: pointer; justify-content: space-between; border-top-style: var(--tw-border-style); border-top-width: 1px; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; text-transform: capitalize; }
.bannerSubtext { font-weight: var(--fontWeightsBold); }
.bannerSubtext, .pickTime { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); }
.pickTime { color: var(--colorForegroundContentEnabled); }
.orderDetail { padding: 2rem 1.25rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); }
.dishContainer { border-color: var(--colorBaseAlpha400); padding-bottom: 1.75rem; padding-top: 1.75rem; display: flex; justify-content: space-between; border-bottom-width: 1px; }
.dishContainer:last-child { border-style: none; }
.dishContainer .dishName { color: var(--colorForegroundContentEnabled); }
.dishName { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsMd); text-align: left; }
.dishContent { font-size: var(--fontSizeFontSizeSm); line-height: var(--lineHeightsRg); color: var(--colorBaseAlpha600); display: block; --tw-leading: --lineHeightsRg; }
.payDetail { padding-left: 1.25rem; padding-right: 1.25rem; font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); font-family: var(--fontFamiliesBody); }
.payDetail .multiPaymentWrapper { padding-top: 0.5rem; border-top-style: var(--tw-border-style); border-top-width: 1px; }
.payDetail .\!price, .payDetail .price { font-weight: var(--typographyBodyPrimaryBoldFontWeight); line-height: var(--typographyBodyPrimaryBoldLineHeight); color: var(--colorForegroundContentSubtlePressed); align-items: center; }
.payDetail .totalContent .rightSide { width: 100%; justify-content: flex-end; }
.payDetail .totalContent .rightSide .\!card, .payDetail .totalContent .rightSide .card { display: flex; width: 100%; justify-content: flex-start; }
.payDetail .totalContent.multiPayment .subtotaltext { min-width: 5rem; }
.subTotal, .subTotalContent, .totalContent { padding-bottom: 0.5rem; display: flex; justify-content: space-between; }
.subTotal { padding-bottom: 1.25rem; padding-top: 2rem; }
.endText { padding-left: 7px; font-size: 0.75rem; line-height: var(--lineHeightsSm); color: var(--colorBaseAlpha600); }
.orderConfirmRewardsBanner { margin-top: 2rem; margin-bottom: 2rem; height: 272px; position: relative; z-index: 0; display: flex; justify-content: center; text-align: center; }
.orderConfirmRewardsBanner::after { position: absolute; height: 272px; width: 100%; background-image: url("../scraped_assets/images/rewards.17e7a2d4.png"); background-repeat: no-repeat; }
@media (min-width: 768px) {
  .orderConfirmRewardsBanner::after { content: var(--tw-content); width: 636px; }
}
@media (min-width: 1024px) {
  .orderConfirmRewardsBanner { width: 100%; flex-direction: row; justify-content: space-between; padding-bottom: 0px; }
  .orderConfirmRewardsBanner::before { content: var(--tw-content); border-style: none; }
  .orderConfirmRewardsBanner::after { width: 100%; content: var(--tw-content); background-size: cover; }
}
.topText { padding-bottom: 1rem; padding-top: 34px; font-size: var(--fontSizeFontSizeMd); line-height: var(--lineHeightsSm); text-align: center; }
.headTextNo, .topText { font-family: var(--fontFamiliesPrimary); }
.headTextNo { padding-left: 30px; font-size: 80px; line-height: var(--lineHeightsLg); }
.orderSignupBtn { margin-bottom: 1rem; margin-top: 1.75rem; height: 3rem; border-radius: var(--borderRadiusPill); background-color: var(--colorBaseOffBlack500); font-size: var(--fontSizeFontSizeRg); color: var(--colorBaseAlpha50); width: 100%; text-transform: uppercase; }
.orderSignupBtn, .scheduleBannerText { font-family: var(--fontFamiliesPrimary); }
.scheduleBannerText { padding-top: 0.25rem; font-size: var(--fontSizeFontSizeMd); line-height: var(--lineHeightsSm); color: var(--colorForegroundContentEnabled); }
.headSmallText { bottom: -1.25rem; right: 0px; margin-right: 10px; font-family: var(--fontFamiliesBody); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsMd); position: relative; }
.headSmallText, .takeOurBtn { font-size: var(--fontSizeFontSizeRg); }
.takeOurBtn { margin-left: auto; margin-right: auto; border-radius: var(--borderRadiusPill); border-color: var(--colorBaseOffBlack500); padding: 0.75rem 43px; margin-inline: auto; display: flex; width: auto; border-style: var(--tw-border-style); border-width: 1px; text-transform: uppercase; }
.bannerBelowText, .takeOurBtn { font-family: var(--fontFamiliesPrimary); }
.bannerBelowText { padding-bottom: 1rem; font-size: var(--fontSizeFontSizeMd); line-height: var(--lineHeightsSm); color: var(--colorButtonTertiaryForegroundEnabled); text-align: center; }
.cardInner { height: 1.5rem; width: 139px; border-radius: 0.125rem; border-color: var(--colorForegroundBorderBrighter); background-color: var(--colorBaseAlpha50); padding-top: 3px; padding-bottom: 3px; padding-right: 7px; display: flex; align-items: center; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.cardInner .paymentCardImg { background-image: none; border-style: var(--tw-border-style); border-width: 0px; }
.paymentCardImg { height: 22px; width: 2.5rem; border-color: var(--colorBaseAlpha300); background-color: var(--colorBaseAlpha100); display: flex; align-items: center; justify-content: center; border-style: var(--tw-border-style); border-width: 1px; }
.paymentCardImg svg { margin: auto; max-height: 0.75rem; max-width: 22px; }
.paymentModeCard .\!price, .paymentModeCard .price, .paymentText { color: var(--colorBaseAlpha600); }
.totalContent { gap: 0.75rem; border-top-width: 1px; border-color: var(--colorBaseAlpha300); padding-bottom: 1.5rem; padding-top: 1.25rem; color: var(--colorForegroundContentEnabled); align-items: center; }
.totalContent .subtotaltext { font-weight: var(--typographyBodyPrimaryBoldFontWeight); }
.totalContent.multiPayment { padding-bottom: 0.5rem; padding-top: 0px; --tw-border-style: none; border-style: none; }
.totalContent.multiPayment .\!price, .totalContent.multiPayment .price, .totalContent.multiPayment .subtotaltext { font-weight: 400; }
.orderHeaderWrapper .accDetail { margin-bottom: 0px; }
.yourOrderAccount { padding-bottom: 1.25rem; padding-left: 1.25rem; padding-top: 2rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); line-height: var(--lineHeightsSm); }
.orderHeaderBannerInitial.submitted { height: 440px; overflow-x: hidden; }
.orderHeaderBannerInitial.submitted::after { content: var(--tw-content); height: 440px; }
@media (min-width: 1024px) {
  .orderHeaderBannerInitial.submitted { height: 331px; }
  .orderHeaderBannerInitial.submitted::after { content: var(--tw-content); height: 331px; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.leftImageTrippleArrow { display: none; }
.leftImageTrippleArrow { left: -6px; top: 0.375rem; --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); position: absolute; z-index: 10; }
@media (min-width: 1024px) {
  .leftImageTrippleArrow { left: 88px; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.rightImageTrippleArrow { display: none; }
.rightImageTrippleArrow { right: -6px; top: 0.375rem; position: absolute; z-index: 10; }
@media (min-width: 1024px) {
  .rightImageTrippleArrow { right: 88px; }
}
.bannerDoubleTextoneTexture { padding-top: 47px; font-family: IntroRustTexture; font-size: 3.75rem; font-weight: var(--fontWeightsRegular); line-height: 54px; color: var(--colorBaseAlpha950); position: relative; z-index: 20; text-transform: uppercase; }
.bannerDoubleTextTexture { display: flex; width: 50%; justify-content: center; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.bannerDoubleTextTwoTexture { display: none; }
.bannerDoubleTextTwoTexture { left: 0px; top: 0px; margin-bottom: 55px; font-family: IntroRustGFillShade; font-size: 3.75rem; font-weight: var(--fontWeightsRegular); line-height: 54px; color: var(--colorBackgroundBrandSecondary); position: absolute; z-index: 10; text-transform: uppercase; }
.icon { padding-right: 1.25rem; position: relative; }
.icon::before { position: absolute; left: -21px; top: 50%; height: 0.25rem; width: 22px; --tw-bg-opacity: 1; background-color: rgb(0 0 0/var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); }
.icon:first-child::before { content: var(--tw-content); display: none; }
.icon.disable { opacity: 0.4; }
.icon.disable::before { content: var(--tw-content); opacity: 0.4; }
.icon.enable { opacity: 1; }
.icon.enable::before { content: var(--tw-content); opacity: 1; }
.icon.\!enable { opacity: 1; }
.icon.\!enable::before { content: var(--tw-content); opacity: 1; }
.confirmationCont { margin-left: auto; margin-right: auto; width: 50%; padding-bottom: 1.5rem; padding-top: 0.75rem; position: relative; z-index: 1; margin-inline: auto; }
.waitContent { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeLg); line-height: var(--lineHeightsMd); }
@media (min-width: 1024px) {
  .waitContent { line-height: var(--lineHeightsMd); }
}
.orderHeaderBannerwithRed { height: 440px; background-color: var(--colorPrimary600); position: relative; z-index: 0; display: flex; justify-content: center; text-align: center; }
.orderHeaderBannerwithRed::before { background-image: url("../scraped_assets/images/mobileredtexture.59cbbc8a.png"); background-position: 50% center; }
.orderHeaderBannerwithRed::after, .orderHeaderBannerwithRed::before { position: absolute; height: 440px; width: 100%; background-size: cover; content: var(--tw-content); background-repeat: no-repeat; }
.orderHeaderBannerwithRed::after { background-image: url("../scraped_assets/images/textures.4bead631.png"); }
@media (min-width: 1024px) {
  .orderHeaderBannerwithRed { height: 20rem; width: 100%; flex-direction: row; padding-bottom: 0px; }
  .orderHeaderBannerwithRed::before { background-image: url("../scraped_assets/images/orderredbannertextexture.edb4a03f.png"); }
  .orderHeaderBannerwithRed::after, .orderHeaderBannerwithRed::before { height: 20rem; content: var(--tw-content); }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.redBannerDoubleTextTwo { display: none; }
.redBannerDoubleTextTwo { left: 0.25rem; top: 0px; margin-bottom: 55px; font-family: var(--fontWeightsBaseLineShade); font-size: 3.75rem; font-weight: var(--fontWeightsRegular); line-height: 54px; color: var(--colorBaseAlpha50); position: absolute; text-transform: uppercase; }
@media (min-width: 1024px) {
  .redBannerDoubleTextTwo { left: 0px; top: -9px; }
}
.boldFlatext { padding-bottom: 1rem; padding-top: 158px; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeXxl); line-height: var(--lineHeightsLg); text-align: center; }
@media (min-width: 1024px) {
  .boldFlatext { padding-top: 58px; }
}
.redBannerBold { padding-bottom: 2.5rem; padding-top: 0.25rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeLg); line-height: var(--lineHeightsMd); }
.redBannerSubtextContent { padding-top: 0px; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); line-height: var(--lineHeightsMd); }
.orderHeaderBannerwithBlue { height: 440px; background-color: var(--colorBackgroundBrandSecondary); position: relative; z-index: 0; display: flex; justify-content: center; text-align: center; }
.orderHeaderBannerwithBlue::before { background-image: url("../scraped_assets/images/orderconfirmbluembtexture.32414560.png"); background-position: 50% center; }
.orderHeaderBannerwithBlue::after, .orderHeaderBannerwithBlue::before { position: absolute; height: 440px; width: 100%; background-size: cover; content: var(--tw-content); background-repeat: no-repeat; }
.orderHeaderBannerwithBlue::after { background-image: url("../scraped_assets/images/textures.4bead631.png"); }
@media (min-width: 1024px) {
  .orderHeaderBannerwithBlue { height: 20rem; width: 100%; flex-direction: row; padding-bottom: 0px; }
  .orderHeaderBannerwithBlue::before { background-image: url("../scraped_assets/images/orderconfirmbluedktexture.0515bcb4.png"); }
  .orderHeaderBannerwithBlue::after, .orderHeaderBannerwithBlue::before { height: 20rem; content: var(--tw-content); }
}
.orderHeaderBannerwithBlue .bannerTextSecond { width: 100%; }
.boldPickingText { padding-bottom: 1rem; padding-top: 158px; font-family: var(--fontFamiliesPrimary); font-size: 3.75rem; line-height: var(--lineHeightsLg); text-align: center; }
@media (min-width: 1024px) {
  .boldPickingText { padding-top: 58px; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.blueBannerDoubleTextTwo { display: none; }
.blueBannerDoubleTextTwo { left: 0px; top: 0px; margin-bottom: 55px; font-family: var(--fontWeightsBaseLineShade); font-size: 3.75rem; font-weight: var(--fontWeightsRegular); line-height: 54px; color: var(--colorBaseAlpha50); position: absolute; width: 100%; text-transform: uppercase; }
@media (min-width: 1024px) {
  .blueBannerDoubleTextTwo { top: -9px; }
}
.blueBannerSubtextContent { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); line-height: var(--lineHeightsRg); color: var(--colorForegroundContentEnabled); --tw-leading: --lineHeightsRg; }
.blueBannerBold { padding-bottom: 2.5rem; padding-top: 0.25rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeLg); line-height: var(--lineHeightsMd); }
.orderHeaderBannerCompleted { height: 440px; background-color: var(--colorBackgroundBrandTertiary); position: relative; z-index: 0; display: flex; justify-content: center; text-align: center; }
.orderHeaderBannerCompleted::after { position: absolute; height: 440px; width: 100%; background-image: url("../scraped_assets/images/textures.4bead631.png"); background-size: cover; content: var(--tw-content); background-repeat: no-repeat; }
@media (min-width: 1024px) {
  .orderHeaderBannerCompleted { height: 320px; width: 100%; flex-direction: row; padding-bottom: 0px; }
  .orderHeaderBannerCompleted::after { content: var(--tw-content); height: 320px; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.bannerDoubleTextTwoCompletetexture { display: none; }
.bannerDoubleTextTwoCompletetexture { left: 0px; top: 0px; margin-bottom: 55px; font-family: var(--fontWeightsBaseLineShade); font-size: 3.75rem; font-weight: var(--fontWeightsRegular); line-height: 54px; color: var(--colorBaseAlpha50); position: absolute; width: 100%; text-transform: uppercase; }
.imageWithTextCompleteTexture { margin-top: 151px; position: relative; display: flex; align-items: flex-start; justify-content: center; }
@media (min-width: 1024px) {
  .imageWithTextCompleteTexture { margin-top: 63px; }
}
.imageWithTextCompleteTexture .leftImageBurst { left: -0.5rem; top: 5px; position: relative; }
@media (min-width: 768px) {
  .imageWithTextCompleteTexture .leftImageBurst { left: 35px; }
}
.imageWithTextCompleteTexture .rightImageburst { right: -0.5rem; top: 5px; position: relative; }
@media (min-width: 768px) {
  .imageWithTextCompleteTexture .rightImageburst { right: 35px; }
}
.leftImageBurst { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.fees { gap: 0.5rem; display: flex; align-items: center; }
.rewardsDealPointsInfo { gap: 0.5rem; border-color: var(--colorDividerDim); padding-bottom: 0.5rem; padding-top: 1.25rem; display: flex; flex-direction: row; align-items: flex-start; border-top-width: 1px; --tw-border-style: solid; border-style: solid; }
.rewardPoints { width: 12rem; padding-top: 1rem; font-family: var(--fontFamiliesBody); line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); }
.OrderRmaintenance { margin-top: 2rem; margin-bottom: 2rem; height: 272px; position: relative; z-index: 0; display: flex; justify-content: center; text-align: center; }
.OrderRmaintenance::after { position: absolute; height: 272px; width: 100%; background-image: url("../scraped_assets/images/rewards.17e7a2d4.png"); content: var(--tw-content); background-repeat: no-repeat; }
@media (min-width: 768px) {
  .OrderRmaintenance::after { content: var(--tw-content); width: 636px; }
}
@media (min-width: 1024px) {
  .OrderRmaintenance { width: 100%; flex-direction: row; justify-content: space-between; padding-bottom: 0px; }
  .OrderRmaintenance::before { content: var(--tw-content); border-style: none; }
  .OrderRmaintenance::after { width: 100%; content: var(--tw-content); background-size: cover; }
}
.OrderRmaintenance .with_cart_header .rewardsTabContainer { display: none; }
.OrderRmaintenance .with_cart_header .RewardMaintenance { min-height: 230px; position: relative; z-index: 10; }
.fbrOrderinfooverlayHeadingWrapper { position: relative; display: flex; align-items: center; text-align: center; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.fbrOrderinfooverlayHeadingWrapper svg { display: none; }
.fbrOrderinfooverlayHeadingWrapper svg { border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonSecondaryBorderEnabled); position: absolute; cursor: pointer; }
.fbrOrderinfooverlayHeading { padding-top: 1.75rem; }
.fbrOrderinfooverlayHeading, .fbrStoreSearchHeading { padding-bottom: 1.75rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsSm); color: var(--colorForegroundContentEnabled); width: 100%; text-transform: uppercase; }
.fbrStoreSearchHeading { padding-top: 0.5rem; text-align: center; }
@media (min-width: 768px) {
  .fbrStoreSearchHeading { padding-left: 6rem; }
}
.fbrOverlayWrapper { padding-left: 1.25rem; padding-right: 1.25rem; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.storeChangeLoader { display: none; }
.storeChangeLoader { inset: 0px; position: absolute; z-index: 10; height: 100%; background: rgba(255, 255, 255, 0.5); }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.storeChangeLoader img { display: none; }
.storeChangeLoader img { left: 33.3333%; top: 50%; position: absolute; }
.hamburgerRewardLoader { inset: 0px; position: relative; z-index: 10; height: 100%; }
.hamburgerRewardLoader img { left: 25%; position: relative; }
.orderInfoHeaderMobile { padding-left: 1.25rem; padding-right: 1.25rem; }
.orderInfoHeaderMobile .authHeader { display: flex; justify-content: space-evenly; }
.orderInfoHeaderMobile .authHeaderCloseIconWrapper { position: static; }
.fbrRestaurantInfo { background-color: var(--colorBackgroundNeutralBase); }
.fbrOrderInfoTitle { padding-bottom: 1rem; padding-top: 1rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsSm); color: var(--colorBaseAlpha950); }
.fbrBtnInfo { display: flex; }
.fbrAsapBtn { margin-right: 0.5rem; width: 50%; border-radius: 0.25rem; border-width: var(--borderWidthHairline); border-color: var(--colorSelectionControlsMultipleChoiceBorderEnabled); padding-top: 0.75rem; padding-bottom: 0.75rem; font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsMd); }
.fbrAsapBtn:hover { background-color: var(--colorButtonSecondaryBackgroundPressed); }
.fbrLaterBtn:disabled, button.fbrAsapBtn:disabled { border-radius: 4px; border-width: var(--borderRadiusSoftlyRounded); background-color: var(--colorSelectionControlsMultipleChoiceBackgroundDisabled); color: var(--colorSelectionControlsMultipleChoiceForegroundDisabled); --tw-border-style: none; border-style: none; }
.fbrLaterBtn { width: 50%; border-radius: var(--borderRadiusSoftlyRounded); border-width: var(--borderWidthHairline); border-color: var(--colorSelectionControlsMultipleChoiceBorderEnabled); padding-top: 0.75rem; padding-bottom: 0.75rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsMd); color: var(--colorSelectionControlsMultipleChoiceForegroundEnabled); }
.fbrScheduleType { border-width: var(--borderWidthHairline); border-color: var(--colorSelectionControlsMultipleChoiceBackgroundSelected); background-color: var(--colorSelectionControlsMultipleChoiceBorderSelected); color: var(--colorSelectionControlsMultipleChoiceForegroundSelected); }
.fbrScheduleType:hover { background-color: var(--colorButtonHeaderStandardInverseBackgroundPressed); }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.searchImg { display: none; }
.searchImg { left: 12px; top: 37px; position: absolute; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.arrowImg { display: none; }
.arrowImg { right: 0.75rem; top: 33px; height: 1rem; position: absolute; }
.fbrConfirmBtn, .fbrConfirmSection { text-align: center; }
.fbrConfirmBtn { margin-bottom: 2rem; margin-top: 2rem; height: 3rem; border-radius: var(--borderRadiusPill); background-color: var(--colorButtonPrimaryBackgroundEnabled); padding-left: 2rem; padding-right: 2rem; font-family: var(--fontFamiliesPrimary); font-size: var(--typographyButtonPrimaryLargeFontSize); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsRg); color: var(--colorButtonPrimaryForegroundEnabled); width: 100%; align-items: center; justify-content: center; --tw-leading: --lineHeightsRg; text-transform: capitalize; }
.fbrConfirmBtn:hover { background-color: var(--colorButtonHeaderStandardInverseBackgroundPressed); }
@media (min-width: 1024px) {
  .fbrConfirmBtn:hover { background-color: var(--colorButtonPrimaryBackgroundPressed); }
}
.orderInfoModalContainer { max-width: 259px; gap: 2rem; display: flex; flex-direction: column; align-items: center; align-self: stretch; }
@media (min-width: 1024px) {
  .orderInfoModalContainer { max-width: 335px; }
}
.orderInfoFrame1 { gap: 1.25rem; }
.orderInfoFrame1, .orderInfoFrame2 { display: flex; flex-direction: column; align-items: center; align-self: stretch; }
.orderInfoFrame2 { gap: 0.5rem; }
.cartUpdated { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; font-weight: 400; line-height: 1.25; text-align: center; }
.optionSwitch { font-family: var(--fontFamiliesBody); font-weight: 400; color: var(--colorBaseAlpha600); }
.okBtn, .optionSwitch { font-size: 1rem; line-height: 1.5rem; text-align: center; }
.okBtn { height: 3rem; border-radius: var(--borderRadiusPill); border-color: var(--colorPrimary600); background-color: var(--colorPrimary600); padding-left: 2rem; padding-right: 2rem; font-family: var(--fontFamiliesPrimary); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); align-items: center; justify-content: center; align-self: stretch; border-style: var(--tw-border-style); border-width: 1px; }
.okBtn, .removedItem { gap: 0.5rem; display: flex; }
.removedItem { flex-direction: row; }
.removedItem .removedItemTxt { padding-top: 0.125rem; font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; font-weight: 600; color: var(--colorBaseOffBlack500); }
.removedItem .orderItemBadge { border-radius: 0.25rem; padding: 0.25rem 6px; font-family: var(--fontFamiliesBody); font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; color: var(--colorBaseAlpha600); position: relative; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.confirmLoader .storeChangeLoader, .storesearchloader .storeChangeLoader { z-index: 100; --tw-bg-opacity: 0.7; position: fixed; }
.confirmLoader .storeChangeLoader .pageLoader, .storesearchloader .storeChangeLoader .pageLoader { height: 100%; }
.fbrInnerBox { border-radius: var(--borderWidthHeavy); border-width: var(--borderWidthHairline); border-color: var(--colorForegroundBorderBrighter); padding: 1.25rem; }
.fbrInnerTextOne { font-family: var(--fontFamiliesBody); font-size: 0.875rem; line-height: 1.25rem; display: flex; width: 100%; align-items: center; justify-content: space-between; }
.fbrLeftContent { max-width: 15rem; font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); }
.fbrEditBtn, .fbrLeftContent { font-weight: var(--fontWeightsBold); }
.fbrEditBtn { font-size: var(--fontSizeFontSizeSm); line-height: var(--lineHeightsRg); color: var(--colorBaseOffBlack500); --tw-leading: --lineHeightsRg; text-decoration-line: underline; }
.fbrInnerTextTwo { display: block; align-self: flex-start; }
.fbrAddressContent { max-width: 11rem; font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); }
.editAddressWrapper .creditCardWrapper .fbrInnerTextOne .fbrAddressContent, .editAddressWrapper .creditCardWrapper .fbrInnerTextOne .fbrAvailableTime { padding-top: 0px; }
.fbrAvailableTime { padding-top: 0.5rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsRg); color: var(--colorForegroundContentSubtlestEnabled); display: flex; justify-content: space-between; --tw-leading: --lineHeightsRg; }
.fbrAlignItemCenter { gap: 0.75rem; display: flex; align-items: center; }
.addressErrorText { font-family: var(--fontFamiliesBody); font-weight: var(--fontWeightsBold); color: var(--colorFormFieldsForegroundError); }
.addressErrorText, .fbrInnerBoxError { font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); }
.fbrInnerBoxError { border-radius: var(--borderRadiusRounded); border-width: var(--borderWidthHairline); border-color: var(--colorFormFieldsForegroundError); padding: 1.25rem; --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
@media (min-width: 1024px) {
  .fbrInnerBoxError { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
}
.fbrInnerBoxError path { fill: var(--colorFormFieldsBorderError); }
.fbrOutletHeaderWapper { margin: 1.5rem; display: none; }
@media (min-width: 1024px) {
  .fbrOutletHeaderWapper { display: flex; flex-direction: column; }
}
.fbrOutletHeaderWapper .brandLogoContainer { justify-content: center; }
@media (min-width: 1024px) {
  .fbrOutletHeaderWapper .brandLogoContainer { cursor: default; }
}
.authHeader .brandLogoContainer { justify-content: center; }
.fbrOutletHeaderSelectLoaction { margin-top: 0.5rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); line-height: var(--lineHeightsSm); color: var(--colorForegroundContentEnabled); text-align: center; text-transform: uppercase; }
.mobileMenuText { margin-left: 0.75rem; margin-right: 0.75rem; font-family: var(--fontFamiliesPrimary); font-size: 40px; font-weight: 400; line-height: 34px; }
@media (min-width: 1024px) {
  .mobileMenuText { margin-left: 0px; margin-right: 0px; }
}
.rightSideWrapper { background-color: var(--colorBaseLightBeige500); width: 100%; }
.firstMenuSection { display: flex; width: 100%; flex-wrap: wrap; justify-content: center; }
@media (min-width: 1024px) {
  .firstMenuSection { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); justify-content: flex-start; gap: 2rem 28px; }
}
.firstMenuSection.test-scroll { top: 275px; position: relative; }
.righttitletext { margin-top: 0.5rem; background-color: var(--colorBaseLightBeige500); padding-left: 1.25rem; padding-right: 1.25rem; padding-bottom: 1.75rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsSm); color: var(--colorForegroundContentEnabled); position: relative; z-index: 10; display: inline-block; text-align: center; transition-duration: var(--tw-duration,0s); transition-property: all; transition-timing-function: var(--tw-ease,ease); }
.righttitletext.biggerText { font-size: var(--fontSizeFontSizeMd); font-weight: 400; }
@media (min-width: 1024px) {
  .righttitletext.biggerText { margin-top: 1.75rem; font-size: var(--fontSizeFontSizeXl); }
}
.righttitle { top: 143px; margin-bottom: 1.5rem; background-color: var(--colorBaseLightBeige500); padding-top: 2.5rem; position: sticky; z-index: 20; width: 100%; text-align: center; }
.righttitle::after { position: absolute; top: -33px; left: 0px; height: 100%; width: 100%; border-bottom-width: 1px; border-color: var(--colorBaseAlpha300); --tw-content: ""; content: var(--tw-content); }
@media (min-width: 1024px) {
  .righttitle { top: 140px; margin-bottom: 0px; }
}
.pdpListTileImg { height: 188px; position: relative; width: 100%; }
@media (min-width: 1024px) {
  .pdpListTileImg { height: 234px; }
}
.menuResultsTailImage { height: 234px; border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; width: 100%; }
.pdpListTile { margin-bottom: 1.5rem; min-height: 124px; border-radius: var(--borderRadiusRounded); border-color: var(--colorBaseAlpha300); background-color: var(--colorForegroundBrandPrimaryOnBackground); --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); display: flex; width: 100%; cursor: pointer; flex-direction: column; align-items: flex-start; justify-content: flex-start; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .pdpListTile { margin-bottom: 1rem; display: grid; height: auto; width: 100%; grid-template-columns: repeat(1, minmax(0px, 1fr)); grid-template-rows: max-content; align-items: stretch; border-radius: 0.25rem; background-color: var(--colorForegroundBrandPrimaryOnBackground); }
}
.menuPageListContainer .pdpListTile .viewMoreContainer .pdpListTileTextwrapper.bogoTitle { padding-left: 0px; padding-right: 0px; }
.menuPageListContainer .pdpListTile .bogoHeader { padding: 0px 1.5rem 1.5rem; display: grid; grid-template-columns: 96px 1fr; }
.menuPageListContainer .pdpListTile .bogoHeader img { height: 72px; width: 96px; border-radius: 0.5rem; background-color: var(--colorBasePurple850); }
.menuPageListContainer .pdpListTile .bogoHeader.hideBogoHeader { display: none; }
.menuPageListContainer .pdpListTile .dishName { padding-left: 0.75rem; display: flex; align-items: center; }
.menuPageListContainer .pdpListTile .subtextPrice { padding-right: 1rem; font-size: var(--fontSizeFontSizeSm); font-weight: 400; }
.menuPageListContainer .pdpListTile .subTextdot::after { content: var(--tw-content); left: -9px; }
.menuPageListContainer .pdpListTile.Product_unavailable { opacity: 0.5; }
.menuPageListContainer .pdpListTile .yourOrderInformationContainer { padding: 0px 1.5rem; }
.menuPageListContainer .pdpListTile .yourOrderInformationContainer img { height: 72px; min-width: 6rem; border-radius: 0.5rem; background-color: var(--colorBasePurple850); }
.menuPageListContainer .pdpListTile .yourOrderInformationContainer .yourOrderInformation .dishName { padding-left: 0px; font-size: var(--fontSizeFontSizeRg); font-weight: 600; text-align: left; }
.menuPageListContainer .pdpListTile .yourOrderInformationContainer .yourOrderInformation .itemName { font-size: var(--fontSizeFontSizeRg); }
.menuPageListContainer .pdpListTile .yourOrderInformationContainer .yourOrderInformation:last-child { padding-bottom: 1.5rem; padding-top: 1rem; }
.pdpListTileText { padding-bottom: 14px; font-family: var(--fontFamiliesPrimary); font-weight: 400; line-height: 18px; display: flex; width: 100%; justify-content: flex-start; font-size: 18px; }
@media (min-width: 1024px) {
  .pdpListTileText { min-height: 50px; }
}
@media (min-width: 1536px) {
  .pdpListTileText { width: 72.5%; }
}
.pdpListTileTextwrapper { padding-left: 1.25rem; padding-right: 1.25rem; display: flex; width: 100%; justify-content: space-between; }
.pdpListTileTextwrapper .pdpListTileText { overflow-wrap: break-word; }
.\!subText, .subText { padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 14px; width: 100%; }
.subtextPrice { padding-right: 30px; font-weight: 700; }
.subtextCal, .subtextPrice { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); color: var(--colorForegroundContentSubtleEnabled); }
.subtextCal { font-weight: 400; }
.pdpListButtonwrapper { padding: 18px 0px 1.25rem; width: 100%; }
.pdpListReorderBtn { margin-right: 14px; background-color: var(--colorButtonPrimaryBackgroundEnabled); padding: 15px 2rem; font-family: var(--fontFamiliesPrimary); font-size: 1rem; line-height: 1.25rem; color: var(--colorBaseAlpha50); border-radius: calc(infinity * 1px); }
@media (min-width: 1024px) {
  .pdpListReorderBtn { margin-right: 8px; padding: 0.75rem 15px; }
}
@media (min-width: 1280px) {
  .pdpListReorderBtn { margin-right: 14px; padding: 15px 2rem; }
}
.subtextInnerText { font-family: var(--fontFamiliesBody); font-size: 1rem; font-weight: 400; color: var(--colorForegroundContentEnabled); --tw-leading: 22px; line-height: 22px; }
.ellipsisMultiLine { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; width: 100%; }
.listinnerwrapper { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; background-color: var(--colorForegroundBrandPrimaryOnBackground); padding-top: 1.5rem; z-index: 10; width: 100%; }
@media (min-width: 1024px) {
  .listinnerwrapper { display: grid; align-content: space-between; }
}
.listinnerwrapper { word-break: break-word; }
.subTextdot { position: relative; }
.subTextdot::after { position: absolute; left: -17px; top: 9px; height: 0.125rem; width: 0.125rem; border-radius: 0.25rem; background-color: var(--colorForegroundContentSubtleEnabled); --tw-content: ""; content: var(--tw-content); }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.badgesContainer { display: none; }
.badgesContainer { left: 12px; top: 14px; gap: 0.5rem; position: absolute; display: flex; }
@media (min-width: 1024px) {
  .badgesContainer { left: 10px; }
}
.badgeContent { gap: 0.5rem; display: flex; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.badgeContent .unavailableBatch { display: none; }
.badgeContent .unavailableBatch { border-radius: 0.125rem; background-color: var(--colorForegroundBrandPrimaryOnBackground); padding: 0.125rem 0.375rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: 700; line-height: 1.25rem; color: var(--colorForegroundContentSubtleEnabled); position: absolute; }
@media (min-width: 1024px) {
  .badgeContent .unavailableBatch { left: 0px; }
}
.badgeContent.promotionBadge .unavailableBatch { top: -1rem; }
.pdpMaxTpText { padding-left: 1.25rem; padding-right: 1.25rem; color: var(--colorBaseRed700); }
.badges { border-radius: 0.125rem; padding: 0.125rem 0.375rem; font-family: var(--fontFamiliesBody); font-size: var(--typographyButtonSecondaryMediumFontSize); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsRg); color: var(--colorForegroundBrandPrimaryOnBackground); --tw-leading: --lineHeightsRg; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span .cartGalleryImgContainer .gallerySliderBox .badges, .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.gallery .gallerySliderBox .badges { display: none; }
.cartGalleryImgContainer .gallerySliderBox .badges, .gallery .gallerySliderBox .badges { left: 1rem; top: 1rem; position: absolute; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.texture { display: none; }
.texture { bottom: -0.125rem; position: absolute; height: auto; width: 100%; }
@media (min-width: 1024px) {
  .texture { bottom: 0px; left: 0px; }
}
.makeAllSame { margin-top: 0.75rem; margin-bottom: 0.75rem; font-family: var(--fontFamiliesBody); font-size: 1rem; font-weight: 600; display: flex; cursor: pointer; align-items: center; justify-content: center; }
.pdpListTile { margin-bottom: 0px; position: relative; }
.pdpListTile.disabledCard { pointer-events: none; }
.pdpListTile.disabledCard .menuResultsTailImage { opacity: 0.4; }
.pdpListTile.disabledCard .pdpListTileText { color: var(--colorForegroundContentDisabled); }
.pdpListTile.Product_unavailable .pdpListTileTextwrapper, .pdpListTile.Product_unavailable .viewMoreListImg img { opacity: 0.5; }
.pdpListTile.Product_unavailable .pdpListTileTextwrapper.bogoTitle { padding-top: 0px; padding-bottom: 0px; }
.pdpListTile.Product_unavailable .\!subText, .pdpListTile.Product_unavailable .subText { opacity: 0.5; }
.paragraphStyle { margin-top: 1.5rem; margin-bottom: 1.5rem; font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; color: var(--colorForegroundContentEnabled); text-align: left; }
@media (min-width: 1024px) {
  .emailField { width: 416px; }
}
.linkDivider { margin: 1rem; font-family: var(--fontFamiliesBody); font-size: var(--typographyButtonSecondaryLargeFontSize); font-weight: var(--fontWeightsBold); color: var(--colorButtonTertiaryForegroundEnabled); display: flex; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .linkDivider { margin-left: 1.5rem; width: 15rem; justify-content: flex-start; }
}
.resendLinkOne { margin: 0px 1rem 1rem; font-family: var(--fontFamiliesBody); font-weight: 700; display: flex; cursor: pointer; align-items: center; justify-content: center; }
.resetPasswordWrapper { padding-left: 1.25rem; padding-right: 1.25rem; font-family: var(--fontFamiliesBody); }
@media (min-width: 1024px) {
  .resetPasswordWrapper { margin-top: 0.5rem; max-width: 36rem; padding-left: 0px; padding-right: 0px; }
}
.resetPasswordWrapper .headerDividerOne { padding-left: 0px; padding-right: 0px; padding-top: 1rem; }
@media (min-width: 1024px) {
  .resetPasswordWrapper .headerDividerOne { padding-top: 0px; }
}
.resetPasswordWrapper .sectionTitle { font-size: var(--fontSizeFontSizeLg); line-height: 1.25rem; }
@media (min-width: 1024px) {
  .resetPasswordWrapper .sectionTitle { font-size: var(--typographyHeadlineLargeFontSize); line-height: var(--lineHeightsLg); }
}
.resetPasswordWrapper .spanStyleOne { top: -0.5rem; left: 216px; --tw-rotate: -45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); display: block; }
@media (min-width: 1024px) {
  .resetPasswordWrapper .spanStyleOne { top: -1.25rem; left: 364px; }
}
.resetPasswordWrapper .customToastInline { min-width: 335px; }
@media (min-width: 1024px) {
  .resetPasswordWrapper .customToastInline { min-width: 526px; }
}
.resetPasswordWrapper .customToastInline .toast-content { min-width: 269px; }
@media (min-width: 1024px) {
  .resetPasswordWrapper .customToastInline .toast-content { min-width: 460px; }
}
.resendSpanStyle, .spanStyle { margin-left: 0.125rem; margin-top: 0.125rem; }
.resendSpanStyle path, .spanStyle path { stroke: var(--colorBaseOffBlack500); }
.resetPasswordButton { margin-bottom: 1rem; margin-right: 1rem; height: 3rem; padding-left: 2rem; padding-right: 2rem; width: 100%; align-items: center; justify-content: center; text-align: center; }
.resetPaswordBtnSection { left: 0px; width: 100%; }
@media (min-width: 768px) {
  .resetPaswordBtnSection { position: static; }
}
.returnToSignInButton { margin-bottom: 2rem; margin-right: 1rem; height: 3rem; gap: 0.5rem; border-color: var(--colorBaseAlpha950); background-color: rgb(255 255 255/var(--tw-bg-opacity)); --tw-bg-opacity: 0; padding-left: 2rem; padding-right: 2rem; font-family: var(--fontFamiliesPrimary); font-size: 1rem; line-height: 1.5rem; font-weight: 700; color: var(--colorBaseOffBlack500); display: inline-flex; width: 100%; align-items: center; justify-content: center; border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 1px; text-align: center; }
@media (min-width: 1024px) {
  .returnToSignInButton { width: 244px; }
}
.auth-layout { display: block; }
@media (min-width: 1024px) {
  .auth-layout { display: flex; }
}
.headerDividerOne { padding-left: 2.5rem; padding-right: 2.5rem; padding-top: 1.25rem; display: flex; flex-direction: column; text-align: center; }
@media (min-width: 1024px) {
  .headerDividerOne { position: relative; padding-left: 0px; padding-right: 0px; padding-top: 0px; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.spanStyleOne { display: none; }
.spanStyleOne { left: -71px; top: -80px; --tw-rotate: 228deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); position: absolute; display: none; }
@media (min-width: 1024px) {
  .spanStyleOne { display: block; }
}
.resetPaswordBtnSection .linkDivider { margin-top: 0px; }
@media (min-width: 1024px) {
  .resetPaswordBtnSection .linkDivider { width: 18rem; }
}
.NewLoyaltyDealsSlider .itemList, .NewLoyaltyRewardsSlider .itemList { gap: 0.5rem; padding-left: 1.25rem; }
.NewLoyaltyDealsSlider .viewAllCtr a, .NewLoyaltyRewardsSlider .viewAllCtr a { font-size: 0.875rem; line-height: 1.25rem; }
.NewLoyaltyDealsSlider .viewAllCtr a svg, .NewLoyaltyRewardsSlider .viewAllCtr a svg { margin-left: 0.25rem; }
.NewLoyaltyDealsSlider .viewAllCtr a svg path, .NewLoyaltyRewardsSlider .viewAllCtr a svg path { fill: var(--colorPrimary500); }
.NewLoyaltyDealsSlider .sliderChevronIcon, .NewLoyaltyDealsSlider .taxAndFeesApplylink, .NewLoyaltyRewardsSlider .sliderChevronIcon, .NewLoyaltyRewardsSlider .taxAndFeesApplylink { padding-left: 1.25rem; padding-right: 1.5rem; }
.NewLoyaltyDealsSlider .rewardsSection .itemListContainer, .NewLoyaltyRewardsSlider .rewardsSection .itemListContainer { width: 100%; }
@media (min-width: 1024px) {
  .NewLoyaltyDealsSlider .rewardsSection .itemListContainer, .NewLoyaltyRewardsSlider .rewardsSection .itemListContainer { width: 488px; }
}
.NewLoyaltyDealsSlider .rewardsSection .itemListContainer .\!rewards, .NewLoyaltyDealsSlider .rewardsSection .itemListContainer .rewards, .NewLoyaltyRewardsSlider .rewardsSection .itemListContainer .\!rewards, .NewLoyaltyRewardsSlider .rewardsSection .itemListContainer .rewards { min-width: 164px; }
.NewLoyaltyDealsSlider .itemListContainer, .NewLoyaltyRewardsSlider .itemListContainer { width: 100%; }
@media (min-width: 1024px) {
  .NewLoyaltyDealsSlider .itemListContainer, .NewLoyaltyRewardsSlider .itemListContainer { width: 488px; }
}
.bannerDoubleTextTwo.stayGold { color: var(--colorBackgroundBrandQuaternary); }
.bannerTextSecond.loyaltyheaderResponsive { width: 100%; text-align: center; }
.bannerTextSecond.loyaltyheaderResponsive .bannerDoubleTextTwo { color: var(--colorBackgroundBrandTertiary); }
.bannerTextSecond.loyaltyheaderResponsive .bannerDoubleTextOne { color: var(--colorForegroundContentEnabled); }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.responsiveLeftArrowImg { display: none; }
.responsiveLeftArrowImg { left: 3rem; top: 70px; position: absolute; }
@media (min-width: 1024px) {
  .responsiveLeftArrowImg { position: static; }
}
.responsiveLeftArrowImg.leftImageBurst { --tw-rotate: 0deg; }
.responsiveLeftArrowImg.leftImageBurst, .rightImageburst.responsiveRightArrowImg { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.rightImageburst.responsiveRightArrowImg { --tw-rotate: 180deg; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.responsiveRightArrowImg { display: none; }
.responsiveRightArrowImg { right: 3rem; top: 70px; position: absolute; }
@media (min-width: 1024px) {
  .responsiveRightArrowImg { position: static; }
}
@media (min-width: 640px) {
  .loyaltyPageContainer { max-width: 640px; }
}
@media (min-width: 768px) {
  .loyaltyPageContainer { max-width: 768px; }
}
@media (min-width: 1024px) {
  .loyaltyPageContainer { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .loyaltyPageContainer { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .loyaltyPageContainer { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .loyaltyPageContainer { max-width: 1536px; }
}
.site-map .loyaltyPageContainer { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .loyaltyPageContainer { flex-direction: row; }
}
.site-map .loyaltyPageContainer .leftColumn .level-1, .site-map .loyaltyPageContainer .leftColumn .level-2, .site-map .loyaltyPageContainer .leftColumn .level-3, .site-map .loyaltyPageContainer .rightColumn .level-1, .site-map .loyaltyPageContainer .rightColumn .level-2, .site-map .loyaltyPageContainer .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .loyaltyPageContainer .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .loyaltyPageContainer .level-2, .site-map .loyaltyPageContainer .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .loyaltyPageContainer .rightColumn { background-color: transparent; }
.site-map .loyaltyPageContainer .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .loyaltyPageContainer .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .loyaltyPageContainer .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .loyaltyPageContainer .camelCaseClass { text-transform: capitalize; }
.site-map .loyaltyPageContainer .lowerCaseClass { text-transform: lowercase; }
.site-map .loyaltyPageContainer h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.loyaltyPageContainer { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .loyaltyPageContainer { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .loyaltyPageContainer { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .loyaltyPageContainer .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .loyaltyPageContainer .leftColumn { width: 50%; }
}
.site-map .loyaltyPageContainer .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .loyaltyPageContainer .leftColumn .level-1 { padding: 0px; }
.site-map .loyaltyPageContainer .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .loyaltyPageContainer .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .loyaltyPageContainer .rightColumn { width: 50%; }
}
.site-map .loyaltyPageContainer .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .loyaltyPageContainer .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .loyaltyPageContainer .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .loyaltyPageContainer .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .loyaltyPageContainer .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.loyaltyPageContainer { margin-left: auto; margin-right: auto; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .loyaltyPageContainer { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .loyaltyPageContainer { max-width: 1440px; }
}
.loyaltyPageContainer { position: relative; width: 100%; margin-inline: auto; display: flex; flex-direction: column; }
.loyaltyPageContainer::after { pointer-events: none; position: absolute; top: 0px; height: 360px; width: 100%; background-image: url("../scraped_assets/images/mobile-texture.0aeb6697.svg"); background-size: cover; background-repeat: no-repeat; }
@media (min-width: 1024px) {
  .loyaltyPageContainer { flex-direction: row; gap: 1.5rem; }
  .loyaltyPageContainer::after { content: var(--tw-content); background-image: none; }
}
.loyaltyPageContainer > .rewardsTabContainer { display: flex; }
@media (min-width: 1024px) {
  .loyaltyPageContainer > .rewardsTabContainer { display: none; }
}
.nextRewardProgressText { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeXs); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsXs); }
.loyaltyLeftSideContainer { border-radius: var(--borderRadiusRoundLimit); border-color: var(--colorForegroundBorderBrighter); padding: 1rem 1.5rem 2.5rem; width: 100%; border-style: var(--tw-border-style); border-width: 0px; text-align: center; }
@media (min-width: 1024px) {
  .loyaltyLeftSideContainer { position: sticky; top: 135px; margin-bottom: 2rem; margin-top: 2.5rem; width: 306px; border-width: 1px; padding-top: 3rem; }
}
.loyaltyLeftSideContainer .bannerDoubleText .bannerDoubleTextOne { font-family: IntroHeadBGShadeTop; line-height: 60px; }
.loyaltyLeftSideContainer .bannerDoubleText .bannerDoubleTextTwo { font-family: IntroRustGFillShade; line-height: 60px; }
.loyaltyLeftSideContainer .leftImageBurst svg, .loyaltyLeftSideContainer .rightImageburst svg { width: 2.5rem; fill: var(--colorBackgroundBrandQuaternary); }
@media (min-width: 1024px) {
  .loyaltyLeftSideContainer .imageWithText .loyaltyheaderResponsive.stayGold { width: 9rem; }
}
.loyaltyLeftSideContainer .imageWithText { padding-left: 3rem; padding-right: 3rem; }
@media (min-width: 1024px) {
  .loyaltyLeftSideContainer .imageWithText { padding-left: 2rem; padding-right: 2rem; }
}
.loyaltyLeftSideContainer .rewardsWelcomeStatus { margin-left: auto; margin-right: auto; margin-top: 0.5rem; height: 8rem; width: 8rem; position: relative; margin-inline: auto; }
@media (min-width: 1024px) {
  .loyaltyLeftSideContainer .rewardsWelcomeStatus { margin-top: 0px; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.rewardsTabContainer { display: none; }
.rewardsTabContainer { left: 1.25rem; top: 0.5rem; width: calc(-40px + 100vw); gap: 0.5rem; position: absolute; display: flex; }
@media (min-width: 1024px) {
  .rewardsTabContainer { position: relative; left: 0px; width: auto; gap: 1rem; }
}
.rewardsTabContainer.rewardsTabSticky { left: 0px; top: 130px; background-color: var(--colorBaseLightBeige500); padding-left: 1.25rem; padding-right: 1.25rem; padding-bottom: 2rem; position: sticky; z-index: 20; width: 100%; }
@media (min-width: 1024px) {
  .rewardsTabContainer.rewardsTabSticky { top: 134px; background-color: var(--colorBaseLightBeige500); padding: 2.5rem 0px 1.5rem; }
}
.rewardsTabContainer.rewardsTabSticky.locationNotSelected { top: 6rem; }
.with_cart_header .rewardsTabContainer.rewardsTabSticky { top: 95px; padding-top: 0.5rem; }
@media (min-width: 1024px) {
  .with_cart_header .rewardsTabContainer.rewardsTabSticky { top: 134px; z-index: 10; margin-top: 0px; }
}
.with_cart_header .loyaltyRightSideWrapper .dealsTotalSticky { top: 150px; }
.loyaltyRightSideWrapper { padding-bottom: 2rem; width: 100%; }
.loyaltyRightSideWrapper .rewardsTabContainer { display: none; }
@media (min-width: 1024px) {
  .loyaltyRightSideWrapper .rewardsTabContainer { display: flex; }
}
.loyaltyRightSideWrapper .bannerDoubleText { margin-left: 0px; margin-right: 0px; }
.loyaltyRightSideWrapper .rewardsButtons { border-radius: 0.25rem; border-color: var(--colorForegroundBorderBrighter); padding-top: 0.5rem; padding-bottom: 0.5rem; --tw-shadow: 0px 2px 4px 0px #00000026; --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); justify-content: center; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.loyaltyRightSideWrapper .pickupMethodText { height: 2.5rem; font-family: var(--fontFamiliesPrimary); font-weight: var(--fontWeightsRegular); }
.loyaltyRightSideWrapper .dealsTotalSticky { left: 0px; background-color: var(--colorBaseLightBeige500); padding: 1.25rem; position: sticky; z-index: 20; width: 100%; align-items: center; justify-content: center; }
.loyaltyRightSideWrapper .dealsTotalSticky .dealsTotal { padding-left: 0.5rem; padding-right: 0.5rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeLg); font-weight: 400; color: var(--colorBaseOffBlack500); }
.loyaltyRightSideWrapper .dealsTotalSticky.locationNotSelected { top: 150px; }
.loyaltyRightSideWrapper.loyaltyBg { background-color: var(--colorForegroundContentFilled); }
@media (min-width: 1024px) {
  .loyaltyRightSideWrapper.loyaltyBg { background-color: transparent; }
}
.loyaltyRightSideContainer { border-color: var(--colorForegroundBorderBrighter); background-color: var(--colorBaseOffBlack500); padding: 1.5rem 1.25rem 2.5rem; font-weight: 700; position: relative; width: 100%; border-radius: 0px; border-style: var(--tw-border-style); border-width: 0px; }
.loyaltyRightSideContainer::before { top: -0.75rem; --tw-content: ""; }
.loyaltyRightSideContainer::after, .loyaltyRightSideContainer::before { position: absolute; left: 0px; height: 0.75rem; width: 100%; background-image: url("../scraped_assets/images/oldloyalty-union.34211320.svg"); content: var(--tw-content); }
.loyaltyRightSideContainer::after { bottom: -0.75rem; --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-content: ""; }
@media (min-width: 1024px) {
  .loyaltyRightSideContainer { border-radius: var(--borderRadiusRoundLimit); border-width: 1px; padding-left: 2.5rem; padding-right: 2.5rem; }
  .loyaltyRightSideContainer::after, .loyaltyRightSideContainer::before { content: var(--tw-content); background-image: none; }
}
@media (hover: hover) {
  .loyaltyRightSideContainer .buttonSecondary:hover { background-color: transparent; }
}
.loyaltyRightSideContainer .buttonSecondary:hover { background-color: transparent; }
.loyaltyRightSideContainer .loyltyPromoCode svg { border-radius: calc(infinity * 1px); }
.loyaltyRightSideContainer .loyltyPromoCode svg path:first-child { fill: rgb(255, 255, 255); }
.loyaltyRightSideContainer .loyltyPromoCode svg path { fill: var(--colorBaseAlpha50); }
.loyaltyRightSideContainer.loyaltyRightSideContainerWithBg { position: relative; --tw-border-style: none; border-style: none; background-color: transparent; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.loyaltyRightSideContainer.loyaltyRightSideContainerWithBg::after { display: none; }
.loyaltyRightSideContainer.loyaltyRightSideContainerWithBg::after { bottom: 0px; left: 0px; right: 0px; margin: auto; height: 1px; width: 91.6667%; background-color: var(--colorBaseAlpha300); --tw-content: ""; content: var(--tw-content); position: absolute; }
@media (min-width: 1024px) {
  .loyaltyRightSideContainer.loyaltyRightSideContainerWithBg::after { width: 24rem; }
}
.loyaltyRightSideContainer.loyaltyRightSideContainerWithBg .loyaltyHeaderText { color: var(--colorBaseAlpha950); }
.loyaltyRightSideContainer.loyaltyRightSideContainerWithBg .loyltyPromoCode { border-color: var(--colorBaseAlpha950); color: var(--colorBaseAlpha950); }
.loyaltyRightSideContainer.loyaltyRightSideContainerWithBg .loyltyPromoCode svg path { fill: var(--colorBaseAlpha950); }
.loyaltyRightSideContainer.newLoyaltyBg::after, .loyaltyRightSideContainer.newLoyaltyBg::before { display: none; }
.loyaltyRightSideContainer .itemList { grid-template-columns: repeat(2, minmax(0px, 1fr)); display: grid; flex-wrap: wrap; }
@media (min-width: 1024px) {
  .loyaltyRightSideContainer .itemList { display: flex; }
}
.loyaltyRightSideContainer .ShowMoreItems, .loyaltyRightSideContainer .buttonWrapper { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.loyaltyRightSideContainer .ShowMoreItems { margin-left: auto; margin-right: auto; gap: 2px; font-family: var(--fontFamiliesBody); margin-inline: auto; display: flex; align-items: center; }
.loyaltyRightSideContainer .ShowMoreItems.reverseIcon .suffixIcon { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.loyaltyRightSideContainer .ShowMoreItems .suffixIcon svg path { fill: rgb(255, 255, 255); }
.noDealText { padding: 1.5rem 2.5rem; font-size: 1.125rem; line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); text-align: center; }
.referFriendHeading, .singleDealHeading { margin-top: 1.25rem; margin-bottom: 1.25rem; font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; font-weight: 400; line-height: var(--lineHeightsSm); }
.singleDealBanner { margin: 1rem auto auto; border-radius: var(--borderRadiusSoftlyRounded); background-color: var(--colorQuaternary300); padding: 0.25rem 0.375rem; font-family: var(--fontFamiliesPrimary); font-weight: var(--fontWeightsBold); width: fit-content; }
.singleDealBanner, .singleDealDesc { font-size: 0.875rem; line-height: 1.25rem; }
.singleDealDesc { margin-bottom: 1.5rem; font-family: var(--fontFamiliesBody); font-weight: 400; color: var(--colorBaseAlpha600); }
.singleDealExp { font-size: 0.875rem; line-height: 1.25rem; }
.singleDealExp, .singleDealTaxes { font-family: var(--fontFamiliesBody); font-weight: 400; color: var(--colorBaseAlpha600); display: block; }
.singleDealTaxes { margin-top: 0.5rem; margin-bottom: 0.5rem; font-size: 0.75rem; line-height: 1rem; }
.singleDealTermsCondition { column-gap: 0.125rem; padding-top: 1rem; font-family: var(--fontFamiliesBody); font-size: 1rem; font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsXs); color: var(--colorBaseOffBlack500); display: inline-flex; cursor: pointer; align-items: center; }
.referFriendInputContainer { margin: 1.25rem auto; border-radius: var(--borderRadiusRounded); border-width: var(--borderWidthHairline); border-color: var(--colorFormFieldsBorderEnabled); padding: 1rem 1.25rem 2rem; margin-inline: auto; display: flex; flex-direction: column; }
.referFriendInput { border-color: var(--colorFormFieldsBorderEnabled); font-weight: 700; line-height: var(--lineHeightsMd); outline: transparent none 2px; outline-offset: 2px; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; background-color: transparent; text-transform: uppercase; --tw-outline-style: none; }
.referFriendInput, .referFriendInputLabel { padding-bottom: 0.5rem; font-family: var(--fontFamiliesBody); color: var(--colorFormFieldsForegroundEnabled); text-align: left; }
.referFriendInputLabel { font-size: var(--fontSizeFontSizeXs); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsXs); }
.loyaltyHeaderText { font-size: var(--fontSizeFontSizeMd); line-height: var(--lineHeightsSm); }
.loyaltyHeaderText, .loyltyPromoCode { font-family: var(--fontFamiliesPrimary); font-weight: var(--fontWeightsRegular); color: var(--colorForegroundContentInverseEnabled); }
.loyltyPromoCode { margin-left: auto; margin-right: auto; margin-top: 1rem; gap: 0.5rem; border-radius: var(--borderRadiusPill); border-color: var(--colorForegroundContentInverseEnabled); padding: 0.5rem 1rem; font-size: var(--fontSizeFontSizeXs); margin-inline: auto; flex-direction: row; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.applyRewardLink, .loyltyPromoCode { display: flex; align-items: center; justify-content: center; }
.applyRewardLink { padding-top: 1.25rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsRg); color: var(--colorButtonTertiaryForegroundEnabled); cursor: pointer; --tw-leading: --lineHeightsRg; }
.applyRewardLink svg { margin-left: 0.125rem; height: 0.75rem; width: 0.75rem; }
.loyaltyRewardText { padding-top: 1rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsSm); }
.loyaltyRewardText.with-bg { background-image: url("../scraped_assets/images/border-black.de09dfc6.png"); background-size: auto; background-position: center bottom; background-repeat: no-repeat; }
@media (min-width: 1024px) {
  .loyaltyRewardText.with-bg { background-image: none; background-size: contain; }
}
.loyaltyRewardText.referFriendsText { padding-top: 1.5rem; }
.loyaltyRewardsValid { padding-top: 0.25rem; font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsRegular); color: var(--colorForegroundContentSubtleEnabled); }
.loyaltyRewardsBtn, .loyaltyRewardsValid { font-family: var(--fontFamiliesBody); line-height: var(--lineHeightsXs); }
.loyaltyRewardsBtn { margin-left: auto; margin-right: auto; margin-top: 1.25rem; height: 3rem; gap: 0.5rem; padding: 0.5rem 1rem; font-weight: var(--fontWeightsBold); color: var(--colorBaseOffBlack500); margin-inline: auto; width: 100%; flex-direction: row; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .rewardEarnSteps { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); justify-content: flex-start; gap: 2rem; }
}
.rewardEarnSteps { display: flex; width: 100%; flex-wrap: wrap; justify-content: center; }
@media (min-width: 1024px) {
  .rewardEarnSteps { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); justify-content: flex-start; column-gap: 28px; }
}
@media (min-width: 1280px) {
  .rewardEarnSteps { column-gap: 38px; }
}
@media (min-width: 1536px) {
  .rewardEarnSteps { column-gap: 43px; }
}
.rewardEarnSteps img { max-width: max-content; }
.rewardEarnSteps svg { height: 2rem; width: 2rem; }
.rewardEarnStepsText { font-weight: var(--fontWeightsBold); }
.rewardEarnStepsDescription, .rewardEarnStepsText { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); color: var(--colorForegroundContentInverseEnabled); }
.rewardEarnStepsDescription { padding-top: 0.5rem; font-weight: var(--fontWeightsRegular); }
.bankRewardInputContainer { margin-left: auto; margin-right: auto; margin-top: 1.25rem; border-radius: var(--borderRadiusRounded); border-width: var(--borderWidthHairline); border-color: var(--colorFormFieldsBorderEnabled); padding: 1.25rem; margin-inline: auto; display: flex; flex-direction: column; }
.bankRewardInputContainer.dollarPlaceholder .floating-container::after { position: absolute; left: 0px; top: 1rem; --tw-content: "$"; content: var(--tw-content); }
.bankRewardInputContainer.dollarPlaceholder .floating-container .floatingInputField { padding-left: 9px; }
.bankRewardInputContainer.errorColor .floating-container { font-weight: var(--fontWeightsRegular); }
.bankRewardInputContainer.errorColor .floating-container::after { content: var(--tw-content); color: var(--colorFormFieldsForegroundError); }
.bankRewardInputContainer.errorColor .floating-container .floatingInputField.invalid { font-weight: var(--fontWeightsRegular); }
.contact-us-bank-reward { margin-top: 1.5rem; height: 3rem; gap: 0.5rem; display: flex; align-items: center; justify-content: center; }
.earnPointsHeading, .invalidReceiptHeading { margin-top: 1.25rem; margin-bottom: 1.25rem; font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; font-weight: 400; line-height: var(--lineHeightsSm); }
.scanReceipt { margin-bottom: 1.25rem; border-radius: 1.5rem; border-color: var(--colorBaseAlpha600); background-color: var(--colorBaseLightBeige500); padding: 2rem 1rem 1.5rem; border-width: 1px; --tw-border-style: solid; border-style: solid; text-align: center; }
.scanReceipt::after { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; border-radius: 1.5rem; background-image: url("../scraped_assets/images/scanReceiptBg.ebf35998.png"); background-size: contain; background-repeat: no-repeat; --tw-content: ""; content: var(--tw-content); }
.scanReceipt.nlScanReceipt { background-color: var(--colorBackgroundNeutralBright); }
.scanReceipt.nlScanReceipt::after { content: var(--tw-content); background-image: url("../scraped_assets/images/nlScanBg.c9bcabef.png"); }
.scanReceipt .startOrderButtonStyle { margin-top: 2rem; padding-top: 0.875rem; padding-bottom: 0.875rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeRg); position: relative; z-index: 10; height: auto; }
.scanQrCode { margin-left: auto; margin-right: auto; margin-bottom: 0.75rem; height: 13rem; width: 13rem; border-radius: 1rem; border-color: var(--colorBaseAlpha300); background-color: var(--colorBaseAlpha50); position: relative; z-index: 10; margin-inline: auto; display: flex; align-items: center; justify-content: center; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.scanQrCode svg { margin: auto; height: 11rem; width: 11rem; }
.scanQrCode.scanQRCodeAPIFail { background-color: var(--colorBackgroundNeutralDim); }
.scanQRCodeAPIFailText { margin-bottom: 1rem; height: 0.5rem; width: 8rem; }
.scanQRCodeAPIFailReceiptText, .scanQRCodeAPIFailText { margin-left: auto; margin-right: auto; background-color: var(--colorBackgroundNeutralDim); margin-inline: auto; }
.scanQRCodeAPIFailReceiptText { margin-bottom: 0.25rem; height: 1rem; width: 10rem; }
.scanQRCodeAPIFailReceiptText.scanQRCodeAPIFailReceiptTextM { width: 13rem; }
.rewardsDealPointsInfo.OrderSections { gap: 0.5rem; border-color: var(--colorDividerDim); padding-top: 1.25rem; display: flex; border-top-style: var(--tw-border-style); border-top-width: 1px; }
.loyltyScanCode { margin-left: auto; margin-right: auto; margin-top: 1rem; gap: 0.5rem; padding: 0.5rem 1rem; font-size: var(--fontSizeFontSizeXs); font-weight: var(--fontWeightsRegular); margin-inline: auto; display: flex; width: 100%; flex-direction: row; align-items: center; justify-content: center; }
.barcodeScanHeading, .loyltyScanCode { font-family: var(--fontFamiliesPrimary); }
.barcodeScanHeading { margin-top: 1.25rem; margin-bottom: 1.25rem; font-size: 1.125rem; font-weight: 400; line-height: var(--lineHeightsSm); }
.howItWorksContainer { background-color: var(--colorBaseLightBeige500); background-image: url("../scraped_assets/images/border-black.de09dfc6.png"); background-size: auto; background-position: center bottom; padding-top: 1.5rem; padding-bottom: 1.5rem; background-repeat: no-repeat; }
@media (min-width: 1024px) {
  .howItWorksContainer { background-size: contain; padding-top: 4rem; padding-bottom: 4rem; }
}
@media (min-width: 640px) {
  .howItWorksInnerContainer { max-width: 640px; }
}
@media (min-width: 768px) {
  .howItWorksInnerContainer { max-width: 768px; }
}
@media (min-width: 1024px) {
  .howItWorksInnerContainer { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .howItWorksInnerContainer { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .howItWorksInnerContainer { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .howItWorksInnerContainer { max-width: 1536px; }
}
.site-map .howItWorksInnerContainer { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .howItWorksInnerContainer { flex-direction: row; }
}
.site-map .howItWorksInnerContainer .leftColumn .level-1, .site-map .howItWorksInnerContainer .leftColumn .level-2, .site-map .howItWorksInnerContainer .leftColumn .level-3, .site-map .howItWorksInnerContainer .rightColumn .level-1, .site-map .howItWorksInnerContainer .rightColumn .level-2, .site-map .howItWorksInnerContainer .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .howItWorksInnerContainer .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .howItWorksInnerContainer .level-2, .site-map .howItWorksInnerContainer .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .howItWorksInnerContainer .rightColumn { background-color: transparent; }
.site-map .howItWorksInnerContainer .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .howItWorksInnerContainer .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .howItWorksInnerContainer .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .howItWorksInnerContainer .camelCaseClass { text-transform: capitalize; }
.site-map .howItWorksInnerContainer .lowerCaseClass { text-transform: lowercase; }
.site-map .howItWorksInnerContainer h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.howItWorksInnerContainer { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .howItWorksInnerContainer { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .howItWorksInnerContainer { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .howItWorksInnerContainer .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .howItWorksInnerContainer .leftColumn { width: 50%; }
}
.site-map .howItWorksInnerContainer .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .howItWorksInnerContainer .leftColumn .level-1 { padding: 0px; }
.site-map .howItWorksInnerContainer .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .howItWorksInnerContainer .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .howItWorksInnerContainer .rightColumn { width: 50%; }
}
.site-map .howItWorksInnerContainer .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .howItWorksInnerContainer .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .howItWorksInnerContainer .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .howItWorksInnerContainer .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .howItWorksInnerContainer .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.howItWorksInnerContainer { margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .howItWorksInnerContainer { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .howItWorksInnerContainer { max-width: 1440px; }
}
.howItWorksInnerContainer { margin-inline: auto; width: 100%; }
@media (min-width: 1024px) {
  .howItWorksInnerContainer { margin-right: auto; width: 75%; padding-left: 0px; padding-right: 0px; }
}
.howItWorksContent { padding-bottom: 1rem; padding-top: 1.5rem; width: 100%; }
@media (min-width: 1024px) {
  .howItWorksContent { margin-top: 2.5rem; padding-bottom: 2.5rem; }
}
.howItWorkStepsText { margin-top: 0.25rem; font-weight: var(--fontWeightsBold); }
.howItWorkStepsDescription, .howItWorkStepsText { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); }
.howItWorkStepsDescription { padding-top: 0.5rem; font-weight: var(--fontWeightsRegular); }
.rewardEarnStepsHeading { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsSm); }
.earningBankedContainer { margin-bottom: 2rem; border-radius: var(--borderRadiusRoundLimit); border-color: var(--colorBaseAlpha300); background-color: var(--colorBackgroundNeutralBright); background-image: url("../scraped_assets/images/texture_bg.21898748.png"); background-size: contain; padding: 2.25rem 1.25rem; border-style: var(--tw-border-style); border-width: 2px; background-repeat: no-repeat; }
@media (min-width: 1024px) {
  .earningBankedContainer { margin-bottom: 0px; border-width: 0px; background-color: transparent; background-image: none; padding: 0px; }
}
.earningBankedContainer .rewardEarnStepsHeading { margin-bottom: 0.75rem; font-size: var(--fontSizeFontSizeLg); line-height: var(--lineHeightsMd); text-align: center; }
@media (min-width: 1024px) {
  .earningBankedContainer .rewardEarnStepsHeading { text-align: left; font-size: var(--fontSizeFontSizeMd); line-height: var(--lineHeightsSm); }
}
.earningBankedContainer .earnRewards { margin-right: 1.5rem; gap: 1.75rem; }
.signUpContainer { background-color: var(--colorBaseOffBlack500); padding-bottom: 2.5rem; padding-top: 1rem; color: var(--colorBaseAlpha50); text-align: center; }
.signUpContainer h3 { margin-top: 1.25rem; font-size: var(--fontSizeFontSizeMd); font-weight: var(--fontWeightsBold); line-height: var(--lineHeightsMd); text-transform: uppercase; }
.signUpContainer .buttonSecondary { margin-top: 2rem; min-width: 18rem; border-radius: var(--borderRadiusRoundLimit); border-color: var(--colorBaseAlpha50); font-family: var(--fontFamiliesBody); color: var(--colorBaseAlpha50); border-style: var(--tw-border-style); border-width: 2px; }
.signUpContainer .buttonSecondary:hover { color: var(--colorBaseOffBlack500); }
.howItWorksContainerNew { margin-left: auto; margin-right: auto; background-image: none; padding-left: 0px; padding-right: 0px; margin-inline: auto; background-color: transparent; }
@media (min-width: 1024px) {
  .howItWorksContainerNew { padding-left: 72px; padding-right: 72px; }
}
.howItWorksContainerNew .howItWorksInnerContainer { max-width: 526px; }
.howItWorksNewContent { border-color: var(--colorBaseAlpha300); padding-bottom: 0.25rem; padding-top: 1rem; border-bottom-width: 1px; --tw-border-style: solid; border-style: solid; }
.howItWorksNewHeading { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); }
.howItWorksNewDesc, .howItWorksNewHeading { font-weight: var(--fontWeightsRegular); color: var(--colorBaseOffBlack500); }
.howItWorksNewDesc { padding-bottom: 1rem; font-size: var(--fontSizeFontSizeRg); }
.howItWorksNewDesc p { margin-bottom: 0.25rem; margin-top: 1rem; font-size: 14px; }
.howItWorksNewDesc ol, .howItWorksNewDesc ul { list-style-type: inherit; padding-left: 1.25rem; }
.howItWorksNewDesc ol p, .howItWorksNewDesc ul p { margin-top: 0px; margin-bottom: 0px; font-size: 16px; }
.howItWorksNewDesc ol { list-style-type: decimal; }
.howItWorksNewBadge { margin-bottom: 0.5rem; border-radius: 0.25rem; padding: 0.25rem 0.375rem; font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsBold); display: inline-block; }
.howItWorksNewBadge, .howItWorksNewCancel { color: var(--colorBaseOffBlack500); }
.howItWorksNewCancel { margin-bottom: 1rem; height: 3rem; border-radius: 0.375rem; border-color: var(--colorBaseAlpha800); padding: 0px 2rem; font-family: var(--fontFamiliesPrimary); font-weight: var(--fontWeightsRegular); display: flex; width: fit-content; align-items: center; justify-content: center; border-width: 1px; --tw-border-style: solid; border-style: solid; font-size: 20px; }
.howItWorksNewCancel svg { margin-right: 0.5rem; height: 1.5rem; width: 1.5rem; }
.howItWorksNewEarn { padding-bottom: 0px; font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsRegular); color: var(--colorBaseAlpha600); }
.howItWorksNewPerks { padding-bottom: 1rem; font-weight: var(--fontWeightsBold); }
.errorInnerContainer { margin-bottom: 4rem; padding-left: 1.25rem; padding-right: 1.25rem; display: flex; flex-direction: column; align-items: center; }
@media (min-width: 1024px) {
  .errorInnerContainer { position: sticky; top: 135px; margin-bottom: 2rem; margin-left: 0px; margin-top: 2.5rem; border-radius: var(--borderRadiusRoundLimit); border-width: 1px; border-color: var(--colorForegroundBorderBrighter); background-color: var(--colorBackgroundNeutralBright); padding-right: 1.5rem; padding-bottom: 2rem; padding-left: 2rem; }
}
.errorInnerContainer .buttonSecondary { margin-top: 2rem; font-family: var(--fontFamiliesBody); color: var(--colorBaseOffBlack500); width: 100%; }
@media (min-width: 1024px) {
  .errorInnerContainer .buttonSecondary { width: auto; }
}
.errorMessegeTitle { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsMd); text-align: center; }
@media (min-width: 1024px) {
  .errorMessegeTitle { padding-left: 1.25rem; padding-right: 1.25rem; }
}
.rewardsInputContainer { margin: 2.25rem auto 3rem; border-radius: var(--borderRadiusRounded); border-width: var(--borderWidthHairline); border-color: var(--colorFormFieldsBorderEnabled); padding: 1.25rem; position: relative; margin-inline: auto; display: flex; width: 100%; flex-direction: column; }
.rewardsInputContainer .error-message { align-items: center; }
.rewardsInputContainer .error-message svg { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.barcodeScanner { left: 0px; top: 0px; width: 100dvw; background-color: var(--colorBaseOffBlack500); position: fixed; z-index: 50; display: flex; height: 100dvh; flex-direction: column; }
.barcodeScanner video { height: 100dvh; object-fit: cover; }
.scannerTitle { height: 7rem; background-color: var(--colorBaseLightBeige500); padding: 1rem; display: flex; align-items: center; justify-content: center; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.scannerTitle .scannerRoundArrow { display: none; }
.scannerTitle .scannerRoundArrow { left: 1rem; position: absolute; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.scannerPosition { display: none; }
.scannerPosition { left: 0px; right: 0px; top: 9rem; z-index: 999; margin: auto; background-color: var(--colorBaseAlpha950); padding: 0.75rem 1.25rem; font-family: var(--fontFamiliesBody); font-weight: var(--fontWeightsRegular); color: var(--colorBaseAlpha50); position: absolute; width: fit-content; border-radius: calc(infinity * 1px); }
.invalid .floating-container .fbr-floating-label { color: var(--colorStatusDangerBase); }
.rewardsSection { gap: 0.5rem; width: 100%; flex-wrap: wrap; justify-content: center; }
@media (min-width: 1024px) {
  .rewardsSection { justify-content: flex-start; column-gap: 1rem; }
}
.rewardsSection .itemListContainer { overflow: hidden; }
.rewardsSection .itemListContainer .\!rewards, .rewardsSection .itemListContainer .rewards { margin-bottom: 0px; height: 198px; min-width: 164px; background-color: var(--colorBackgroundNeutralInverseBase); --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); width: 100%; }
.rewardsSection .itemListContainer .\!rewards.loyaltyRewardDisable, .rewardsSection .itemListContainer .rewards.loyaltyRewardDisable { background-color: var(--colorForegroundIconDisabled); --tw-border-style: none; border-style: none; }
.rewardsSection .itemListContainer .\!rewards:last-child, .rewardsSection .itemListContainer .rewards:last-child { margin-right: 1.25rem; }
.rewardsSection .itemListContainer .itemList { gap: 6px 0.5rem; }
@media (min-width: 1024px) {
  .rewardsSection .itemListContainer .itemList { gap: 0.75rem; }
}
.\!rewards { margin-bottom: 1rem; border-radius: var(--borderRadiusRounded); border-color: var(--colorBackgroundBrandSecondary); font-size: 0.875rem; line-height: 1.25rem; position: relative; display: flex; cursor: pointer; flex-direction: column; justify-content: space-between; overflow: hidden; border-width: 3px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .\!rewards { max-width: 10rem; }
}
.rewards { margin-bottom: 1rem; border-radius: var(--borderRadiusRounded); border-color: var(--colorBackgroundBrandSecondary); font-size: 0.875rem; line-height: 1.25rem; position: relative; display: flex; cursor: pointer; flex-direction: column; justify-content: space-between; overflow: hidden; border-width: 3px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .rewards { max-width: 10rem; }
}
.\!rewards .disableBlock, .rewards .disableBlock { display: none; }
.rewardDishTitle { font-family: var(--fontFamiliesPrimary); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsSm); color: var(--colorForegroundContentInverseEnabled); text-align: left; }
.rewardDishTitle h4 { display: inline-flex; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.rewardDishTitle h4 .rewardTitleArrow { display: none; }
.rewardDishTitle h4 .rewardTitleArrow { bottom: 0px; padding-left: 7px; position: absolute; }
.rewardDishTitle h4 .rewardTitleArrow svg { top: 0px; width: 0.75rem; position: relative; display: inline; }
.hintText { font-family: var(--fontFamiliesBody); font-size: 0.75rem; line-height: 1rem; color: var(--colorBaseAlpha200); display: flex; justify-content: center; }
.rewardsImg { height: 92px; width: 100%; }
.rewardsImg img { height: 100%; width: 100%; object-fit: contain; }
.loyaltyRewardDisable { pointer-events: none; border-color: var(--colorForegroundIconDisabled); background-color: var(--colorSelectionControlsQuantityBorderDisabled); border-style: var(--tw-border-style); border-width: 1px; }
.loyaltyRewardDisable .rewardDishName { color: var(--colorForegroundContentSubtlestEnabled); }
.loyaltyRewardDisable .rewardsBadge { border-color: var(--colorDividerInverseBright); color: var(--colorForegroundContentDisabled); background-color: transparent; }
.loyaltyRewardDisable .rewardsBadge svg { display: none; }
.loyaltyRewardDisable .rewardsImg { opacity: 0.5; }
.loyaltyRewardDisable .rewardDishTitle { color: var(--colorForegroundContentSubtlestEnabled); }
.loyaltyRewardDisable .disableNone, .loyaltyRewardDisable .rewardTitleArrow { display: none; }
.loyaltyRewardDisable .disableBlock { display: block; }
.dealCard { border-radius: 0.5rem; background-color: var(--colorBaseOffBlack500); display: flex; width: 100%; align-items: center; --tw-border-style: solid; border: 1px solid rgba(255, 255, 255, 0.25); }
.dealCard .expireDate { color: var(--colorForegroundContentSubtleInverseEnabled); }
.rewardDishName { font-family: var(--fontFamiliesPrimary); font-size: var(--typographyHeadlineSmallFontSize); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsSm); color: var(--colorForegroundContentInverseEnabled); text-align: left; display: ruby-text; }
.loyaltyTermsAndCondition { font-size: var(--fontSizeFontSizeXs); line-height: var(--lineHeightsXs); color: var(--colorForegroundContentInversePressed); }
.expireDate, .loyaltyTermsAndCondition { font-family: var(--fontFamiliesBody); font-weight: var(--fontWeightsRegular); }
.expireDate { color: var(--colorForegroundContentSubtleEnabled); --tw-leading: --lineHeightsRg; }
.expireDate, .expiringSoonBadge { font-size: var(--fontSizeFontSizeSm); line-height: var(--lineHeightsRg); }
.expiringSoonBadge { margin-bottom: 0.5rem; border-radius: 0.25rem; background-color: var(--colorBackgroundBrandQuaternary); padding: 0.125rem 0.375rem; font-family: var(--fontFamiliesBody); font-weight: var(--fontWeightsBold); color: var(--colorForegroundBrandQuaternaryOnBackground); display: inline-block; --tw-border-style: solid; border-style: solid; --tw-leading: --lineHeightsRg; }
.expiringSoonBadge.newDealBg { background-color: var(--colorBaseAlpha50); }
.rewardsSliderHeader { padding-left: 1.25rem; padding-top: 1.5rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsSm); color: var(--colorForegroundContentEnabled); }
.dealSection { row-gap: 1rem; padding-bottom: 1rem; padding-top: 2rem; display: flex; width: 100%; cursor: pointer; flex-wrap: wrap; justify-content: flex-start; }
@media (min-width: 1024px) {
  .dealSection { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 1rem; }
}
.NewLoyaltyDealsSlider .dealSection.dealCart { flex-wrap: nowrap; padding-bottom: 0px; display: flex; gap: 10px; }
.NewLoyaltyDealsSlider .dealSection.dealCart .dealCard { max-width: 300px; width: auto; min-width: 335px; }
.NewLoyaltyDealsSlider .dealSection.dealCart .dealCard:last-child { margin-right: 1rem; }
.NewLoyaltyDealsSlider .dealSection .dealCardSec { min-width: min-content; }
.NewLoyaltyDealsSlider .isDealApplied { background-color: var(--colorBackgroundBrandTertiary); }
.NewLoyaltyDealsSlider .isDealApplied .rewardDishName { color: var(--colorForegroundContentFilled); }
.NewLoyaltyDealsSlider .isDealApplied .expireDate, .NewLoyaltyDealsSlider .isDealApplied .loyaltyTermsAndCondition { color: var(--colorStatusPositiveOnBase); }
.NewLoyaltyDealsSlider .isDealApplied svg path { fill: var(--colorForegroundContentFilled); }
.disableBlock { display: none; }
.imageWithText { margin-top: 0.5rem; gap: 0px; position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; }
.rewardsPointsAvailable { padding-left: 1.25rem; padding-top: 0.5rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); color: var(--colorForegroundContentSubtleEnabled); }
.NewLoyaltyRewardsSlider .rewardSliderTermsandCondition { display: flex; flex-direction: column-reverse; }
.NewLoyaltyRewardsSlider .isRewardApplied { background-color: var(--colorBackgroundBrandSecondary); }
.NewLoyaltyRewardsSlider .isRewardApplied .rewardsBadge { background-color: var(--colorForegroundBrandPrimaryOnBackground); color: var(--colorForegroundContentEnabled); }
.NewLoyaltyRewardsSlider .isRewardApplied .rewardDishTitle { color: var(--colorForegroundContentEnabled); }
.modulerCtr .rewardSliderTermsandCondition { display: flex; flex-direction: column; }
.rewardSliderTermsandCondition .sliderChevronIcon { margin-top: 1rem; }
.loyaltyheaderResponsive .doubleTextFontSize { font-size: var(--fontSizeFontSizeXxl); text-overflow: ellipsis; }
.loyaltyheaderResponsive .bannerDoubleTextOne { line-height: 34px; }
.loyaltyheaderResponsive .bannerDoubleTextTwo { line-height: 2.25rem; }
.loyaltyheaderResponsive.stayGold .bannerDoubleTextTwo { line-height: 34px; color: var(--colorBackgroundBrandQuaternary); }
.loyaltyheaderResponsive.stayGold .bannerDoubleTextOne { line-height: 2rem; }
.rewardsBadge { margin-bottom: 0.5rem; height: 1.5rem; gap: 0.25rem; border-radius: 0.25rem; border-color: var(--colorBackgroundBrandSecondary); background-color: var(--colorBackgroundBrandSecondary); padding-left: 0.375rem; padding-right: 0.375rem; font-family: var(--fontFamiliesBody); font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; display: inline-flex; align-items: center; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.rewardsBadge.stayGold { border-color: var(--colorBackgroundBrandQuaternary); background-color: var(--colorBackgroundBrandQuaternary); }
.taxAndFeesApplylink { margin-bottom: 1rem; padding-top: 1rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeXs); color: var(--colorForegroundContentSubtleEnabled); display: block; }
.doubleDeals .moduleCtr { padding-top: 1.5rem; padding-bottom: 1.5rem; }
@media (min-width: 1024px) {
  .doubleDeals .moduleCtr .rewardsSection { margin-bottom: 0px; }
}
.multipleDeals .moduleCtr { margin-top: 1.5rem; padding-right: 0px; padding-top: 0px; width: 100%; overflow: hidden; }
@media (min-width: 1024px) {
  .multipleDeals .moduleCtr { width: 416px; }
}
.multipleDeals .moduleCtr .rewardsSliderContainer { padding-bottom: 1rem; padding-right: 1.5rem; padding-top: 1.5rem; }
.multipleDeals .moduleCtr .rewardSliderTermsandCondition { padding-right: 1.5rem; }
.multipleDeals .moduleCtr .itemListContainer { width: 100%; }
@media (min-width: 1024px) {
  .multipleDeals .moduleCtr .itemListContainer { width: 392px; }
}
.multipleDeals .moduleCtr .rewardsSection { grid-template-rows: none; }
.multipleDeals .exclusiveMemberDeals .itemListContainer { width: 100%; }
.multipleDeals .exclusiveMemberDeals .itemListContainer .sliderChevronIcon { padding-right: 0px; padding-top: 0px; }
.multipleDeals .exclusiveMemberDeals .exclusiveSliderBanner { min-width: 315px; }
@media (min-width: 1024px) {
  .multipleDeals .exclusiveMemberDeals .exclusiveSliderBanner { min-width: 335px; }
}
.multipleDeals .exclusiveMemberDeals .exclusiveSliderBanner:last-child { margin-right: 1.5rem; }
.multipleDeals .exclusiveMemberDeals .exclusiveMemberSlider { width: 100%; }
@media (min-width: 1024px) {
  .multipleDeals .exclusiveMemberDeals .exclusiveMemberSlider { width: calc(-584px + 100vw); max-width: 856px; }
}
.multipleDeals .exclusiveMemberDeals .exclusiveMemberSliderWrapper { padding: 0px 1.25rem; }
@media (min-width: 1024px) {
  .multipleDeals .exclusiveMemberDeals .exclusiveMemberSliderWrapper { padding-right: 0px; }
}
.fulldeal .exclusiveMemberDeals, .fulldeal .exclusiveMemberDeals .exclusiveMemberSlider { width: 100%; }
.fulldeal .exclusiveMemberDeals .exclusiveMemberSlider .exclusiveMemberSliderWrapper { padding-bottom: 1.5rem; }
.fulldeal .exclusiveMemberDeals .exclusiveMemberSlider .itemListContainer { width: 100%; }
.fulldeal .exclusiveMemberDeals .exclusiveMemberSlider .sliderChevronIcon { margin-right: 1.5rem; }
.doubleDeals .moduleCtr { margin-top: 1.5rem; margin-bottom: 1.5rem; padding: 1.5rem; width: 100%; overflow: hidden; }
@media (min-width: 1024px) {
  .doubleDeals .moduleCtr { width: 710px; }
}
.doubleDeals .moduleCtr .itemListContainer { width: 100%; }
@media (min-width: 1024px) {
  .doubleDeals .moduleCtr .itemListContainer { width: calc(-660px + 100vw); }
  .doubleDeals .moduleCtr .rewardSliderTermsandCondition, .doubleDeals .moduleCtr .rewardsSliderContainer { width: calc(-750px + 100vw); max-width: 684px; padding-right: 1.5rem; }
}
.doubleDeals .moduleCtr .rewardsSection { grid-template-rows: none; }
.doubleDeals .moduleCtr .rewardsSection .itemList { gap: 0.75rem; }
.doubleDeals .exclusiveMemberDeals .itemListContainer { width: 100%; }
.doubleDeals .exclusiveMemberDeals .itemListContainer .sliderChevronIcon { padding-right: 1.5rem; padding-top: 1rem; }
.doubleDeals .exclusiveMemberDeals .exclusiveSliderBanner { min-width: 335px; }
.doubleDeals .exclusiveMemberDeals .exclusiveMemberSlider { width: 100%; }
@media (min-width: 1024px) {
  .doubleDeals .exclusiveMemberDeals .exclusiveMemberSlider { width: 562px; }
}
.doubleDeals .exclusiveMemberDeals .exclusiveMemberSliderWrapper { padding: 0px 1.5rem 1.5rem; }
.singleDeals .moduleCtr { margin-top: 1.5rem; margin-bottom: 1.5rem; padding: 1.5rem 0px 1.5rem 1.5rem; width: 100%; overflow: hidden; }
@media (min-width: 1024px) {
  .singleDeals .moduleCtr { width: 864px; }
  .singleDeals .moduleCtr .itemListContainer { width: calc(-600px + 100vw); max-width: 840px; }
}
.singleDeals .moduleCtr .rewardSliderTermsandCondition, .singleDeals .moduleCtr .rewardsSliderContainer { max-width: 832px; padding-right: 1.25rem; }
@media (min-width: 1024px) {
  .singleDeals .moduleCtr .rewardSliderTermsandCondition, .singleDeals .moduleCtr .rewardsSliderContainer { width: calc(-600px + 100vw); }
}
.singleDeals .moduleCtr .rewardsSection { grid-template-rows: none; }
@media (min-width: 1024px) {
  .singleDeals .moduleCtr .rewardsSection { margin-bottom: 0px; }
}
.singleDeals .moduleCtr .rewardsSection .itemList { gap: 0.75rem; }
.singleDeals .moduleCtr .rewardsSection .itemList .\!rewards:last-child, .singleDeals .moduleCtr .rewardsSection .itemList .rewards:last-child { margin-right: 1.5rem; }
.singleDeals .exclusiveMemberDeals .itemListContainer { width: 100%; }
@media (min-width: 1024px) {
  .singleDeals .exclusiveMemberDeals .itemListContainer { width: auto; }
}
.singleDeals .exclusiveMemberDeals .itemListContainer .sliderChevronIcon { padding-top: 1rem; }
.singleDeals .exclusiveMemberDeals .exclusiveSliderBanner { margin-left: auto; margin-right: auto; max-width: 335px; margin-inline: auto; min-width: 335px; }
.singleDeals .exclusiveMemberDeals .exclusiveMemberSlider { width: 100%; }
@media (min-width: 1024px) {
  .singleDeals .exclusiveMemberDeals .exclusiveMemberSlider { width: 403px; }
}
.singleDeals .exclusiveMemberDeals .exclusiveMemberSliderWrapper { padding-bottom: 1.5rem; padding-left: 0px; width: auto; }
.fullSliderDeals .moduleCtr { margin-top: 1.5rem; margin-bottom: 1.5rem; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1rem; width: 100%; }
@media (min-width: 1024px) {
  .fullSliderDeals .moduleCtr .itemListContainer { width: calc(-170px + 100vw); max-width: 1270px; }
}
.fullSliderDeals .moduleCtr .rewardSliderTermsandCondition, .fullSliderDeals .moduleCtr .rewardsSliderContainer { padding-right: 1.5rem; }
.fullSliderDeals .moduleCtr .rewardsSection { margin-bottom: 0px; margin-top: 1rem; grid-template-rows: none; }
.fullSliderDeals .moduleCtr .rewardsSection .itemList { gap: 0.75rem; }
.fullSliderDeals .moduleCtr .viewAllCtr { gap: 0.25rem; display: flex; align-items: center; }
.fullSliderDeals .exclusiveMemberDeals { display: none; }
.errorModalText { margin-left: auto; margin-right: auto; max-width: 680px; align-items: baseline; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1.25rem; color: var(--colorIndicatorsDisclaimerForegroundDefault); margin-inline: auto; display: flex; }
@media (min-width: 1024px) {
  .errorModalText { padding-left: 0px; padding-right: 0px; }
}
.errorRewardText { padding-left: 0.25rem; font-family: var(--fontFamiliesBody); font-size: 0.75rem; font-weight: 400; line-height: 16.37px; }
.rewardsBadge.rewardsBadgeModal { height: 2rem; padding-left: 0.5rem; padding-right: 0.5rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: var(--fontWeightsRegular); }
.unlockReward { margin-left: 1.25rem; margin-right: 1.25rem; border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(250 197 60/var(--tw-bg-opacity)); padding: 2rem 1.25rem; --tw-shadow: 0 13px 20px 0px rgba(0,0,0,.12); --tw-shadow-colored: 0 13px 20px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); --tw-drop-shadow: drop-shadow(0 11px 9px -10px rgba(0,0,0,.35)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); position: relative; display: flex; width: 100%; flex-direction: column; align-items: center; justify-content: center; --tw-border-style: solid; border: 1px solid rgba(0, 0, 0, 0.2); text-align: center; }
@media (min-width: 1024px) {
  .unlockReward { margin-left: 0px; margin-right: 0px; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.unlockRewardIcon { display: none; }
.unlockRewardIcon { bottom: 0px; left: 0px; pointer-events: none; position: absolute; width: 100%; }
.unlockRewardIcon svg { height: 280px; width: 100%; }
@media (min-width: 1024px) {
  .unlockRewardIcon svg { height: auto; width: auto; }
}
.unlockRewardTitle { margin-bottom: 1rem; font-size: 1.5rem; line-height: 2rem; font-weight: var(--fontWeightsBold); }
.unlockRewardText, .unlockRewardTitle { color: var(--colorBaseOffBlack500); }
.unlockRewardText { font-size: 1rem; line-height: 1.5rem; font-weight: var(--fontWeightsSemibold); }
.unlockRewardBtn { margin-top: 1rem; width: 153px; background-color: var(--colorSecondary500); padding-top: 0.75rem; padding-bottom: 0.75rem; font-weight: var(--fontWeightsBold); color: var(--colorBaseAlpha50); border-radius: calc(infinity * 1px); font-size: 19px; }
.selectedRewardModal { margin-top: 1.75rem; max-width: 287px; }
@media (min-width: 1024px) {
  .selectedRewardModal { max-width: 327px; }
}
.selectedRewardModal.referFriendModal { max-width: 287px; }
.selectedRewardModal .singleDealDesc { margin-bottom: 1.5rem; text-align: left; }
.selectedRewardModal .singleDealExp { margin-top: 1rem; margin-bottom: 1rem; }
.selectedRewardModal .singleDealTermsCondition { padding: 1rem; }
.selectedRewardModal .singleDealTaxes { margin-bottom: -0.5rem; margin-top: 0.75rem; }
.selectedRewardModal .modalBtns { gap: 1rem; }
.olPolicy .globalPageLoader { bottom: 0px; top: 0px; position: fixed; display: flex; width: 100%; align-items: center; justify-content: center; overflow: hidden; }
.loyaltyLeftSideWrapper.bankedRewards .payBtn svg path { fill: var(--colorForegroundIconEnabled); }
.desriptionContent { padding-left: 0.5rem; padding-right: 0.5rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); color: var(--colorBaseAlpha600); display: block; }
.newLoyaltyLanding .starLine { opacity: 0.5; }
@media (min-width: 1024px) {
  .newLoyaltyTopSection { display: grid; min-height: 472px; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
.newLoyaltyTopSection .topSectonLeftCol .imgSec { padding-top: 2rem; }
@media (min-width: 1024px) {
  .newLoyaltyTopSection .topSectonLeftCol .imgSec { padding-top: 0px; }
}
.newLoyaltyBtmSection { min-height: 24rem; background-color: var(--colorPrimary100); padding: 0px; flex-direction: column; }
@media (min-width: 1024px) {
  .newLoyaltyBtmSection { flex-direction: row; }
  .btmSectonLeftCol, .btmSectonRightCol { width: 50%; }
}
.topSectonRightCol img { margin-left: auto; margin-right: auto; margin-inline: auto; height: 100%; width: 100%; object-fit: cover; }
@media (min-width: 1024px) {
  .btmSectonLeftCol { padding-left: 2.5rem; padding-right: 2.5rem; }
}
.btmSectonLeftCol .rewardsImgBg::before { content: var(--tw-content); border-radius: 0px; }
.btmSectonLeftCol img { background-size: cover; }
.topSectonLeftCol { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.topSectonLeftCol .imgSec { height: 102px; width: 252px; object-fit: contain; }
@media (min-width: 1024px) {
  .topSectonLeftCol .imgSec { height: 202px; width: 536px; }
}
.rewardsSubText { margin-left: auto; margin-right: auto; padding: 1.5rem 1.25rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: var(--fontWeightsSemibold); line-height: 1.5; color: var(--colorBaseOffBlack500); margin-inline: auto; max-width: 100%; text-align: center; }
.twoColrewards { margin-top: 2rem; margin-bottom: 2rem; gap: 1.25rem; }
@media (min-width: 1024px) {
  .twoColrewards { margin-left: 72px; margin-right: 72px; flex-direction: row; }
}
.newLoyaltyMiddelSec { background-color: var(--colorBackgroundBrandSecondary); padding: 0.25rem 1.25rem 2rem; position: relative; }
.newLoyaltyMiddelSec::before { position: absolute; top: -0.75rem; left: 0px; height: 0.75rem; width: 100%; }
@media (min-width: 1024px) {
  .newLoyaltyMiddelSec { margin-left: 0px; margin-right: 0px; padding: 2.5rem; }
}
.newLoyaltyMiddelSec .rewardsSignBtn { height: 3rem; width: 336px; background-color: var(--colorBaseOffBlack500); display: flex; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .newLoyaltyMiddelSec .rewardsSignBtn { width: auto; }
}
.newLoyaltyMiddelSec .rewardDealContainer { border-bottom-width: 1px; border-top-width: 0px; }
@media (min-width: 1024px) {
  .newLoyaltyMiddelSec .rewardDealContainer { border-bottom-width: 0px; }
}
.newLoyaltyMiddelSec .rewardDealContainer:first-child { border-top-width: 0px; }
.spentPointsSection { margin-left: auto; margin-right: auto; margin-inline: auto; text-align: center; }
@media (min-width: 1024px) {
  .spentPointsSection { width: 50%; }
}
.spentPointsSection .rewardsLogo { margin-left: auto; margin-right: auto; height: 4rem; width: 4rem; position: relative; margin-inline: auto; }
.rewardsIconsSection { margin-bottom: 2rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .rewardsIconsSection { margin-left: auto; margin-right: auto; margin-bottom: 44px; display: grid; max-width: 1076px; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
.twoColrewardsLeft, .twoColrewardsRight { background-color: var(--colorBaseOffWhite500); padding: 2.5rem 2rem; text-align: center; }
.newLoyaltyContent { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); line-height: var(--lineHeightsRg); --tw-leading: --lineHeightsRg; }
.newLoyaltySubHeading { margin-bottom: 0.5rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeLg); font-weight: 400; line-height: 1.5; }
@media (min-width: 1024px) {
  .newLoyaltySubHeading { line-height: var(--lineHeightsMd); }
}
.newLoyaltyBtmSection { display: flex; justify-content: center; }
.newLoyaltyBtmSection .newLoyaltySubHeading { margin-bottom: 1rem; margin-top: 0px; font-size: var(--fontSizeFontSizeXl); }
@media (min-width: 1024px) {
  .newLoyaltyBtmSection .newLoyaltySubHeading { margin-bottom: 1.25rem; }
}
.newLoyaltyBtmSection .newLoyaltyContent { font-size: var(--fontSizeFontSizeRg); }
.newLoyaltyBtmSection .btmSectonRightCol { padding: 1.25rem; display: flex; flex-direction: column; justify-content: center; }
@media (min-width: 1024px) {
  .newLoyaltyBtmSection .btmSectonRightCol { padding: 3rem; }
}
.rewardDealContainer { margin-left: auto; margin-right: auto; margin-inline: auto; width: 100%; }
.rewardDealContainer:first-child { border-top-width: 2px; }
@media (min-width: 1024px) {
  .rewardDealContainer:first-child { border-top-width: 0px; }
}
.rewardDealContainer img { min-height: 78px; min-width: 78px; }
.rewardsImgBg { position: relative; width: 100%; }
@media (min-width: 1024px) {
  .rewardsImgBg { height: 100%; }
}
.rewardsSignBtn { width: 100%; }
@media (min-width: 1024px) {
  .rewardsSignBtn { width: auto; }
}
.rewardsSignBtn span { top: 0.125rem; position: relative; }
.cartDeals { gap: 0.5rem; padding-left: 1rem; display: flex; width: 100%; align-items: center; }
.cartDeals .dealsImage { margin-right: 0.5rem; height: 2.25rem; width: 2.25rem; display: flex; }
.cartDeals .dealsImage img { height: auto; max-width: 100%; object-fit: contain; }
.cartDeals .dealCardSec { width: 72%; }
@media (min-width: 1024px) {
  .cartDeals .dealCardSec { width: 65%; }
}
.cartDrawer .cartDeals .dealCardSec { width: 68%; }
.rewardsCardTop { height: 106px; padding-left: 15px; padding-right: 15px; padding-top: 1rem; position: relative; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.rewardsCardTop .rewardsInteractionWraper { display: none; }
.rewardsCardTop .rewardsInteractionWraper { right: 0px; top: 0px; border-radius: 0px 5px 0px 8px; background-color: var(--color-quaternary-500); position: absolute; display: flex; align-items: center; justify-content: center; height: 40px !important; width: 46px !important; }
.rewardsCardTop .rewardsInteractionWraper .rewardsInteractionButton { height: 1.5rem; min-width: 1.5rem; background-color: var(--color-brandCustomization-rewards-offers-offers-badge-text-selected); padding: 0px; align-items: center; justify-content: center; border-radius: calc(infinity * 1px); }
.rewardsCardTop .rewardsInteractionWraper .rewardsInteractionButton svg path { fill: var(--color-quaternary-500); }
.\!rewards.isRewardApplied, .rewards.isRewardApplied { background-color: var(--color-quaternary-500); }
.\!rewards.isRewardApplied .rewardsBadge, .rewards.isRewardApplied .rewardsBadge { background-color: var(--color-secondary-500); color: var(--color-quaternary-50); }
.\!rewards.isRewardApplied .rewardsBadge svg path, .rewards.isRewardApplied .rewardsBadge svg path { fill: var(--color-quaternary-50); }
.\!rewards.isRewardApplied .rewardsCardTitle, .rewards.isRewardApplied .rewardsCardTitle { color: var(--color-primary-950); }
.\!rewards.isRewardApplied .rewardsInteractionWraper, .rewards.isRewardApplied .rewardsInteractionWraper { background-color: var(--color-secondary-500); border-width: 0px !important; }
.\!rewards.isRewardApplied .rewardsInteractionButton, .rewards.isRewardApplied .rewardsInteractionButton { background-color: inherit !important; }
.\!rewards.isRewardApplied .rewardsInteractionButton svg, .rewards.isRewardApplied .rewardsInteractionButton svg { height: 1.5rem; width: 1.5rem; }
.\!rewards.isRewardApplied .rewardsInteractionButton svg path, .rewards.isRewardApplied .rewardsInteractionButton svg path { fill: var(--color-quaternary-50); }
.dealSection.dealCart .rewardDishName.regularText { font-size: var(--fontSizeFontSizeRg); line-height: 1.25rem; }
.dealSection.dealCart .rewardDishName.smallerText { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; font-size: var(--fontSizeFontSizeXs); line-height: 1.25rem; }
.howItWorksPopUpLeftArrow { left: 0px; top: 0px; --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); position: fixed; width: 100%; }
.howItWorksPopUpLeftArrow svg { margin-left: 1rem; margin-top: 1rem; }
.howItWorksPopUpLeftArrow .closeIcon svg { margin-top: 0px; }
.howItWorksNewPopUpContent { padding-bottom: 0.25rem; padding-top: 1rem; }
.howItWorksPopUpDivider { border-color: var(--colorBaseAlpha300); border-bottom-width: 1px; --tw-border-style: solid; border-style: solid; }
.howItWorksPopUp { max-height: 75dvh; max-width: 327px; line-height: 1.5; color: var(--colorBaseOffBlack500); overflow: auto; text-align: left; }
.howItWorksPopUpTitle { margin-bottom: 1rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeLg); --tw-leading: 1; line-height: 1; }
.howItWorksPopUpSubHead { margin-top: 1rem; margin-bottom: 1rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: var(--fontWeightsBold); }
.searchBoxWrapper { height: 3rem; border-radius: 0.25rem; display: flex; width: 100%; align-items: center; justify-content: space-between; }
.searchBoxWrapper.focused { border-color: var(--colorBaseAlpha950); border-style: var(--tw-border-style); border-width: 2px; }
.searchBoxWrapper.\!error, .searchBoxWrapper.error { border-color: var(--colorBaseRed700); border-style: var(--tw-border-style); border-width: 2px; }
.searchBoxInput { border-radius: 0.25rem; background-color: var(--colorFormFieldsBackgroundNeutral); font-weight: 500; outline-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); display: block; height: 100%; width: 100%; border-style: var(--tw-border-style); border-width: 0px; --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.searchBoxInput::placeholder { font-family: var(--fontFamiliesBody); }
.searchBoxInput.\!error, .searchBoxInput.error { color: var(--colorBaseRed700); }
.searchBoxInput.focused { font-weight: 500; }
.listSearchContainerWrapper { gap: 0.625rem; border-radius: 0.25rem; border-color: var(--colorBaseAlpha300); background-color: var(--colorBackgroundNeutralBase); padding: 0.875rem 1rem; --tw-shadow-colored: 0 0 #0000; display: inline-flex; width: 100%; flex-direction: column; align-items: flex-start; justify-content: flex-start; overflow-y: auto; border-width: 0px; --tw-border-style: solid; border-style: solid; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-shadow: 0 0 #0000; }
@media (min-width: 1024px) {
  .listSearchContainerWrapper { border-width: 1px; background-color: var(--colorBaseAlpha50); --tw-shadow: 0px 4px 4px 0px rgba(0,0,0,.25); --tw-shadow-colored: 0px 4px 4px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.menuSearchResultContainerWrapper { display: none; }
.menuSearchResultContainerWrapper { border-radius: 0.25rem; --tw-shadow-colored: 0 0 #0000; position: absolute; z-index: 1; width: 100%; border-style: var(--tw-border-style); border-width: 0px; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-shadow: 0 0 #0000; }
@media (min-width: 1024px) {
  .menuSearchResultContainerWrapper { top: 57px; border-width: 1px; --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
}
.menuListContainerWrapper { max-height: 210px; gap: 0.625rem; border-color: var(--colorBaseAlpha300); display: inline-flex; width: 100%; flex-direction: column; align-items: flex-start; justify-content: flex-start; overflow-y: auto; }
.menuListResult { left: 0px; top: 0px; font-family: var(--fontFamiliesBody); font-size: 0.75rem; font-weight: 400; line-height: 16.37px; position: sticky; display: flex; width: 100%; justify-content: flex-start; }
.sectionTabWrapper { margin-left: -1.25rem; margin-right: -1.25rem; grid-template-columns: repeat(2, minmax(0px, 1fr)); padding: 0.25rem; display: grid; }
@media (min-width: 1024px) {
  .sectionTabWrapper { margin-left: -1.5rem; margin-right: -1.5rem; }
}
.sectionTabButton { gap: 0.5rem; padding: 0.5rem 1rem; display: flex; align-items: center; justify-content: center; }
.sectionTabButton:focus { outline: transparent solid 2px; outline-offset: 2px; }
.activeSectionTab { border-bottom-width: var(--borderWidthThin); border-color: var(--colorBackgroundBrandSecondary); font-weight: var(--fontWeightsBold); }
.activeSectionTab, .inActiveSectionTab { padding-bottom: 0.75rem; padding-top: 1.5rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); color: var(--colorForegroundContentEnabled); width: 100%; text-align: center; }
.inActiveSectionTab { border-bottom-width: var(--borderWidthThin); border-color: var(--colorForegroundBorderBrighter); font-weight: var(--fontWeightsRegular); }
.selector { user-select: none; position: relative; display: block; cursor: pointer; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.selector input { display: none; }
.selector input { height: 0px; width: 0px; position: absolute; opacity: 0; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.selector .checkCircle { display: none; }
.selector .checkCircle { top: 35px; height: 1.5rem; width: 1.5rem; border-radius: 50%; border-color: var(--colorBaseAlpha900); background-color: var(--colorBaseAlpha50); position: absolute; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.selector input:disabled ~ .checkCircle { cursor: no-drop; }
.selector input:checked ~ .checkCircle { background-color: var(--colorBaseAlpha50); }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.selector .checkCircle::after { display: none; }
.selector .checkCircle::after { left: 5px; top: 5px; height: 0.75rem; width: 0.75rem; border-radius: 50%; --tw-bg-opacity: 1; background-color: rgb(0 0 0/var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); position: absolute; display: none; }
.selector input:checked ~ .checkCircle::after { display: block; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.selector .checkMark { display: none; }
.selector .checkMark { top: 35px; height: 25px; width: 25px; border-radius: 0.25rem; border-color: var(--colorBaseAlpha900); background-color: var(--colorBaseAlpha50); position: absolute; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.selector input:disabled ~ .checkMark { cursor: no-drop; }
.selector input:checked ~ .checkMark { background-color: var(--colorBaseAlpha900); }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.selector .checkMark::after { display: none; }
.selector .checkMark::after { --tw-content: ""; content: var(--tw-content); position: absolute; display: none; }
.selector input:checked ~ .checkMark::after { display: block; }
.selector .checkMark::after { left: 8.5px; top: 4.5px; height: 0.75rem; width: 7px; --tw-rotate: 45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: 0.125rem; --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)); border-width: 1px 1px 1px 0px; --tw-border-style: solid; border-style: solid; }
.signedInRecentsErrorWrapper { padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 2rem; display: flex; flex-direction: column; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .signedInRecentsErrorWrapper { padding-top: 8rem; }
}
.nothingHereYetText { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeLg); line-height: var(--lineHeightsLg); color: var(--colorBaseOffBlack500); }
.completeOrderforRecentLocationsText, .nothingHereYetText { padding-top: 1.25rem; font-weight: var(--fontWeightsRegular); text-align: center; }
.completeOrderforRecentLocationsText { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); color: var(--colorForegroundContentSubtleEnabled); }
.signUpLink { margin-top: 17px; display: flex; cursor: pointer; align-items: center; justify-content: center; text-align: center; text-decoration-line: none; }
.forgotPasswordLink { font-size: var(--fontSizeFontSizeSm); font-weight: var(--typographyButtonSecondaryLinkFontWeight); line-height: 20px; color: var(--colorButtonTextLinkForegroundEnabled); }
.forgotPasswordLink:hover { color: var(--colorButtonTertiaryForegroundPressed); }
.forgotPasswordLink { margin-bottom: 1.5rem; font-family: var(--fontFamiliesBody); display: block; text-decoration-line: underline; }
.signInContainer .forgotPasswordLink { margin-bottom: 2rem; }
.signInButton { height: 3rem; border-radius: var(--borderRadiusPill); border-width: var(--borderWidthHairline); border-color: var(--colorButtonPrimaryBorderEnabled); background-color: var(--colorButtonPrimaryBackgroundEnabled); padding: var(--spacing4x) var(--spacing8x); font-family: var(--fontFamiliesPrimary); font-size: var(--typographyButtonPrimaryLargeFontSize); font-weight: var(--fontWeightsRegular); color: var(--colorButtonPrimaryForegroundEnabled); width: 100%; text-align: center; }
.signInButton:hover { background-color: var(--colorButtonPrimaryBackgroundPressed); }
@media (min-width: 1024px) {
  .signInButton { padding: var(--spacing6x) var(--spacing16x); }
}
.signInButton:disabled { --tw-border-style: none; border-style: none; }
.appleButton { margin-bottom: 0.5rem; }
.appleButton, .facebookButton { height: 3rem; gap: 0.5rem; padding-left: 2rem; padding-right: 2rem; display: inline-flex; width: 100%; align-items: center; justify-content: center; text-align: center; transition-duration: var(--tw-duration,0s); transition-property: all; transition-timing-function: var(--tw-ease,ease); }
.facebookButton { margin-bottom: 0.75rem; }
.buttonSecondarySocial span { min-width: 179px; }
.btmSpace { margin-bottom: 2rem; }
@media (min-width: 1024px) {
  .divdrSpace { margin-top: 2rem; margin-bottom: 2rem; }
}
.searchBarWrapper { margin-bottom: 1rem; margin-top: 1.5rem; height: 48px; border-radius: var(--borderRadiusSoftlyRounded); border-width: var(--borderWidthHairline); border-color: var(--colorFormFieldsBorderEnabled); display: flex; width: 100%; align-items: center; justify-content: space-between; }
.searchBarWrapper input:focus-visible { --tw-outline-style: none; outline: transparent solid 2px; outline-offset: 2px; }
.searchActionButton { padding-left: 0.75rem; padding-right: 0.75rem; }
.searchInputWrapper { position: relative; display: block; height: 100%; width: 100%; }
.searchInputWrapper input { color: var(--colorFormFieldsForegroundFilled); }
.searchInput { border-radius: var(--borderRadiusSoftlyRounded); background-color: var(--colorBackgroundNeutralBase); font-family: var(--fontFamiliesBody); font-weight: var(--fontWeightsRegular); outline-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); display: block; height: 100%; width: 100%; --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.searchInput.\!error, .searchInput.error { color: var(--colorBaseRed700); }
.searchInput.focused { font-weight: var(--fontWeightsBold); }
.searchBarWrapper.focused { border-width: var(--borderWidthThin); border-color: var(--colorFormFieldsForegroundPressed); }
.searchBarWrapper.focused .searchInputLabel { --tw-translate-x: -2.5rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.outletWrapper .searchBarWrapper.\!error, .outletWrapper .searchBarWrapper.error { border-width: var(--borderWidthThin); border-color: var(--colorBaseRed700); }
.outletWrapper .searchBarWrapper.\!error .searchActionButton svg, .outletWrapper .searchBarWrapper.error .searchActionButton svg { fill: var(--colorBaseRed700); }
.searchInputLabel.focused { color: var(--colorFormFieldsForegroundFilled); }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.searchInputLabel { display: none; }
.searchInputLabel { inset-inline-start: 0.25rem; top: 0.25rem; transform-origin: 0px center; --tw-translate-y: -1rem; --tw-scale-x: .75; --tw-scale-y: .75; background-color: var(--colorBackgroundNeutralBase); padding-left: 0.5rem; padding-right: 0.5rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsRg); color: var(--colorFormFieldsForegroundEnabled); transition-duration: 0.3s; position: absolute; z-index: 10; transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); --tw-leading: --lineHeightsRg; }
.peer:placeholder-shown ~ .searchInputLabel { top: 50%; --tw-translate-x: -0.5rem; --tw-translate-y: -50%; --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.peer:focus ~ .searchInputLabel { top: 0.25rem; --tw-translate-x: -2rem; --tw-translate-y: -1rem; --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); padding-left: 0.5rem; padding-right: 0.5rem; }
.searchInputLabel.\!error, .searchInputLabel.error { color: var(--colorBaseRed700); }
.resultCount { left: 0px; top: 0px; background-color: var(--colorBackgroundNeutralBase); padding: 0.875rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeXs); font-weight: var(--fontWeightsRegular); color: var(--colorBaseAlpha950); position: sticky; display: flex; width: 100%; justify-content: flex-start; }
.listDivider { margin-bottom: 0.5rem; height: 0px; border-width: var(--borderWidthHairline); border-color: var(--colorButtonPillToggleBorder); }
.listItem { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: var(--fontWeightsRegular); color: var(--colorBaseAlpha950); display: flex; cursor: pointer; align-items: center; text-align: left; }
.listItem, .listItemWrapper { width: 100%; }
.listItemWrapper .listItem { overflow: hidden; text-wrap: nowrap; text-overflow: ellipsis; }
.listContainerWrapper { max-height: 170px; gap: 0.625rem; border-color: var(--colorForegroundBorderBright); background-color: var(--colorBackgroundNeutralBase); padding-left: 1rem; padding-right: 1rem; padding-bottom: 0.875rem; display: inline-flex; width: 100%; flex-direction: column; align-items: flex-start; justify-content: flex-start; overflow-y: auto; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.searchResultContainerWrapper { display: none; }
.searchResultContainerWrapper { top: 72px; border-radius: 0.25rem; --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); position: absolute; width: 100%; border-style: var(--tw-border-style); border-width: 1px; }
.searchResultContainerWrapper .listContainerWrapper, .searchResultContainerWrapper .resultCount { background-color: var(--colorBaseAlpha50); }
.searchBarContentWrapperButton { position: relative; z-index: 10; display: block; width: 100%; }
.outletRightContainer { padding: 0.75rem 1.25rem 1.25rem; }
@media (min-width: 1024px) {
  .outletRightContainer { padding-left: 1.5rem; padding-right: 1.5rem; }
}
.outletRightContainer .contentDesc { color: var(--colorBaseOffBlack500); }
.outletRightContainer .storeButtonTabWrapper .buttonTabWrapper { margin-top: 0px; }
.outletRightContainer .brandLogoContainer { margin-bottom: 1.5rem; margin-top: 2.25rem; }
@media (min-width: 1024px) {
  .outletRightContainer .brandLogoContainer { justify-content: center; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.outletRightContainer .backArrowIcon { display: none; }
.outletRightContainer .backArrowIcon { top: 3rem; position: absolute; }
@media (min-width: 1024px) {
  .outletRightContainer .backArrowIcon { top: 4rem; }
}
.storeHeaderDesktop { display: none; }
@media (min-width: 1024px) {
  .storeHeaderDesktop { display: flex; flex-direction: column; }
}
.rightBottomContainer { padding-top: 2rem; padding-bottom: 2rem; display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: center; }
.storeHeaderMobile .brandLogoContainer { margin-top: 3rem; cursor: default; justify-content: center; }
.storeHeaderMobile .brandLogoContainer svg { height: 4rem; width: 72px; }
.storeCardWrapper { margin-top: 1.5rem; }
.storeCardWrapper .storeCardContainer:first-child { margin-top: 0px; }
.storeCardWrapper .storeClosedButton { line-height: var(--lineHeightsXs); }
.storeHeaderModule { margin-bottom: 1.25rem; position: relative; }
@media (min-width: 1024px) {
  .storeHeaderModule { margin-bottom: 0px; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.storeHeaderModule .backArrowIcon { display: none; }
.storeHeaderModule .backArrowIcon { left: 1.5rem; top: 0.75rem; position: absolute; }
.outletWrapper .restaurantInfoMapView { margin-bottom: 1.25rem; }
@media (min-width: 1024px) {
  .outletWrapper .restaurantInfoMapView { margin-bottom: 0px; }
}
.outletWrapper .restaurantDesk { margin-top: 3rem; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.outletWrapper .restaurantDesk .backArrowIcon { display: none; }
.outletWrapper .restaurantDesk .backArrowIcon { left: 1.5rem; top: 38px; position: absolute; }
@media (min-width: 1024px) {
  .outletWrapper .restaurantDesk .fbrStoreSearchHeading { padding: 0px; }
  .outletWrapper .restaurantDesk .storeHeaderModule { margin-bottom: 1.5rem; }
}
.outletRight .restaurantDesk { margin-top: 0px; }
@media (min-width: 1024px) {
  .outletRight .restaurantDesk { margin-top: 3rem; }
}
.searchBarContentContainer .searchActionButton.availableStoreButton { border-start-start-radius: 0.25rem; border-end-start-radius: 0.25rem; border-right-width: 1px; border-color: var(--colorFormFieldsBorderEnabled); background-color: var(--colorBaseAlpha200); padding-left: 9px; padding-right: 9px; pointer-events: none; display: flex; height: 100%; align-items: center; justify-content: center; }
.searchBarContentContainer .searchActionButton.availableStoreButton.enableSearchActionButton { pointer-events: auto; background-color: var(--colorFormFieldsBorderEnabled); border-radius: 0px; }
.searchBarContentContainer .searchActionButton.availableStoreButton.enableSearchActionButton svg path { fill: var(--colorBaseAlpha50); }
.searchBarContentContainer .searchBarWrapper .searchInputLabel { inset-inline-start: 5px; padding-left: 0px; padding-right: 0px; }
.searchBarContentContainer .searchBarWrapper.focused .searchInputLabel { inset-inline-start: 0.75rem; padding-left: 0.5rem; padding-right: 0.5rem; }
.searchBarContentContainer .searchInput { padding-left: 5px; }
.peer:placeholder-shown ~ .searchInputLabelPosition { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.peer:focus ~ .searchInputLabelPosition { --tw-translate-x: -2rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.storeSearchToggle .toggleCtrl { margin: 1rem 0px 0px; background-color: var(--colorSurfaceNeutralBright); padding: 0.75rem; display: flex; align-items: center; --tw-border-style: none; border-style: none; }
.storeSearchToggle .toggleCtrl .storeSearchToggleTitle { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: 600; text-align: left; }
.storeSearchToggle .toggleCtrl .checkBoxToggleContainer .checkBoxToggle::before { content: var(--tw-content); left: -0.75rem; }
.orderInfoAsapDisclaimar { gap: 0.25rem; padding-top: 0.5rem; font-family: var(--fontFamiliesBody); font-size: 0.75rem; line-height: 1rem; color: var(--colorStatusDangerBase); display: flex; flex-direction: row; }
.modalWrapper .modalInner .storeclosedpopup { padding-left: 0px; padding-right: 0px; width: 100%; }
.modalWrapper .modalInner .storeclosedpopup .buttonLink { padding-left: 0px; padding-right: 0px; padding-top: 0px; font-family: var(--fontFamiliesBody); font-weight: 700; display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; border-style: var(--tw-border-style); border-width: 0px; font-size: 16px; }
.modalWrapper .modalInner .storeclosedpopup .buttonLink svg path { stroke: var(--colorBaseOffBlack500); }
.modalWrapper .modalInner .disclaimerMessageContainer svg path { fill: var(--colorBaseOffBlack500); }
.modalWrapper .modalInner .storeDisclaimerContainer .informationText { text-align: left; }
.differentLocationModal .modalBtns .buttonPrimary { margin-bottom: 0.75rem; }
.taxHeading { margin-top: 1.25rem; margin-bottom: 1.25rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); font-weight: 400; color: var(--colorBaseOffBlack500); --tw-leading: 22px; line-height: 22px; }
.taxWrapper { min-width: 270px; }
.taxWrapper .costIcon { margin-left: auto; margin-right: auto; margin-top: 0.75rem; height: 66px; width: 54px; position: relative; margin-inline: auto; }
.taxContainer { border-color: var(--colorBaseAlpha300); padding-top: 1rem; padding-bottom: 1rem; display: flex; width: 100%; flex-direction: row; justify-content: space-between; border-bottom-width: 1px; --tw-border-style: solid; border-style: solid; text-align: left; }
.feesTitle { font-weight: 400; }
.feesTitle, .taxPrice { font-family: var(--fontFamiliesBody); font-size: 1rem; color: var(--colorBaseOffBlack500); --tw-leading: 22px; line-height: 22px; }
.taxPrice { height: 0px; font-weight: 700; }
.taxDescription { font-family: var(--fontFamiliesBody); font-size: 0.875rem; font-weight: 400; line-height: 1.25rem; color: var(--colorBaseAlpha600); text-align: left; }
.checkoutInfoContainer { display: block; }
.itemInfos { margin-top: 2rem; padding-left: 1.25rem; padding-right: 1.25rem; flex-direction: row; align-items: center; }
.itemInfos, .itemsHeading { display: flex; justify-content: space-between; }
.itemsHeading { position: relative; width: 100%; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.itemsHeading .accountBurstIcon { display: none; }
.itemsHeading .accountBurstIcon { left: 72px; top: 52px; width: 1.75rem; position: absolute; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.itemsHeading img { display: none; }
.itemsHeading img { right: -1.25rem; top: -0.75rem; position: absolute; }
.itemsHeading .addCodeCart { font-family: var(--fontFamiliesBody); font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; text-decoration-line: underline; }
.itemsTitle { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; font-weight: 400; color: var(--colorBaseOffBlack500); --tw-leading: 22px; line-height: 22px; }
.promoCodes { margin-bottom: 1.25rem; width: 100%; }
.promoList { gap: 1rem; display: flex; }
.amountContainer { margin-bottom: 1.5rem; margin-top: 1.5rem; padding-left: 1.25rem; padding-right: 1.25rem; font-family: var(--fontFamiliesBody); color: var(--colorForegroundContentEnabled); }
.amountDetailContainer, .promoList { margin-bottom: 0.5rem; display: flex; flex-direction: row; justify-content: space-between; }
.amountDetailContainer .informationIcon, .promoList .informationIcon { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); cursor: pointer; }
.\!amount, .amount, .promoPrice { font-size: 1rem; font-weight: 700; line-height: 21.82px; }
.amountTitle, .promoText { gap: 0.5rem; font-size: 1rem; font-weight: 400; line-height: 21.82px; display: flex; flex-direction: row; align-items: flex-start; }
.promoText { gap: 0px; width: 100%; flex-direction: column; align-items: flex-start; }
.rewardtype { gap: 0.5rem; }
.rewardinfo_description, .rewardtype { display: flex; width: 100%; }
.rewardinfo { gap: 1rem; }
.promoError { margin-bottom: 0.75rem; }
.promoError, .promoError .loyaltyRewardsValid { color: var(--colorIndicatorsNotificationForegroundDanger); }
.promoError button path:first-child { fill: var(--colorIndicatorsNotificationForegroundDanger); }
.confirmationOrderPickup { padding-top: 1rem; font-weight: var(--fontWeightsSemibold); color: var(--colorForegroundContentEnabled); }
.confirmationOrderAddress, .confirmationOrderPickup { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); }
.confirmationOrderAddress { padding-top: 0.75rem; color: var(--colorForegroundContentSubtleEnabled); }
.confirmationOrderPickupError { padding-top: 1rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeXs); line-height: var(--lineHeightsXs); color: var(--colorStatusDangerBase); }
.contentPageBannerImage { margin-left: auto; margin-right: auto; --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position); position: relative; margin-inline: auto; --tw-gradient-from: --colorBaseAlpha950; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.contentPageBannerImage::before { --tw-gradient-position: to top in oklab; position: absolute; z-index: 10; display: block; height: 239px; width: 100%; background-image: linear-gradient(to top,var(--tw-gradient-stops)); opacity: 0; --tw-content: ""; content: var(--tw-content); }
@media (min-width: 1024px) {
  .contentPageBannerImage { margin-left: auto; margin-right: auto; }
  .contentPageBannerImage::before { content: var(--tw-content); height: 346px; }
}
@media (min-width: 1440px) {
  .contentPageBannerImage { max-width: 1440px; }
}
.contentPageBannerImage.newsRoomBanner { height: 15rem; }
.contentPageBannerImage.newsRoomBanner::before { content: var(--tw-content); height: 15rem; }
@media (min-width: 1024px) {
  .contentPageBannerImage.newsRoomBanner { height: 13rem; }
  .contentPageBannerImage.newsRoomBanner::before { content: var(--tw-content); height: 13rem; }
}
.contentPageBannerImage.aboutusBanner { height: 15rem; }
.contentPageBannerImage.aboutusBanner::before { content: var(--tw-content); height: 15rem; }
@media (min-width: 1024px) {
  .contentPageBannerImage.aboutusBanner { height: 346px; }
  .contentPageBannerImage.aboutusBanner::before { content: var(--tw-content); height: 346px; }
}
.contentPageBannerImage.cateringBanner { height: 340px; }
.contentPageBannerImage.cateringBanner::before { content: var(--tw-content); height: 340px; }
@media (min-width: 1024px) {
  .contentPageBannerImage.cateringBanner { height: 440px; }
  .contentPageBannerImage.cateringBanner::before { content: var(--tw-content); height: 440px; }
}
.contentPageBannerImage.careersBanner { height: 239px; }
.contentPageBannerImage.careersBanner::before { content: var(--tw-content); height: 239px; }
@media (min-width: 1024px) {
  .contentPageBannerImage.careersBanner { height: 346px; }
  .contentPageBannerImage.careersBanner::before { content: var(--tw-content); height: 346px; }
}
.contentPageBannerImage.groceryBanner { height: 346px; }
.contentPageBannerImage.groceryBanner::before { content: var(--tw-content); height: 346px; }
.contentPageBannerImage .bannerCateringImage { height: 346px; width: 100%; }
@media (min-width: 1024px) {
  .contentPageBannerImage .bannerCateringImage { height: 400px; object-fit: cover; object-position: 100% center; }
}
.contentPageBannerImage.gradiantVerticalMobile .bannerCateringWrapper + .externalLinkButton .linkContentBtn { margin-left: 1.25rem; margin-right: 1.25rem; width: 100%; }
@media (min-width: 1024px) {
  .contentPageBannerImage.gradiantVerticalMobile .bannerCateringWrapper + .externalLinkButton .linkContentBtn { margin-left: 0px; margin-right: 0px; width: auto; }
}
.newLoyaltyBtmSection .btmSectonRightCol .socialAppsComponent { display: flex; flex-direction: column; }
.faqContentPage .contentPageBannerImage::before { content: var(--tw-content); height: 239px; }
@media (min-width: 1024px) {
  .faqContentPage .contentPageBannerImage::before { content: var(--tw-content); height: 208px; }
}
.contentPageInnerTitle { font-family: var(--fontFamiliesPrimary); font-size: var(--typographyHeadlineMediumFontSize); font-weight: 400; line-height: var(--lineHeightsLg); }
@media (min-width: 1024px) {
  .contentPageInnerTitle { text-align: center; font-size: var(--fontSizeFontSizeXxl); }
}
.contentPageInnerTitle.sitePageTitle { font-size: var(--fontSizeFontSizeLg); display: none; text-align: left; }
@media (min-width: 1024px) {
  .contentPageInnerTitle.sitePageTitle { display: block; }
}
.contentPageInnerTitle.titleBurstImg { margin-top: 2.5rem; line-height: var(--lineHeightsLg); display: flex; }
.contentPageInnerTitle.titleBurstImg .headingImg { top: -1rem; left: 0px; position: relative; }
@media (min-width: 1024px) {
  .contentPageInnerTitle.titleBurstImg .headingImg { top: -2rem; }
}
.contentPageRedUnderline { margin-top: 1.5rem; height: 0.25rem; width: 88px; position: relative; display: block; }
@media (min-width: 1024px) {
  .contentPageRedUnderline { margin-left: auto; margin-right: auto; }
}
.contentPageRedUnderline::before { position: absolute; top: -5px; left: 0px; height: 0.25rem; width: 100%; --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); background-image: url("../scraped_assets/images/topgraphicheader.34aa1758.png"); --tw-content: ""; }
.contentPageContent { padding-top: 1.5rem; padding-bottom: 1.5rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: 400; line-height: 1.25rem; }
.contentPageCircleList .contentPageContent { padding-top: 0px; padding-bottom: 0px; }
@media (min-width: 640px) {
  .faqSection { max-width: 640px; }
}
@media (min-width: 768px) {
  .faqSection { max-width: 768px; }
}
@media (min-width: 1024px) {
  .faqSection { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .faqSection { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .faqSection { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .faqSection { max-width: 1536px; }
}
.site-map .faqSection { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .faqSection { flex-direction: row; }
}
.site-map .faqSection .leftColumn .level-1, .site-map .faqSection .leftColumn .level-2, .site-map .faqSection .leftColumn .level-3, .site-map .faqSection .rightColumn .level-1, .site-map .faqSection .rightColumn .level-2, .site-map .faqSection .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .faqSection .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .faqSection .level-2, .site-map .faqSection .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .faqSection .rightColumn { background-color: transparent; }
.site-map .faqSection .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .faqSection .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .faqSection .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .faqSection .camelCaseClass { text-transform: capitalize; }
.site-map .faqSection .lowerCaseClass { text-transform: lowercase; }
.site-map .faqSection h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.faqSection { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .faqSection { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .faqSection { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .faqSection .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .faqSection .leftColumn { width: 50%; }
}
.site-map .faqSection .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .faqSection .leftColumn .level-1 { padding: 0px; }
.site-map .faqSection .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .faqSection .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .faqSection .rightColumn { width: 50%; }
}
.site-map .faqSection .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .faqSection .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .faqSection .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .faqSection .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .faqSection .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.faqSection { margin-left: auto; margin-right: auto; gap: 2.5rem; padding: 2rem 1.25rem; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .faqSection { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .faqSection { max-width: 1440px; }
}
.faqSection { width: 100%; margin-inline: auto; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .faqSection { margin-left: 1.25rem; margin-right: 1.25rem; flex-direction: row; padding: 4rem 0px; }
  .faqSection .contentPageInnerTitle { text-align: center; }
}
.faqSection .contentPageRedUnderline { margin-left: auto; margin-right: auto; margin-inline: auto; }
.faqRightSection { padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 1024px) {
  .faqRightSection { width: 80%; padding-left: 0px; padding-right: 0px; }
  .faqRightSection .contentPageInnerTitle { line-height: var(--lineHeightsLg); }
}
.faqRightSection .contentPageContent { padding-bottom: 0px; }
@media (min-width: 1024px) {
  .faqRightSection .contentPageContent { padding-bottom: 0px; }
}
.faqRightSection section { margin-top: -7rem; padding-top: 7rem; }
.faqRightSection .contentPageContent + section, .faqRightSection .contentPageInnerTitle + section, .faqRightSection .contentPageRedUnderline + section { margin-top: -5rem; }
.faqLeftLinks { top: 7rem; position: sticky; }
.faqLeftLinks li { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.faqLeftLinks li a { padding-top: 0.25rem; padding-bottom: 0.25rem; }
@media (min-width: 1024px) {
  .faqLeftLinks li a { margin-bottom: 0.25rem; }
  .faqLeftLinks li a:hover { margin-bottom: 0.25rem; }
  .faqLeftLinks li .linkActive, .faqLeftLinks li a:hover { border-bottom-width: 4px; border-style: solid; border-color: var(--colorBackgroundBrandSecondary); }
}
.faqInnerSectionTitle { padding-bottom: 0.5rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); font-weight: 400; line-height: var(--lineHeightsSm); text-transform: uppercase; }
.faqAccordion { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: 700; line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); display: flex; width: 100%; text-align: left; }
.faqAccordion svg { height: 1.25rem; width: 1.25rem; --tw-rotate: 90deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.faqPanel { margin-top: 0.5rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: 400; line-height: var(--lineHeightsMd); color: var(--colorForegroundContentEnabled); }
.faqPanel a { text-decoration-line: underline; }
.contentPage .homePageContainer { gap: 2rem; padding: 0px; display: flex; flex-direction: column; }
@media (min-width: 768px) {
  .contentPage .homePageContainer { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (min-width: 1024px) {
  .contentPage .homePageContainer { gap: 4rem; }
}
@media (min-width: 768px) {
  .contentPage .homePageContainer .pdpListTileImg { height: 14rem; }
}
@media (min-width: 1024px) {
  .contentPage .homePageContainer .pdpListTile { margin-bottom: 0px; display: flex; flex-direction: row-reverse; }
  .contentPage .homePageContainer .pdpListTile.oddBox { flex-direction: row; }
}
.contentPage .homePageContainer .pdpListTileTextwrapper .pdpTextWithIcon { padding-bottom: 0px; display: flex; align-items: center; justify-content: flex-start; }
.contentPage .homePageContainer .pdpListTileTextwrapper .pdpTextWithIcon .pdpListTileText { padding-bottom: 0px; text-align: start; font-size: 22px; line-height: 1.75rem; }
.contentPage .homePageContainer .pdpListTileTextwrapper .pdpTextWithIcon svg { margin-left: 0.25rem; height: 1.5rem; width: 1.5rem; }
.contentPage .homePageContainer .pdpListTileTextwrapper .pdpTextWithIcon svg path { fill: var(--colorBaseOffBlack500); }
.contentPage .homePageContainer.cateringCont { margin-bottom: 1rem; }
@media (min-width: 1024px) {
  .contentPage .homePageContainer.cateringCont .pdpListTile.oddBox img { border-radius: 1rem 0px 0px 1rem; }
  .contentPage .homePageContainer.cateringCont .pdpListTile img, .contentPage .homePageContainer.cateringCont .pdpListTile.oddBox .listinnerwrapper { border-radius: 0px 1rem 1rem 0px; }
  .contentPage .homePageContainer.cateringCont .pdpListTileImg { min-height: 420px; border-radius: 1rem; }
}
.contentPage .homePageContainer.cateringCont .pdpListTileImg img { min-height: 283px; object-fit: cover; }
@media (min-width: 1024px) {
  .contentPage .homePageContainer.cateringCont .listinnerwrapper { max-width: 648px; align-content: center; border-radius: 1rem 0px 0px 1rem; padding-left: 0px; padding-right: 0px; padding-top: 0px; }
  .contentPage .homePageContainer.cateringCont .listinnerwrapper .availableOption, .contentPage .homePageContainer.cateringCont .listinnerwrapper .moduleSubText, .contentPage .homePageContainer.cateringCont .listinnerwrapper .pdpListTileTextwrapper { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 768px) {
  .contentPage .cateringContainer .homePageContainer { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (min-width: 1024px) {
  .contentPage .cateringContainer .homePageContainer .pdpListTile { flex-direction: column; }
}
.contentPage .introducingEmenuBtn { font-family: var(--fontFamiliesPrimary); }
.contentPage .menuVarietieOfferRight { padding-left: 0px; padding-right: 0px; }
@media (min-width: 1024px) {
  .contentPage .menuVarietieOfferRight { padding-left: 2.5rem; padding-right: 2.5rem; }
}
.contentPage .brandBoxRight { border-color: var(--colorForegroundBorderBrighter); border-width: 1px; --tw-border-style: solid; border-style: solid; }
.contentPage ul p { padding-left: 0px; }
@media (min-width: 1024px) {
  .contentPage ul p { padding-left: 0px; }
}
.contentPage ul li { list-style-type: disc; }
.contentPage ol li { list-style-type: auto; }
.contentPage .faqRightSection .contentPageRedUnderline { margin-left: auto; margin-right: auto; margin-inline: auto; }
.contentPage a.buttonInline { display: inline-block; }
.contentPage .buttonInline { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); color: var(--colorBaseAlpha950); background-color: transparent; }
.contentPage .subMenuStaticCtr { align-items: center; }
.contentPage .threeModuleContainer .btnStaticCtr { gap: 0.5rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .contentPage .threeModuleContainer .btnStaticCtr { flex-direction: row; }
}
.contentPage .threeModuleContainer .btnStaticCtr div + div { margin-top: 0.5rem; }
@media (min-width: 1024px) {
  .contentPage .threeModuleContainer .btnStaticCtr div + div { margin-top: 1.5rem; }
  .contentPage .threeModuleContainer .waysOfGifts { padding: 2rem; }
}
.contentPage .threeModuleContainer .waysOfGifts.primary { background-color: transparent; }
.contentPage .threeModuleContainer .waysOfGifts.quaternary, .contentPage .threeModuleContainer .waysOfGifts.secondary { background-color: var(--colorQuaternary100); }
.contentPage .threeModuleContainer .waysOfGifts h3 { padding-top: 1rem; padding-bottom: 1rem; line-height: 1.5; }
.contentPage .threeModuleContainer .primaryBg { background-color: var(--colorPrimary600); }
.contentPage .threeModuleContainer .secondaryBg { background-color: var(--colorSecondary500); }
.contentPage .threeModuleContainer .tertiaryBg { background-color: var(--colorTertiary600); }
.contentPage .threeModuleContainer .quaternaryBg { background-color: var(--colorQuaternary300); }
.cateringCategory .contentPageTopSection .homePageContaner.cateringCont .pdpListTileImg { height: 280px; width: 100%; }
@media (min-width: 768px) {
  .cateringCategory .contentPageTopSection .homePageContaner.cateringCont .pdpListTileImg { height: 420px; }
}
.cateringCategory .contentPageTopSection .homePageContaner.cateringCont .pdpListTile .pdpListTileText { font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .cateringCategory .contentPageTopSection .homePageContaner.cateringCont .pdpListTile .pdpListTileText { font-size: 40px; }
}
.cateringCategory .contentPageTopSection .homePageContaner.cateringCont .pdpListTile .listinnerwrapper { gap: 1rem; padding-top: 2rem; padding-bottom: 2rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .cateringCategory .contentPageTopSection .homePageContaner.cateringCont .pdpListTile .listinnerwrapper { display: grid; gap: 2rem; padding-left: 0.75rem; padding-right: 0.75rem; }
  .cateringCategory .contentPageTopSection .pdpListTile { margin-bottom: 0px; }
}
.giftCardBuynow .doubleTextFirst, .giftCardBuynow .doubleTextSecond { font-size: var(--fontSizeFontSizeXxl); line-height: var(--lineHeightsLg); }
.giftCardBuynow .doubleTextSecond { line-height: 2.25rem; }
@media (min-width: 1024px) {
  .giftCardBuynow .doubleTextSecond { line-height: var(--lineHeightsLg); }
}
.giftCardBuynow .brandDescriptionRight { flex-basis: 50%; padding: 2.75rem; }
.giftCardBuynow .brandImgRight img { width: 100%; }
@media (min-width: 1024px) {
  .giftCardBuynow .brandImgRight img { height: 420px; }
}
.giftCardBuynow .pdpListTileText { min-height: max-content; }
.giftCardBuynow .moduleSubText { padding-left: 1.25rem; padding-right: 1.25rem; padding-bottom: 1.5rem; }
.giftCardBuynow .sitePageTitle { padding-top: 2.25rem; padding-bottom: 2.25rem; text-align: center; }
.columnContainer { gap: 1.5rem; display: grid; }
@media (min-width: 1024px) {
  .columnContainer { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .columnContainer.threeColumnContainer { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
.contentPageTopSection .pdpListTile { --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
.contentPageTopSection .pdpListTile img { height: 250px; width: 100%; }
.contentPageTopSection .orderCatertingBtn { flex-grow: 1; width: auto; }
@media (min-width: 1024px) {
  .contentPageTopSection .orderCatertingBtn { flex: 0 0 auto; }
}
.contentPageTopSection .contentMenuBtn { padding-left: 1.25rem; padding-right: 1.25rem; }
.contentPageTopSection .promGridModuleCtr { margin-left: auto; margin-right: auto; background-color: var(--colorBackgroundNeutralDim); padding-bottom: 2rem; margin-inline: auto; }
.contentPageTopSection.aboutWidthWrapper { margin-left: auto; margin-right: auto; max-width: 875px; margin-inline: auto; }
.contentPageTopSection .columnContainer .pdpListTileImg { height: 188px; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; --tw-shadow-colored: 0 0 #0000; overflow: hidden; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-shadow: 0 0 #0000; }
@media (min-width: 1024px) {
  .contentPageTopSection .columnContainer .pdpListTileImg { height: 358px; }
}
.contentPageTopSection .columnContainer .pdpListTileImg img { height: 188px; object-fit: cover; }
@media (min-width: 1024px) {
  .contentPageTopSection .columnContainer .pdpListTileImg img { height: 358px; }
}
.contentPageTopSection .columnContainer .listinnerwrapper { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.contentPageTopSection .columnContainer .listinnerwrapper .pdpListTileTextwrapper .pdpTextWithIcon { padding-bottom: 0px; display: flex; align-items: center; justify-content: flex-start; }
.contentPageTopSection .columnContainer .listinnerwrapper .pdpListTileTextwrapper .pdpTextWithIcon .pdpListTileText { padding-bottom: 0px; text-align: start; font-size: 22px; line-height: 1.75rem; }
.contentPageTopSection .columnContainer .listinnerwrapper .pdpListTileTextwrapper .pdpTextWithIcon svg { margin-left: 0.25rem; height: 1.5rem; width: 1.5rem; }
.contentPageTopSection .columnContainer .listinnerwrapper .pdpListTileTextwrapper .pdpTextWithIcon svg path { fill: var(--colorBaseOffBlack500); }
.optionsCont { justify-items: center; gap: 0.25rem; font-family: var(--fontFamiliesBody); font-size: 0.75rem; line-height: 1rem; display: grid; grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.contentPageMainContainer { margin-left: auto; margin-right: auto; padding: 2rem 1.25rem; margin-inline: auto; }
@media (min-width: 1024px) {
  .contentPageMainContainer { padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 3rem; }
}
.contentPageMainContainer.careerPageMainContainer { padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 1024px) {
  .contentPageMainContainer.careerPageMainContainer { width: 60%; padding-left: 0px; padding-right: 0px; }
}
.contentPageMainContainer.careerPageMainContainer .contentPageMiddleSection { margin-top: 2rem; gap: 3.5rem; }
@media (min-width: 1024px) {
  .contentPageMainContainer.careerPageMainContainer .careerMiddleSection { height: auto; }
}
.contentPageMainContainer.careerPageMainContainer .contentBtn { display: block; }
@media (min-width: 1024px) {
  .contentPageMainContainer.careerPageMainContainer .contentBtn { display: inline; }
}
.contentPageMainContainer.specificnewsroom { padding-top: 0px; }
@media (min-width: 1024px) {
  .contentPageMainContainer.specificnewsroom { padding-top: 0px; }
}
.contentPageMainContainer.specificnewsroom section:first-child p:first-child { padding-top: 0px; }
@media (min-width: 1024px) {
  .contentPageMainContainer.specificnewsroom section:first-child p:first-child { padding-top: 0px; }
}
.contentPageMainContainer.specificnewsroom .paragraphtext, .contentPageMainContainer.specificnewsroom .paragraphtext p { padding-top: 1rem; }
.contentPageMainContainer.specificnewsroom .paragraphtext p:first-child { padding-top: 0px; }
.contentPageMainContainer.specificnewsroom .mailid { padding-top: 1.5rem; }
.contentPageMainContainer.specificnewsroom .newsRoomFooter { margin-top: 3rem; border-radius: 0.5rem; padding: 2rem; --tw-border-style: solid; }
.contentPageMainContainer.specificnewsroom .newsRoomFooter h4 { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); }
.contentPageMainContainer.specificnewsroom .newsRoomFooter p { padding-top: 1rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: 400; }
.contentPageMainContainer.specificnewsroom .newsRoomFooter p .mailId { font-weight: 700; }
.contentPageMainContainer.specificnewsroom .newsRoomFooter hr { margin-top: 2rem; margin-bottom: 2rem; }
@media (min-width: 1024px) {
  .contentPageMainContainer.specificnewsroom + .newsRoomFooter { margin-left: 1.25rem; margin-right: 1.25rem; }
}
.contentPageMainContainer .showAllLink { margin-top: 14px; padding: 1rem 1.5rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); color: var(--colorBaseAlpha950); display: flex; justify-content: center; }
@media (min-width: 1024px) {
  .contentPageMainContainer.mediaContainer { width: 66.6667%; padding-left: 0px; padding-right: 0px; }
}
.privacyContainer .contentPageContent { padding: 0px 1.25rem; }
@media (min-width: 1024px) {
  .privacyContainer .contentPageContent { padding-left: 2.25rem; padding-right: 2.25rem; }
}
.privacyContainer .contentPageLegalTitle { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeLg); font-weight: 400; line-height: var(--lineHeightsMd); text-align: left; }
.privacyContainer .updatedDate { font-family: var(--fontFamiliesBody); font-size: 0.875rem; line-height: 1.25rem; color: var(--colorForegroundContentEnabled); }
.privacyContainer .\!description, .privacyContainer .description { padding-bottom: 0px; padding-top: 1.75rem; font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; font-weight: 400; color: var(--colorForegroundContentEnabled); }
.privacyContainer .table, .privacyContainer table { padding-top: 2rem; }
.privacyContainer .table td, .privacyContainer table td { width: 33.3333%; border-color: var(--colorForegroundContentInverseDisabled); padding: 0.5rem 1rem; vertical-align: top; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.privacyContainer .table tbody td, .privacyContainer table tbody td { font-family: var(--fontFamiliesBody); font-size: 1rem; font-weight: 400; color: var(--colorForegroundContentEnabled); --tw-leading: 22px; line-height: 22px; }
.privacyContainer .table tbody td .tableDescription, .privacyContainer table tbody td .tableDescription { gap: 1rem; display: flex; width: 100%; flex-direction: column; }
.privacyContainer .termsAndConditions { padding-top: 1.75rem; font-size: var(--fontSizeFontSizeMd); font-weight: 700; }
.newsContainer { margin-top: 14px; gap: 0.5rem; border-left-width: 4px; border-color: var(--colorBackgroundBrandSecondary); background-color: var(--colorForegroundContentSubtleInverseEnabled); padding: 1rem 1.5rem; font-family: var(--fontFamiliesBody); color: var(--colorForegroundContentEnabled); display: flex; flex-direction: column; --tw-border-style: solid; border-style: solid; }
.newsContainer .\!date, .newsContainer .date { font-size: var(--fontSizeFontSizeXs); line-height: 1rem; }
.newsContainer .descriptions { font-size: var(--fontSizeFontSizeRg); font-weight: 700; --tw-leading: 22px; line-height: 22px; }
.formateDate { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); color: var(--colorBaseAlpha950); }
.faqAnswer { display: none; overflow-wrap: break-word; }
.newsRightContainer h4 { padding-bottom: 1.5rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); }
.newsRightContainer p { padding-bottom: 1rem; }
.newsRightContainer p a { font-weight: var(--fontWeightsBold); text-decoration-line: underline; }
.newsRightContainer hr { margin-top: 2rem; margin-bottom: 2rem; border-color: var(--colorDividerBase); border-top-width: 1px; --tw-border-style: solid; border-style: solid; }
.faqArrow svg { --tw-rotate: 270deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.orderingPageContainer .moduleSubText { text-align: left; }
.orderingPageContainer .orderCateringContainer { background-color: var(--colorBackgroundNeutralDim); padding: 2.5rem 1.25rem; }
.orderingPageContainer .orderCateringContainer.None { background-color: transparent; }
@media (min-width: 640px) {
  .orderingPageContainer .orderCateringContainer.Stylized { max-width: 640px; }
}
@media (min-width: 768px) {
  .orderingPageContainer .orderCateringContainer.Stylized { max-width: 768px; }
}
@media (min-width: 1024px) {
  .orderingPageContainer .orderCateringContainer.Stylized { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .orderingPageContainer .orderCateringContainer.Stylized { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .orderingPageContainer .orderCateringContainer.Stylized { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .orderingPageContainer .orderCateringContainer.Stylized { max-width: 1536px; }
}
.site-map .orderingPageContainer .orderCateringContainer.Stylized { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .orderingPageContainer .orderCateringContainer.Stylized { flex-direction: row; }
}
.site-map .orderingPageContainer .orderCateringContainer.Stylized .leftColumn .level-1, .site-map .orderingPageContainer .orderCateringContainer.Stylized .leftColumn .level-2, .site-map .orderingPageContainer .orderCateringContainer.Stylized .leftColumn .level-3, .site-map .orderingPageContainer .orderCateringContainer.Stylized .rightColumn .level-1, .site-map .orderingPageContainer .orderCateringContainer.Stylized .rightColumn .level-2, .site-map .orderingPageContainer .orderCateringContainer.Stylized .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .orderingPageContainer .orderCateringContainer.Stylized .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .orderingPageContainer .orderCateringContainer.Stylized .level-2, .site-map .orderingPageContainer .orderCateringContainer.Stylized .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .orderingPageContainer .orderCateringContainer.Stylized .rightColumn { background-color: transparent; }
.site-map .orderingPageContainer .orderCateringContainer.Stylized .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .orderingPageContainer .orderCateringContainer.Stylized .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .orderingPageContainer .orderCateringContainer.Stylized .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .orderingPageContainer .orderCateringContainer.Stylized .camelCaseClass { text-transform: capitalize; }
.site-map .orderingPageContainer .orderCateringContainer.Stylized .lowerCaseClass { text-transform: lowercase; }
.site-map .orderingPageContainer .orderCateringContainer.Stylized h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.orderingPageContainer .orderCateringContainer.Stylized { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .orderingPageContainer .orderCateringContainer.Stylized { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .orderingPageContainer .orderCateringContainer.Stylized { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .orderingPageContainer .orderCateringContainer.Stylized .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .orderingPageContainer .orderCateringContainer.Stylized .leftColumn { width: 50%; }
}
.site-map .orderingPageContainer .orderCateringContainer.Stylized .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .orderingPageContainer .orderCateringContainer.Stylized .leftColumn .level-1 { padding: 0px; }
.site-map .orderingPageContainer .orderCateringContainer.Stylized .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .orderingPageContainer .orderCateringContainer.Stylized .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .orderingPageContainer .orderCateringContainer.Stylized .rightColumn { width: 50%; }
}
.site-map .orderingPageContainer .orderCateringContainer.Stylized .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .orderingPageContainer .orderCateringContainer.Stylized .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .orderingPageContainer .orderCateringContainer.Stylized .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .orderingPageContainer .orderCateringContainer.Stylized .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .orderingPageContainer .orderCateringContainer.Stylized .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.orderingPageContainer .orderCateringContainer.Stylized { margin: 4rem auto; background-color: var(--colorBackgroundNeutralDim); padding: 4rem 1.25rem; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .orderingPageContainer .orderCateringContainer.Stylized { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .orderingPageContainer .orderCateringContainer.Stylized { max-width: 1440px; }
}
.orderingPageContainer .orderCateringContainer.Stylized { position: relative; width: 100%; margin-inline: auto; }
.orderingPageContainer .orderCateringContainer.Stylized::before { top: -15px; --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.orderingPageContainer .orderCateringContainer.Stylized::after, .orderingPageContainer .orderCateringContainer.Stylized::before { position: absolute; left: 0px; height: 1.25rem; width: 100%; background-image: url("../scraped_assets/images/bg-top-btm.6b110dc7.png"); --tw-content: ""; content: var(--tw-content); }
.orderingPageContainer .orderCateringContainer.Stylized::after { bottom: -1.25rem; }
.orderingPageContainer .orderCateringContainer h3 { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeLg); line-height: 34px; }
@media (min-width: 1024px) {
  .orderingPageContainer .orderCateringContainer h3 { font-size: var(--fontSizeFontSizeXxl); }
}
.orderingPageContainer .orderCateringContainer p { padding-top: 0.75rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeMd); line-height: 24px; }
.orderingPageContainer .orderCateringContainer .orderCatertingBtn { width: 100%; }
@media (min-width: 1024px) {
  .orderingPageContainer .orderCateringContainer .orderCatertingBtn { width: auto; }
}
.orderingPageContainer .orderCateringContainer .orderCatertingBtn .externalLink { margin-right: 0px; }
.orderingPageContainer .orderCateringContainer .externalLink { width: 1rem; }
.orderingPageContainer .orderCateringContainer .externalLink::after { right: 0px; content: var(--tw-content); top: 0.75rem; }
.orderingPageContainer .importantNotes { margin: 1.5rem 1.25rem 0.5rem; padding-top: 1rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); color: var(--colorForegroundContentSubtleEnabled); }
@media (min-width: 1024px) {
  .orderingPageContainer .importantNotes { width: 100%; }
  @media (min-width: 640px) {
  .orderingPageContainer .importantNotes { max-width: 640px; }
}
  @media (min-width: 768px) {
  .orderingPageContainer .importantNotes { max-width: 768px; }
}
  @media (min-width: 1024px) {
  .orderingPageContainer .importantNotes { max-width: 1024px; }
}
  @media (min-width: 1280px) {
  .orderingPageContainer .importantNotes { max-width: 1280px; }
}
  @media (min-width: 1440px) {
  .orderingPageContainer .importantNotes { max-width: 1440px; }
}
  @media (min-width: 1536px) {
  .orderingPageContainer .importantNotes { max-width: 1536px; }
}
  .site-map .orderingPageContainer .importantNotes { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
  @media (min-width: 768px) {
  .site-map .orderingPageContainer .importantNotes { flex-direction: row; }
}
  .site-map .orderingPageContainer .importantNotes .leftColumn .level-1, .site-map .orderingPageContainer .importantNotes .leftColumn .level-2, .site-map .orderingPageContainer .importantNotes .leftColumn .level-3, .site-map .orderingPageContainer .importantNotes .rightColumn .level-1, .site-map .orderingPageContainer .importantNotes .rightColumn .level-2, .site-map .orderingPageContainer .importantNotes .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
  .site-map .orderingPageContainer .importantNotes .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
  .site-map .orderingPageContainer .importantNotes .level-2, .site-map .orderingPageContainer .importantNotes .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
  .site-map .orderingPageContainer .importantNotes .rightColumn { background-color: transparent; }
  .site-map .orderingPageContainer .importantNotes .rightColumn .level-3 { padding-left: 2rem; position: relative; }
  .site-map .orderingPageContainer .importantNotes .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
  .site-map .orderingPageContainer .importantNotes .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
  .site-map .orderingPageContainer .importantNotes .camelCaseClass { text-transform: capitalize; }
  .site-map .orderingPageContainer .importantNotes .lowerCaseClass { text-transform: lowercase; }
  .site-map .orderingPageContainer .importantNotes h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
  @media (min-width: 1024px) {
  .orderingPageContainer .importantNotes.dealsHomeWrapper { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
  .site-map .orderingPageContainer .importantNotes { gap: 3rem; display: flex; flex-direction: column; }
  @media (min-width: 1024px) {
  .site-map .orderingPageContainer .importantNotes { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
  .site-map .orderingPageContainer .importantNotes .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
  @media (min-width: 1024px) {
  .site-map .orderingPageContainer .importantNotes .leftColumn { width: 50%; }
}
  .site-map .orderingPageContainer .importantNotes .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
  .site-map .orderingPageContainer .importantNotes .leftColumn .level-1 { padding: 0px; }
  .site-map .orderingPageContainer .importantNotes .leftColumn .level-1 a { text-transform: capitalize; }
  .site-map .orderingPageContainer .importantNotes .rightColumn { padding: 0px; width: 100%; }
  @media (min-width: 1024px) {
  .site-map .orderingPageContainer .importantNotes .rightColumn { width: 50%; }
}
  .site-map .orderingPageContainer .importantNotes .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
  .site-map .orderingPageContainer .importantNotes .rightColumn .level-1:first-child { padding-top: 0px; }
  .site-map .orderingPageContainer .importantNotes .rightColumn .level-1 a { text-transform: capitalize; }
  .site-map .orderingPageContainer .importantNotes .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
  .site-map .orderingPageContainer .importantNotes .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
  .orderingPageContainer .importantNotes { margin-left: auto; margin-right: auto; margin-bottom: 3.5rem; }
}
.orderingPageContainer .importantNotes p { padding-bottom: 1rem; }
.orderingPageContainer .contentPageBannerImage::before { height: 340px; }
@media (min-width: 1024px) {
  .orderingPageContainer .contentPageBannerImage::before { content: var(--tw-content); height: 395px; }
}
@media (min-width: 640px) {
  .orderingPageContainer .contentPageBannerImage .externalLinkButton { max-width: 640px; }
}
@media (min-width: 768px) {
  .orderingPageContainer .contentPageBannerImage .externalLinkButton { max-width: 768px; }
}
@media (min-width: 1024px) {
  .orderingPageContainer .contentPageBannerImage .externalLinkButton { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .orderingPageContainer .contentPageBannerImage .externalLinkButton { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .orderingPageContainer .contentPageBannerImage .externalLinkButton { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .orderingPageContainer .contentPageBannerImage .externalLinkButton { max-width: 1536px; }
}
.site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton { flex-direction: row; }
}
.site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .leftColumn .level-1, .site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .leftColumn .level-2, .site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .leftColumn .level-3, .site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .rightColumn .level-1, .site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .rightColumn .level-2, .site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .level-2, .site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .rightColumn { background-color: transparent; }
.site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .camelCaseClass { text-transform: capitalize; }
.site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .lowerCaseClass { text-transform: lowercase; }
.site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.orderingPageContainer .contentPageBannerImage .externalLinkButton { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .leftColumn { width: 50%; }
}
.site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .leftColumn .level-1 { padding: 0px; }
.site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .rightColumn { width: 50%; }
}
.site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .orderingPageContainer .contentPageBannerImage .externalLinkButton .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .orderingPageContainer .contentPageBannerImage .externalLinkButton { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .orderingPageContainer .contentPageBannerImage .externalLinkButton { max-width: 1440px; }
}
.orderingPageContainer .contentPageBannerImage .externalLinkButton { position: relative; bottom: auto; z-index: 20; width: 100%; display: flex; justify-content: flex-start; }
.orderingPageContainer .contentPageBannerImage .externalLinkButton .externalLink { width: 13rem; border-radius: var(--borderRadiusPill); background-color: var(--colorButtonPrimaryBackgroundEnabled); padding: 14.5px 2rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeRg); color: var(--colorPrimary50); text-align: center; }
.orderingPageContainer .contentPageBannerImage .externalLinkButton .externalLink::after { right: -2.75rem; content: var(--tw-content); top: 1rem; }
.orderingPageContainer .contentPageBannerImage .externalLinkButton .linkContentBtn { width: auto; }
.orderingPageContainer .cateringContainer.faqContainer .careerBtnSection { justify-items: end; }
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer.faqContainer .careerBtnSection { margin-top: 0px; padding-left: 60px; padding-right: 52px; }
  .orderingPageContainer .cateringContainer.faqContainer .careerBtnSection .faqBottom { width: 80%; }
}
.waysOfGifts h3 { padding-top: 3rem; padding-bottom: 3rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeXl); text-align: center; }
.waysOfGifts .waysOfGiftsBox { gap: 1.5rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .waysOfGifts .waysOfGiftsBox { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); flex-direction: row; }
}
.waysOfGifts .waysOfGiftsBox h3 { margin-bottom: 1.25rem; padding-top: 0px; padding-bottom: 0px; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeLg); line-height: var(--lineHeightsMd); text-align: left; }
.waysOfGifts .waysOfGiftsBox .giftContainer { border-radius: 0.5rem; background-color: var(--colorForegroundBrandPrimaryOnBackground); --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); width: 100%; overflow: hidden; }
@media (min-width: 1024px) {
  .waysOfGifts .waysOfGiftsBox .giftContainer { position: relative; display: grid; grid-template-columns: repeat(1, minmax(0px, 1fr)); grid-template-rows: max-content; align-items: stretch; }
}
.waysOfGifts .waysOfGiftsBox .giftContainer img { width: 100%; }
.waysOfGifts .waysOfGiftsBox .giftContainer:last-child { margin-bottom: 1.25rem; }
@media (min-width: 1024px) {
  .waysOfGifts .waysOfGiftsBox .giftContainer:last-child { margin-bottom: 0px; }
}
.waysOfGifts .waysOfGiftsBox .giftBoxText { padding: 1rem 1.25rem 1.25rem; }
.waysOfGifts .waysOfGiftsBox .giftBoxText p { padding-top: 0.75rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); }
@media (min-width: 1024px) {
  .waysOfGifts .waysOfGiftsBox .giftBoxText.giftBoxTextContainer { padding-bottom: 7rem; }
}
.waysOfGifts .waysOfGiftsBox .giftBoxText.giftBoxTextContainer h3 { margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
@media (min-width: 1024px) {
  .waysOfGifts .waysOfGiftsBox .giftBoxText.giftBoxTextContainer h3 { line-height: var(--lineHeightsMd); }
}
.mailId { font-weight: 700; }
.giftBoxDetails { margin-top: 2rem; border-radius: var(--borderRadiusMoreRounded); border-color: var(--colorForegroundBorderBrighter); display: flex; flex-direction: column; align-items: center; overflow: hidden; border-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .giftBoxDetails { flex-direction: row; }
}
.giftBoxDetails .giftBoxDescriptions { margin-top: 1rem; margin-bottom: 1rem; padding-left: 1.25rem; padding-right: 1.25rem; order: 2; width: 100%; }
@media (min-width: 1024px) {
  .giftBoxDetails .giftBoxDescriptions { order: 0; margin-top: 0px; margin-bottom: 0px; width: 50%; padding-left: 3rem; padding-right: 3rem; }
}
.giftBoxDetails .giftBoxDescriptions h1 { padding-top: 0px; padding-bottom: 0px; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeLg); line-height: var(--lineHeightsMd); text-align: left; }
.giftBoxDetails .giftBoxDescriptions .buttonSecondary { width: 100%; }
@media (min-width: 1024px) {
  .giftBoxDetails .giftBoxDescriptions .buttonSecondary { width: auto; }
}
.giftBoxDetails img { width: 100%; }
@media (min-width: 1024px) {
  .giftBoxDetails.articleContainer { flex-direction: row-reverse; }
}
.cateringCategory .contentPageTopSection .homePageContainer .pdpListTileImg { height: 420px; }
.cateringCategory .contentPageTopSection .homePageContainer .moduleSubText { padding-bottom: 0px; font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); }
.cateringCategory .contentPageTopSection .homePageContainer .pdpListTile { border-radius: var(--borderRadiusMoreRounded); border-color: var(--colorForegroundBorderBrighter); display: flex; flex-direction: column; overflow: hidden; border-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 768px) {
  .cateringCategory .contentPageTopSection .homePageContainer .pdpListTile { flex-direction: row-reverse; }
}
.cateringCategory .contentPageTopSection .homePageContainer .pdpListTile .pdpListTileImg { border-radius: 0px; }
@media (min-width: 768px) {
  .cateringCategory .contentPageTopSection .homePageContainer .pdpListTile.oddBox { flex-direction: row; }
}
.cateringCategory .contentPageTopSection .homePageContainer .pdpListTile .pdpListTileText { padding-bottom: 0px; font-size: var(--fontSizeFontSizeXxl); line-height: 2.25rem; }
.cateringCategory .contentPageTopSection .homePageContainer .pdpListTile .listinnerwrapper { align-content: center; gap: 2rem; padding: 0px; }
.cateringCategory .contentPageTopSection .homePageContainer .pdpListTile .availableOption { padding-left: 1.25rem; padding-right: 1.25rem; }
.cateringCategory.contentPage .homePageContainer { flex-direction: column; }
.cateringCategory .availableOptionTitle { font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; }
.cateringCategory .columnContainer { gap: 1.5rem; }
@media (min-width: 1024px) {
  .cateringCategory .columnContainer { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
.imageGalleryContainer .mailId { font-weight: 700; }
.imageGalleryContainer .galleryBoxDescription .buttonPrimary { font-size: var(--fontSizeFontSizeXs); }
@media (min-width: 1024px) {
  .imageGalleryContainer .galleryBoxDescription .buttonPrimary { font-size: var(--fontSizeFontSizeRg); }
}
.imageGalleryContainer .contentPageBannerImage img { object-fit: cover; }
@media (min-width: 1024px) {
  .imageGalleryContainer .contentPageBannerImage img { object-fit: fill; }
}
.errorMsgCatering { background-color: var(--colorBackgroundBrandPrimary); padding: 1.25rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: 700; color: var(--colorForegroundContentInverseEnabled); width: 100%; text-align: center; }
.cateringContainer .moduleSubText { overflow: visible; display: block; -webkit-box-orient: horizontal; -webkit-line-clamp: none; font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); }
.cateringContainer .pdpListTileText { font-size: 1.5rem; line-height: 2rem; }
.privacy #ca { scroll-margin-top: 100px; }
.cateringBannerHeader { height: 340px; width: 66.6667%; gap: 1rem; padding-left: 2rem; font-family: var(--fontFamiliesPrimary); font-size: var(--lineHeightsSm); display: flex; flex-direction: column; justify-content: center; text-align: left; }
@media (min-width: 1024px) {
  .cateringBannerHeader { height: 400px; padding-left: 72px; font-size: 3rem; line-height: 1; }
}
.cateringBannerHeader .bannerDesc { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: 400; color: var(--colorBaseOffBlack500); }
.contentPage a:empty, .contentPage h1:empty, .contentPage h2:empty, .contentPage h3:empty, .contentPage h4:empty, .contentPage h5:empty, .contentPage h6:empty, .contentPage p:empty { display: none; }
.contentPage ul.faqLeftLinks { padding-left: 0px; padding-right: 0px; }
.contentPage ul ul { padding-left: 1rem; }
.contentPage ul ul li { list-style-type: circle; }
.contentPage .orderList li .orderList { padding-left: 1rem; }
.contentPage .orderList li .orderList li { list-style-type: upper-alpha; }
.contentPage .cateringSubTitle { padding-bottom: 1.25rem; }
.contentPage .linkContentBtn { margin-top: 0.5rem; margin-bottom: 0.5rem; display: inline-block; width: 100%; }
@media (min-width: 1024px) {
  .contentPage .linkContentBtn { width: auto; }
  .contentPage .contentPageInnerTitle { padding-left: 72px; padding-right: 72px; }
}
.contentPage .contentPageInnerTitle + .staticPageCtr { padding-top: 1.5rem; }
.contentPage .careerImgDescription h3 { padding-bottom: 1rem; }
.contentPage .careerBtnSection .termsAndConditions { padding-bottom: 0.5rem; }
.contentPage.orderingPageContainer .orderCateringContainer.Solid { padding: 4rem 1.25rem; }
.contentPage.orderingPageContainer .orderCateringContainer.giftCardHeader { padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 1024px) {
  .contentPage.orderingPageContainer .orderCateringContainer.giftCardHeader { margin-top: 2rem; padding-left: 72px; padding-right: 72px; }
}
.contentPage .faqRightSection .contentPageInnerTitle { text-align: center; }
.contentPage .questionAndAnswer { margin-top: 0px; gap: 0px; }
.contentPage .questionAndAnswer .answer { margin-bottom: 2rem; }
.contentPage .questionAndAnswer .answer p strong a { text-decoration-line: underline; }
.contentPage .cateringContainer, .contentPage .staticPageCtr { padding-left: 0px; padding-right: 0px; }
@media (min-width: 1024px) {
  .contentPage .cateringContainer, .contentPage .staticPageCtr { padding-left: 0px; padding-right: 0px; }
}
.contentPage .threeModuleContainer .waysOfGifts { margin-top: 1.5rem; padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 1024px) {
  .contentPage .threeModuleContainer .waysOfGifts { margin-top: 2.5rem; padding-left: 0px; padding-right: 0px; }
}
.contentPage .threeModuleContainer .waysOfGifts > h3 { padding-top: 1.25rem; line-height: 1.5; }
@media (min-width: 1024px) {
  .contentPage .threeModuleContainer .waysOfGifts > h3 { padding-top: 0px; }
  .contentPage.orderingPageContainer .giftCardCatering { padding-left: 72px; padding-right: 72px; }
}
.contentPage .careerBtnSection, .contentPage .cateringHeadingCtrl, .contentPage .columnContainer, .contentPage .homePageContainer, .contentPage .imageTextContentWrapper, .contentPage .importantNotes, .contentPage .newsroomWrapper, .contentPage .questionSection { padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 1024px) {
  .contentPage .careerBtnSection, .contentPage .cateringHeadingCtrl, .contentPage .columnContainer, .contentPage .homePageContainer, .contentPage .imageTextContentWrapper, .contentPage .importantNotes, .contentPage .newsroomWrapper, .contentPage .questionSection { margin-left: 1.25rem; margin-right: 1.25rem; padding-left: 0px; padding-right: 0px; }
  .contentPage .homePageContainer { margin-left: 0px; margin-right: 0px; }
}
.contentPage h1.contentPageLegalTitle { font-size: var(--fontSizeFontSizeLg); }
.contentPage .newsRightContainer { padding-left: 0px; padding-right: 0px; }
@media (min-width: 1024px) {
  .contentPage .cateringContainer { gap: 0.5rem; }
}
.contentPage .cateringContainer .pdpListTile .pdpListTileText { width: 100%; }
@media (min-width: 1024px) {
  .contentPage .staticPageCtr { padding-top: 2rem; padding-bottom: 2rem; }
}
.contentPage .newsroomTopSection { margin-top: 3rem; padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 1024px) {
  .contentPage .newsroomTopSection { margin-left: 1.25rem; margin-right: 1.25rem; padding-left: 0px; padding-right: 0px; }
}
.contentPage .newsroomTopSection .contentPageInnerTitle { margin-top: 0px; padding-left: 0px; text-align: left; }
.contentPage .newsroomTopSection .newsroomTopSectionHdr { position: relative; display: inline-block; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.contentPage .newsroomTopSection .newsroomTopSectionHdr .newsroomTitleImg { display: none; }
.contentPage .newsroomTopSection .newsroomTopSectionHdr .newsroomTitleImg { right: -0.75rem; top: -2rem; position: absolute; }
@media (min-width: 1024px) {
  .contentPage .newsroomTopSection .newsroomTopSectionHdr .contentPageInnerTitle { padding-right: 1.25rem; }
}
.contentPage .newsroomTopSection .newsroomTopText { padding-top: 1.5rem; padding-bottom: 1.5rem; }
@media (min-width: 1024px) {
  .contentPage .newsroomTopSection .newsroomTopText { padding-top: 2rem; padding-bottom: 2rem; }
}
.contentPage .cateringSubBtns, .contentPage .menuproductGrid { padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 1024px) {
  .contentPage .cateringSubBtns, .contentPage .menuproductGrid { padding-left: 72px; padding-right: 72px; }
}
.orderingPageContainer .imageTextContainer.articleContainer { flex-direction: row-reverse; }
.newsRoomFooter { margin-left: 1.25rem; margin-right: 1.25rem; border-radius: 0.5rem; border-color: var(--colorBaseAlpha300); background-color: var(--colorBaseLightBeige500); padding: 2rem; display: flex; flex-direction: column; border-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .newsRoomFooter { margin-left: 9rem; margin-right: 9rem; flex-direction: row; }
  .newsRoomFooterInner { width: 50%; }
}
.newsRoomFooterInner p { margin-bottom: 1rem; }
.newsRoomFooterInner:first-child { margin-bottom: 1.5rem; border-color: var(--colorBaseAlpha300); padding-bottom: 1.5rem; border-bottom-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .newsRoomFooterInner:first-child { margin-bottom: 0px; border-style: none; padding-bottom: 0px; }
}
.newsRoomFooterInner .newsRoomFooterTitle { margin-bottom: 0.5rem; padding-top: 0px; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); line-height: 24px; }
.newsRoomFooterInner a { text-decoration-line: underline; }
@media (min-width: 1024px) {
  .orderCateringContainer { margin-top: 0px; }
}
.availableOption { padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; }
@media (min-width: 1024px) {
  .cateringHeadingCtrl { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
.cateringHeadingCtrl h2 { font-size: var(--fontSizeFontSizeXxl); }
.orderingPageContainer .giftBoxContainer.giftBoxDetails { --tw-border-style: none; border-style: none; }
@media (min-width: 1024px) {
  .orderingPageContainer .giftBoxContainer.giftBoxDetails { margin-left: 0px; margin-right: 0px; }
}
.orderingPageContainer .giftBoxContainer.giftBoxDetails.hasBorder { border-radius: 0.5rem; border-color: var(--colorForegroundBorderBrighter); border-width: 1px; --tw-border-style: solid; border-style: solid; }
.orderingPageContainer .giftBoxContainer.giftBoxDetails .doubleTextSecond { font-family: var(--fontFamiliesPrimary); color: var(--colorBaseAlpha950); }
.orderingPageContainer .giftBoxContainer.giftBoxDetails .stylizedTitle .doubleTextSecond { font-family: var(--fontWeightsBaseLineShade); color: var(--colorBaseOrange700); }
@media (min-width: 1024px) {
  .orderingPageContainer .faqSection { padding-top: 2.5rem; }
}
.orderingPageContainer .bannerSingleWrapper { width: auto; }
.orderingPageContainer .bannerSingleWrapper .cateringBannerHeader { padding: 1.25rem; width: auto; }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerSingleWrapper .cateringBannerHeader { padding-left: 5rem; }
}
.orderingPageContainer .bannerSingleWrapper .bannerSingleTitle { border-color: var(--colorBaseAlpha50); padding: 2rem 1rem; font-size: var(--fontSizeFontSizeXxl); line-height: var(--lineHeightsLg); border-width: 5px; --tw-border-style: solid; border-style: solid; text-align: center; }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerSingleWrapper .bannerSingleTitle { padding: 3rem; }
}
.orderingPageContainer .bannerSingleWrapper.centerTitleBanner { width: 100%; }
.orderingPageContainer .bannerSingleWrapper.centerTitleBanner .bannerSingleTitle { margin-left: auto; margin-right: auto; margin-inline: auto; }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerSingleWrapper.lefgTitleBanner { padding-left: 2.5rem; }
}
.orderingPageContainer .bannerSingleWrapper.rightTitleBanner { display: flex; width: 100%; flex-direction: row-reverse; }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerSingleWrapper.rightTitleBanner { padding-right: 2.5rem; }
  .orderingPageContainer .bannerCateringWrapper { width: 50%; }
}
.orderingPageContainer .bannerCateringWrapper .bannerSingleTitle { font-size: var(--fontSizeFontSizeLg); line-height: var(--lineHeightsMd); }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerCateringWrapper .bannerSingleTitle { font-size: var(--fontSizeFontSizeXxl); line-height: 36px; }
}
.orderingPageContainer .bannerCateringWrapper .bannerDesc { color: var(--colorBaseAlpha50); font-size: 20px; }
.orderingPageContainer .bannerCateringWrapper .cateringBannerHeader { width: auto; justify-content: normal; padding: 3.5rem 2rem; }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerCateringWrapper .cateringBannerHeader { justify-content: center; padding-left: 72px; }
}
.orderingPageContainer .bannerCateringWrapper + .externalLinkButton .linkContentBtn { margin-left: 1.25rem; margin-right: 1.25rem; min-width: 208px; width: auto; }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerCateringWrapper + .externalLinkButton .linkContentBtn { margin-left: 0px; margin-right: 0px; }
}
.orderingPageContainer .externalLinkButton .externalLink { height: 3rem; }
.orderingPageContainer .externalLinkButton .externalLink::after { content: var(--tw-content); display: none; }
.orderingPageContainer .externalLinkButton .externalLink span { top: -0.125rem; position: relative; }
.orderingPageContainer .bannerGiftCardWrapperCtr { height: 375px; background-color: var(--colorBaseOffBlack500); align-items: center; }
.orderingPageContainer .bannerGiftCardWrapperCtr::before { content: var(--tw-content); height: 375px; }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerGiftCardWrapperCtr { display: flex; }
}
.orderingPageContainer .bannerGiftCardWrapperCtr::before { display: none; }
.orderingPageContainer .bannerGiftCardWrapperCtr img { top: 0.5rem; margin: 0.75rem; width: 46%; position: relative; height: auto; }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerGiftCardWrapperCtr img { margin: 0px; width: 34%; padding-left: 2.5rem; }
  .orderingPageContainer .bannerGiftCardWrapperCtr.bannerImageWidthMedium img { width: 38%; }
}
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper { margin-top: 9rem; padding-left: 1.25rem; padding-right: 1.25rem; width: 100%; }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper { margin-top: 0px; padding-left: 0px; padding-right: 0px; }
}
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper .cateringBannerHeader { gap: 0px; padding-left: 1.25rem; padding-right: 1.25rem; height: auto; width: auto; }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper .cateringBannerHeader { padding-left: 0px; padding-right: 0px; padding-top: 4rem; text-align: left; }
}
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper.mobileAlignmentCenter .cateringBannerHeader { text-align: center; }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper.mobileAlignmentCenter .cateringBannerHeader { text-align: left; }
}
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper.mobileAlignmentLeft .cateringBannerHeader { text-align: left; }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper.mobileAlignmentLeft .cateringBannerHeader { text-align: left; }
}
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper .externalLinkButton { margin-top: 2rem; position: static; display: block; }
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper .externalLink { display: inline-block; width: 100%; }
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper .externalLink::after { content: var(--tw-content); display: none; }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper .externalLink { width: auto; }
}
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerCateringTitle { font-size: var(--fontSizeFontSizeXl); line-height: 28px; color: var(--colorQuaternary300); }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerGiftCardWrapperCtr .bannerCateringTitle { font-size: 80px; line-height: 62px; }
}
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerCateringSubTitle { margin-top: 0.75rem; font-size: var(--fontSizeFontSizeXl); line-height: 28px; color: var(--colorSecondary500); }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerGiftCardWrapperCtr .bannerCateringSubTitle { font-size: var(--fontSizeFontSizeXxl); }
  .orderingPageContainer .bannerImageWidthSmall .bannerGiftCardWrapper { padding-left: 36%; }
  .orderingPageContainer .bannerImageWidthMedium .bannerGiftCardWrapper { padding-left: 42%; }
  .orderingPageContainer .bannerImageWidthMedium .bannerGiftCardWrapper .cateringBannerHeader { padding-top: 3rem; }
}
.shortBannerHeight .contentPageBannerImage { height: 15rem; }
.shortBannerHeight .contentPageBannerImage::before { content: var(--tw-content); height: 15rem; }
@media (min-width: 1024px) {
  .shortBannerHeight .contentPageBannerImage { height: 13rem; }
  .shortBannerHeight .contentPageBannerImage::before { content: var(--tw-content); height: 13rem; }
}
.shortBannerHeight .contentPageBannerImage img { height: 15rem; }
@media (min-width: 1024px) {
  .shortBannerHeight .contentPageBannerImage img { height: 13rem; }
}
.shortBannerHeight .contentPageBannerImage .bannerSingleWrapper .cateringBannerHeader { height: 15rem; }
@media (min-width: 1024px) {
  .shortBannerHeight .contentPageBannerImage .bannerSingleWrapper .cateringBannerHeader { height: 13rem; }
}
.shortBannerHeight .contentPageBannerImage .bannerSingleWrapper .bannerSingleTitle { padding: 2rem; }
@media (min-width: 1024px) {
  .shortBannerHeight .contentPageBannerImage .bannerSingleWrapper .bannerSingleTitle { padding: 2rem 9rem; }
}
.tallBannerHeight .contentPageBannerImage { height: 15rem; }
.tallBannerHeight .contentPageBannerImage::before { content: var(--tw-content); height: 15rem; }
@media (min-width: 1024px) {
  .tallBannerHeight .contentPageBannerImage { height: 346px; }
  .tallBannerHeight .contentPageBannerImage::before { content: var(--tw-content); height: 346px; }
}
.tallBannerHeight .contentPageBannerImage img { height: 15rem; }
@media (min-width: 1024px) {
  .tallBannerHeight .contentPageBannerImage img { height: 346px; }
}
.tallBannerHeight .contentPageBannerImage .bannerSingleWrapper .cateringBannerHeader { height: 15rem; }
@media (min-width: 1024px) {
  .tallBannerHeight .contentPageBannerImage .bannerSingleWrapper .cateringBannerHeader { height: 346px; }
}
.tallBannerHeight .contentPageBannerImage .bannerSingleWrapper .bannerSingleTitle { padding: 2rem; }
.contentPageBannerImage { height: 346px; }
@media (min-width: 1024px) {
  .contentPageBannerImage { height: 400px; }
}
.orderingPageContainer .contentPageBannerImage { height: 400px; }
.orderingPageContainer .contentPageBannerImage .externalLinkButton { margin-top: 0px; margin-bottom: 0px; padding-left: 0px; padding-right: 0px; }
@media (min-width: 1024px) {
  .orderingPageContainer .contentPageBannerImage .externalLinkButton { position: relative; left: 0px; top: 0px; }
}
.orderingPageContainer .contentPageBannerImage .externalLinkButton .linkContentBtn { font-size: 19px; }
.orderingPageContainer .contentPageBannerImage .tacCatering { font-family: var(--fontFamiliesBody); color: var(--colorBaseOffWhite500); font-size: 14px; text-decoration-line: underline; }
.orderingPageContainer .bannerCateringWrapper .bannerSingleTitle { line-height: 42px; font-size: 32px; }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerCateringWrapper .bannerSingleTitle { font-size: 40px; line-height: 52px; }
}
.orderingPageContainer .bannerCateringWrapper .bannerDesc { font-size: 14px; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.sitemap-banner .\!bannerTitle { display: none; }
.sitemap-banner .\!bannerTitle { left: 50%; top: 50%; --tw-translate-x: -50%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)); padding: 1rem; font-family: var(--fontFamiliesPrimary); font-size: 40px; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); position: absolute; border-width: 4px; --tw-border-style: solid; border-style: solid; text-align: center; }
@media (min-width: 1024px) {
  .sitemap-banner .\!bannerTitle { width: 100%; max-width: 595px; padding: 1.5rem; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.sitemap-banner .bannerTitle { display: none; }
.sitemap-banner .bannerTitle { left: 50%; top: 50%; --tw-translate-x: -50%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)); padding: 1rem; font-family: var(--fontFamiliesPrimary); font-size: 40px; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); position: absolute; border-width: 4px; --tw-border-style: solid; border-style: solid; text-align: center; }
@media (min-width: 1024px) {
  .sitemap-banner .bannerTitle { width: 100%; max-width: 595px; padding: 1.5rem; }
}
.jamba .site-map .level-2 > a.boldHighlight { font-weight: 700; }
.site-map { padding: 2rem 1.25rem; text-transform: none; }
@media (min-width: 1024px) {
  .site-map { padding: 3rem 0px; }
}
.site-map .container { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .container { flex-direction: row; }
}
.site-map .\!container { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .\!container { flex-direction: row; }
}
.site-map .\!container .leftColumn .level-1, .site-map .\!container .leftColumn .level-2, .site-map .\!container .leftColumn .level-3, .site-map .\!container .rightColumn .level-1, .site-map .\!container .rightColumn .level-2, .site-map .\!container .rightColumn .level-3, .site-map .container .leftColumn .level-1, .site-map .container .leftColumn .level-2, .site-map .container .leftColumn .level-3, .site-map .container .rightColumn .level-1, .site-map .container .rightColumn .level-2, .site-map .container .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .\!container .level-1, .site-map .container .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .\!container .level-2, .site-map .\!container .level-3, .site-map .container .level-2, .site-map .container .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .\!container .rightColumn, .site-map .container .rightColumn { background-color: transparent; }
.site-map .\!container .rightColumn .level-3, .site-map .container .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .\!container .rightColumn .level-3 .level-4, .site-map .container .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .\!container .rightColumn .level-3 a::before, .site-map .container .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .container .camelCaseClass { text-transform: capitalize; }
.site-map .\!container .camelCaseClass { text-transform: capitalize !important; }
.site-map .container .lowerCaseClass { text-transform: lowercase; }
.site-map .\!container .lowerCaseClass { text-transform: lowercase !important; }
.site-map .\!container h4, .site-map .container h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
.scrollMarginPrivacy { scroll-margin: 7rem; }
.contentPage .orderingPageContainer .bannerCateringWrapper .cateringBannerHeader { padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1rem; }
@media (min-width: 1024px) {
  .contentPage .orderingPageContainer .bannerCateringWrapper .cateringBannerHeader { justify-content: normal; padding-left: 72px; padding-top: 3rem; }
}
.contentPage .orderingPageContainer .bannerCateringWrapper .tacCatering { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); text-decoration-line: underline; }
.contentPage .staticContentPage.promGridModuleCtr { background-image: none; background-color: transparent; }
.contentPage .staticContentPage.promGridModuleCtr::after, .contentPage .staticContentPage.promGridModuleCtr::before { content: var(--tw-content); background-image: none; }
@media (min-width: 1024px) {
  .contentPage .staticContentPage.promGridModuleCtr { padding-left: 0px; padding-right: 0px; }
}
.newLoyaltyBtmSection { max-width: 100%; }
@media (min-width: 640px) {
  .newLoyaltyBtmSection .newLoyaltyBtmDiv { max-width: 640px; }
}
@media (min-width: 768px) {
  .newLoyaltyBtmSection .newLoyaltyBtmDiv { max-width: 768px; }
}
@media (min-width: 1024px) {
  .newLoyaltyBtmSection .newLoyaltyBtmDiv { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .newLoyaltyBtmSection .newLoyaltyBtmDiv { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .newLoyaltyBtmSection .newLoyaltyBtmDiv { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .newLoyaltyBtmSection .newLoyaltyBtmDiv { max-width: 1536px; }
}
.site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv { flex-direction: row; }
}
.site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .leftColumn .level-1, .site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .leftColumn .level-2, .site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .leftColumn .level-3, .site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .rightColumn .level-1, .site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .rightColumn .level-2, .site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .level-2, .site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .rightColumn { background-color: transparent; }
.site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .camelCaseClass { text-transform: capitalize; }
.site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .lowerCaseClass { text-transform: lowercase; }
.site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.newLoyaltyBtmSection .newLoyaltyBtmDiv { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .leftColumn { width: 50%; }
}
.site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .leftColumn .level-1 { padding: 0px; }
.site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .rightColumn { width: 50%; }
}
.site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .newLoyaltyBtmSection .newLoyaltyBtmDiv .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.newLoyaltyBtmSection .newLoyaltyBtmDiv { margin-left: auto; margin-right: auto; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .newLoyaltyBtmSection .newLoyaltyBtmDiv { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .newLoyaltyBtmSection .newLoyaltyBtmDiv { max-width: 1440px; }
}
.newLoyaltyBtmSection .newLoyaltyBtmDiv { width: 100%; margin-inline: auto; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .newLoyaltyBtmSection .newLoyaltyBtmDiv { flex-direction: row; gap: 5rem; }
}
@media (min-width: 1440px) {
  .newLoyaltyBtmSection .newLoyaltyBtmDiv { gap: 0px; }
}
.cartGroupOrderConatainer { margin-left: 1.25rem; margin-right: 1.25rem; margin-bottom: 2rem; gap: 9px; border-radius: 0.25rem; border-color: var(--colorBaseAlpha300); padding: 1.25rem; display: flex; width: auto; flex-direction: column; align-items: center; justify-content: center; border-style: var(--tw-border-style); border-width: 1px; }
@media (min-width: 1024px) {
  .cartGroupOrderConatainer { margin-left: auto; margin-right: auto; width: 335px; }
}
.cartGroupOrderConatainer button { height: 2rem; padding-left: 1rem; padding-right: 1rem; font-family: var(--fontFamiliesBody); font-weight: 700; line-height: 1.25rem; display: flex; align-items: center; justify-content: center; font-size: 14px; }
.cartGroupOrderText { font-family: var(--fontFamiliesPrimary); font-size: 17px; line-height: 1.25rem; color: var(--colorBaseOffBlack500); text-align: center; }
.cartGroupOrderOrderNowBtn { padding-left: 1.25rem; padding-right: 1.25rem; text-align: center; }
.\!groupOrder { margin: 1.5rem 1.25rem; gap: 3rem; font-family: var(--fontFamiliesBody); display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .\!groupOrder { margin: 0px auto; width: 375px; gap: 4rem; }
}
.groupOrder { margin: 1.5rem 1.25rem; gap: 3rem; font-family: var(--fontFamiliesBody); display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .groupOrder { margin: 0px auto; width: 375px; gap: 4rem; }
}
.\!groupOrder .titleAndDesc, .groupOrder .titleAndDesc { gap: 0.75rem; color: var(--colorBaseOffBlack500); display: flex; flex-direction: column; text-align: center; --tw-leading: 22px; line-height: 22px; }
.\!groupOrder .titleAndDesc .title, .groupOrder .titleAndDesc .\!title, .groupOrder .titleAndDesc .title { font-size: 1.5rem; line-height: 2rem; }
.\!groupOrder .nameInput, .groupOrder .nameInput { gap: 0.5rem; display: flex; flex-direction: column; }
.\!groupOrder .nameInput .floating-container .floatingInputField, .groupOrder .nameInput .floating-container .floatingInputField { margin-top: 0px; }
.\!groupOrder .nameInput .error-message, .groupOrder .nameInput .error-message { margin-top: 0px; margin-bottom: 0px; }
.\!groupOrder .nameInput .textCount, .groupOrder .nameInput .textCount { font-size: 0.75rem; --tw-leading: 17px; line-height: 17px; }
.\!groupOrder .groupNamingContainer, .groupOrder .groupNamingContainer { gap: 0.25rem; border-radius: 0.25rem; border-color: var(--colorBaseAlpha300); padding: 1rem 1.25rem; display: flex; flex-direction: column; align-items: center; justify-content: center; border-style: var(--tw-border-style); border-width: 1px; }
.\!groupOrder .groupNamingOrderCateringLink, .groupOrder .groupNamingOrderCateringLink { gap: 0.5rem; display: flex; align-items: center; justify-content: center; }
.\!groupOrder .groupNamingContainerText, .groupOrder .groupNamingContainerText { font-family: var(--fontFamiliesBody); color: var(--colorBaseOffBlack500); text-align: center; font-size: 16px; }
.\!groupOrder .groupNameOrderCateringText, .groupOrder .groupNameOrderCateringText { font-family: var(--fontFamiliesBody); font-weight: 700; display: flex; align-items: center; text-decoration-line: underline; }
.\!groupOrder .groupOrderBtns, .groupOrder .groupOrderBtns { gap: 1.75rem; display: flex; flex-direction: column; }
.\!groupOrder .groupOrderBtns .secondaryButton, .groupOrder .groupOrderBtns .secondaryButton { font-family: var(--fontFamiliesBody); font-weight: 700; color: var(--colorBaseOffBlack500); width: 100%; cursor: pointer; border-style: var(--tw-border-style); border-width: 0px; text-align: center; --tw-leading: 22px; line-height: 22px; }
.\!groupOrder .groupOrderOrText, .groupOrder .groupOrderOrText { margin-bottom: 1rem; margin-top: 0.25rem; color: var(--colorBaseOffBlack500); display: flex; text-align: center; font-size: 16px; }
.\!groupOrder .groupOrderMembeDesc, .groupOrder .groupOrderMembeDesc { font-weight: 400; color: var(--colorBaseAlpha600); display: flex; width: 100%; flex-direction: column; justify-content: center; }
.\!groupOrder .informationText, .groupOrder .informationText { color: var(--colorBaseAlpha600); }
.\!groupOrder .haveAnAccountLink, .groupOrder .haveAnAccountLink { margin-bottom: 0.25rem; font-family: var(--fontFamiliesPrimary); font-size: 17px; }
.groupOrderWelcome .auth-layout { display: flex; align-items: center; }
.groupOrderWelcome .auth-layout::after { position: absolute; bottom: -72px; top: auto; height: 100%; width: 100%; background-image: url("../scraped_assets/images/welcome-illustration.bd04a226.png"); background-position: center bottom; background-repeat: no-repeat; --tw-content: ""; content: var(--tw-content); }
@media (min-width: 1024px) {
  .groupOrderWelcome .auth-layout { align-items: baseline; }
  .groupOrderWelcome .auth-layout::after { --tw-content: none; content: var(--tw-content); }
}
.groupOrderWelcome .authFooter { display: none; }
@media (min-width: 1024px) {
  .groupOrderWelcome .authFooter { display: block; }
}
.groupOrderWelcome .groupOrderWelcomeHeading { margin-bottom: 1rem; font-family: var(--fontFamiliesPrimary); color: var(--colorBaseOffBlack500); font-size: 32px; --tw-leading: 1; line-height: 1; }
.groupOrderWelcome .groupOrderWelcomeDesc { font-family: var(--fontFamiliesBody); color: var(--colorBaseOffBlack500); }
.cursorDefault { cursor: default; }
.memberLandingCreateAnAcctText { font-weight: 700; color: var(--colorBaseOffBlack500); display: flex; cursor: pointer; align-items: center; text-align: center; --tw-leading: 22px; line-height: 22px; }
.pageLoaderWrap .pageLoaderSVG { left: auto; right: auto; position: relative; }
.disableLogo { cursor: default; }
.groupOrderHeaderContent { padding: 0.75rem 1.25rem; color: var(--colorBaseOffBlack500); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
@media (min-width: 1024px) {
  .groupOrderHeaderContent { align-items: center; }
}
.groupOrderHeaderName { font-family: var(--fontFamiliesPrimary); overflow: hidden; --tw-leading: 17px; line-height: 17px; text-overflow: ellipsis; text-transform: uppercase; }
.groupOrderHeaderOrderContainer { gap: 0.25rem; display: flex; align-items: center; }
.groupOrderHeaderOrderContainer p { font-family: var(--fontFamiliesBody); font-size: 14px; }
.groupOrderHeaderOrderContainer .orderDateExpired { color: var(--colorBaseRed700); }
.groupOrderHeaderDes { gap: 0.5rem; display: flex; align-items: center; }
.groupOrderHeaderDot { height: 0.25rem; width: 0.25rem; background-color: var(--colorBaseAlpha600); border-radius: calc(infinity * 1px); }
.groupOrderCartIconMobile { display: flex; justify-content: flex-end; }
.groupOrderCartIconMobile .cartIcon { width: 3rem; }
.rightSideWrapper.notSticky .righttitleSticky { top: 15rem; }
.rightSideWrapper.notSticky .categorySection.locationCategorySection .righttitleSticky { top: 14rem; }
@media (min-width: 1024px) {
  .rightSideWrapper.notSticky .categorySection.locationCategorySection .righttitleSticky { top: 15rem; }
}
.headerNavInner.hideHamburger .hamburgerIcon svg { display: none; }
.groupOrderExceptionsContainer { margin-left: auto; margin-right: auto; max-width: 375px; padding-left: 1.25rem; padding-right: 1.25rem; margin-inline: auto; display: flex; width: 100%; flex-direction: column; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .groupOrderExceptionsContainer { width: 375px; }
}
.orderSubmittedInfo .groupOrderExceptionsDesc { gap: 1.5rem; color: var(--colorBaseOffBlack500); }
.groupOrderExceptionsHeading { font-family: var(--fontFamiliesPrimary); line-height: 18px; align-items: center; text-align: center; vertical-align: middle; font-size: 18px; }
.groupOrderExceptionsDesc { margin-top: 3rem; margin-bottom: 3rem; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.groupOrderExceptionSubHeading { margin-top: 1.5rem; margin-bottom: 1.5rem; font-family: var(--fontFamiliesPrimary); font-size: 34px; line-height: 30px; display: flex; text-align: center; }
.groupOrderExceptionBody { font-family: var(--fontFamiliesBody); text-align: center; font-size: 16px; }
.amountDetailContainer.subTotalInfoCont { margin-top: -0.5rem; }
.amountDetailContainer.subTotalInfoCont .infoCopy { flex-basis: 80%; font-family: var(--fontFamiliesBody); color: var(--colorBaseAlpha600); display: flex; font-size: 14px; }
.orderLimitInfoCopy .disclaimerContent p { font-weight: 600; font-size: 14px; }
.orderLimitInfoCopy .disclaimerContent svg path { fill: var(--colorBaseOffBlack500); }
.groupOrderDetails .disclaimerContent p { font-family: var(--fontFamiliesBody); font-weight: 600; line-height: 1.25; color: var(--colorBaseAlpha600); display: flex; font-size: 12px; }
.groupOrderDetails .disclaimerContent svg { height: 0.75rem; width: 0.75rem; }
.groupOrderDetails .disclaimerContent svg path { fill: var(--colorBaseOffBlack500); }
.groupOrderDetails .disclaimerContent.\!error svg path, .groupOrderDetails .disclaimerContent.error svg path { fill: var(--colorBaseRed700); }
.groupOrderTitleBar .groupOrderTitleAndBtn .buttonSecondary { border-color: var(--colorBaseAlpha800); }
.groupOrderTitleBar .groupOrderTitleAndBtn .buttonSecondary span { font-family: var(--fontFamiliesBody); color: var(--colorBaseOffBlack500); font-size: 14px; text-transform: capitalize; }
.groupOrderConfirmationDescContainer { margin-top: 1rem; display: flex; justify-content: center; }
.groupOrderConfirmationDescText { height: 38px; width: 295px; font-family: var(--fontFamiliesBody); font-weight: 700; line-height: 1.25rem; align-items: center; justify-content: center; font-size: 14px; }
.groupOrderConfirmationWrapper .groupOrderConfirmationContainer { display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .groupOrderConfirmationWrapper .groupOrderConfirmationContainer { margin: 4rem auto; max-width: 1297px; flex-direction: row-reverse; }
}
.groupOrderConfirmationWrapper .groupOrderConfirmationContainer .orderHeaderWrapper { margin-top: 1.5rem; }
@media (min-width: 1024px) {
  .groupOrderConfirmationWrapper .groupOrderConfirmationContainer .orderHeaderWrapper { margin-top: 0px; max-width: max-content; }
}
.groupOrderConfirmationWrapper .groupOrderConfirmationContainer .orderConfirmrightSection { gap: 2.25rem; padding-bottom: 3rem; }
@media (min-width: 1024px) {
  .groupOrderConfirmationWrapper .groupOrderConfirmationContainer .orderConfirmrightSection { padding-bottom: 0px; }
}
.groupOrderConfirmationWrapper .groupOrderConfirmationContainer .orderConfirmrightSection .orderDetailsAccordion .yourOrderAccount, .groupOrderConfirmationWrapper .groupOrderConfirmationContainer .orderConfirmrightSection .orderDetailsAccordionDefault .yourOrderAccount { text-align: left; }
.groupOrderConfirmationWrapper .groupOrderConfirmationContainer .orderConfirmrightSection .orderDetailsAccordion .\!price, .groupOrderConfirmationWrapper .groupOrderConfirmationContainer .orderConfirmrightSection .orderDetailsAccordion .\!productName, .groupOrderConfirmationWrapper .groupOrderConfirmationContainer .orderConfirmrightSection .orderDetailsAccordion .price, .groupOrderConfirmationWrapper .groupOrderConfirmationContainer .orderConfirmrightSection .orderDetailsAccordion .productName, .groupOrderConfirmationWrapper .groupOrderConfirmationContainer .orderConfirmrightSection .orderDetailsAccordionDefault .\!price, .groupOrderConfirmationWrapper .groupOrderConfirmationContainer .orderConfirmrightSection .orderDetailsAccordionDefault .\!productName, .groupOrderConfirmationWrapper .groupOrderConfirmationContainer .orderConfirmrightSection .orderDetailsAccordionDefault .price, .groupOrderConfirmationWrapper .groupOrderConfirmationContainer .orderConfirmrightSection .orderDetailsAccordionDefault .productName { padding-top: 0px; display: flex; align-items: center; }
.groupOrderConfirmationWrapper .orderConfirmrightSection { flex-basis: auto; display: flex; flex-direction: column; justify-content: flex-start; text-align: center; }
@media (min-width: 1024px) {
  .groupOrderConfirmationWrapper .orderConfirmrightSection { width: 636px; }
}
.groupOrderConfirmationWrapper .orderConfirmrightSection button { margin-left: 1rem; margin-right: 1rem; font-family: var(--fontFamiliesPrimary); }
@media (min-width: 1024px) {
  .groupOrderConfirmationWrapper .orderConfirmrightSection button { margin-left: auto; margin-right: auto; }
}
.groupOrderConfirmationWrapper .orderConfirmrightSection button.accordionHeader { font-family: var(--fontFamiliesBody); }
.groupOrderConfirmationWrapper .accordionContainer { text-align: left; }
.groupOrderSignUpBtn { max-height: 2rem; padding-top: 13px; padding-bottom: 13px; font-family: var(--fontFamiliesPrimary); display: flex; align-items: center; justify-content: center; font-size: 12px; }
.groupOrderSignUpBtn, .groupOrderSignUpBtn:hover { background-color: var(--colorBaseOffBlack500); }
.groupOrderSignUpContainer { margin-left: 1.25rem; margin-right: 1.25rem; margin-bottom: 3rem; height: 329px; gap: 1rem; border-radius: 0.5rem; background-color: var(--colorTertiary600); background-image: url("../scraped_assets/images/texture-deals-rewards.672a80f2.png"); padding: 2.5rem 1.25rem; display: flex; flex-direction: column; align-items: center; justify-content: center; border-style: var(--tw-border-style); border-width: 1px; }
@media (min-width: 1024px) {
  .groupOrderSignUpContainer { margin-left: auto; margin-right: auto; margin-bottom: 0px; height: 294px; width: 636px; }
}
.promoOfferText.signupBannerTitle { margin-left: 0px; position: relative; }
.groupOrderSignUpSectionDesc { font-weight: 600; text-align: center; font-size: 14px; }
.groupOrderSignUpSectionDesc, .groupOrderTac { font-family: var(--fontFamiliesBody); color: var(--colorBaseOffBlack500); }
.groupOrderTac { font-size: 12px; }
.goconformationicon svg { height: 2rem; width: 2rem; }
.groupOrderJoinDesc { font-family: var(--fontFamiliesBody); color: var(--colorBaseAlpha600); vertical-align: middle; font-size: 16px; }
.groupOrderJoinTitle { font-size: 24px; --tw-leading: 22px; line-height: 22px; }
.inputDatePicker.\!error .dayInput, .inputDatePicker.error .dayInput { border-color: var(--colorBaseRed700); color: var(--colorBaseRed700); border-style: var(--tw-border-style); border-width: 2px; }
.inputDatePicker.\!error svg path, .inputDatePicker.error svg path { fill: var(--colorBaseRed700); }
.groupOrderDetails .innerBox { border-radius: 0.25rem; border-color: var(--colorBaseAlpha600); padding: 0.75rem; display: flex; justify-content: space-between; border-style: var(--tw-border-style); border-width: 1px; }
.disclaimerContent.\!error p, .disclaimerContent.error p { color: var(--colorBaseRed700); }
.disclaimerContent svg { margin-top: 0.125rem; }
.disclaimerContent p { margin-left: 0.25rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeXs); font-weight: 400; color: var(--colorBaseAlpha600); }
.getValueModel .optionalInput { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeXl); font-weight: 400; letter-spacing: 1px; color: var(--colorBaseAlpha900); width: 100%; text-align: center; text-transform: uppercase; }
.groupOrderHostCheckoutTitle { font-family: var(--fontFamiliesPrimary); font-size: 24px; vertical-align: middle; --tw-leading: 22px; line-height: 22px; }
.cartGODrawer { padding-bottom: 175px; }
.cartGODrawer .cartChekoutButtonContainer { bottom: 0px; --tw-translate-x: 0px; --tw-translate-y: 100vh; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); position: fixed; width: 100%; }
@media (min-width: 1024px) {
  .cartGODrawer .cartChekoutButtonContainer { width: 488px; }
}
.popupOverlay.loaderSpinnerWrapper { z-index: 51; }
.loaderSpinnerCont { left: 0px; right: 0px; z-index: 51; gap: 1rem; position: fixed; top: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.loadingContent { font-family: var(--fontFamiliesBody); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); font-size: 16px; }
.view-more-less-wrapper { position: relative; }
.view-more-less-wrapper-content { font-family: var(--fontFamiliesBody); line-height: var(--lineHeightsMd); overflow: hidden; text-align: left; font-size: 16px; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.view-more-less-wrapper-cta { display: none; }
.view-more-less-wrapper-cta { bottom: 0px; right: 0px; --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); padding-left: 1.25rem; font-family: var(--fontFamiliesBody); position: absolute; --tw-border-style: none; border-style: none; font-size: 16px; text-decoration-line: underline; }
.view-more-less-wrapper.is-expanded-cta { padding-left: 0px; position: relative; }
.view-more-less-wrapper.is-expanded { display: flex; flex-wrap: wrap; }
.view-more-less-wrapper.is-expanded .view-more-less-wrapper-cta { padding-left: 0px; position: relative; }
body { color: var(--colorBaseOffBlack500); }
.CheckoutPageContainer, .accountWrapper, .authHeader, .breadcrumbBg, .hamburgerResponsiveVertical, .headerNavContainer, .menuPageBg, .menuPageSticky, .menuPromSlider, .menuSearchDesktop, .onboardWrapper, .orderHeaderWrapper, .promoBannerContainer, .rightSideWrapper, .righttitleStickyCont, .righttitletext, .sliderContainer, .tabSection, body { background-color: var(--colorBaseAlpha50); }
svg { overflow: visible; }
.brandLogoContainer img, .brandLogoContainer svg { width: 130px; }
@media (min-width: 1024px) {
  .brandLogoContainer img, .brandLogoContainer svg { width: 173px; }
}
.headerNavContainer .headerActions .headerButtonStyle span { top: 2px; position: relative; }
.headerNavContainer .headerActions .buttonPrimary { font-family: var(--fontFamiliesPrimary); line-height: 1.5; }
@media (min-width: 1024px) {
  .headerNavContainer .headerActions .buttonPrimary { font-size: 22px; line-height: 1.5rem; }
}
.headerNavContainer .headerActions .signupBtn { border-color: var(--colorPrimary500); display: flex; }
.headerNavContainer .headerActions .signupBtn button { font-family: var(--fontFamiliesPrimary); font-size: 22px; line-height: 1.5rem; color: var(--colorPrimary500); text-transform: uppercase; }
.headerNavContainer .headerActions .signupBtn button span { top: 2px; position: relative; }
.buttonPrimary, .headerNavContainer .headerActions .startOrderButtonStyle { font-weight: 700; }
.buttonPrimary { background-color: var(--colorBaseOffBlack500); font-family: var(--fontFamiliesPrimary); text-transform: uppercase; }
@media (min-width: 1024px) {
  .buttonPrimary, .buttonPrimary:hover { background-color: var(--colorPrimary500); }
}
.buttonSecondary { border-color: var(--colorPrimary500); font-family: var(--fontFamiliesPrimary); color: var(--colorPrimary500); text-transform: uppercase; }
.homeFullScreen { --tw-gradient-from: var(--colorBaseAlpha50) var(--tw-gradient-from-position); --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }
.removeModelContainer svg { height: 1.5rem; width: 1.5rem; }
.peer:checked ~ .checkBoxToggle { background-color: var(--colorBackgroundBrandPrimary); }
.taxWrapper { max-width: 287px; }
@media (min-width: 1024px) {
  .taxWrapper { max-width: 368px; }
}
.taxWrapper .costIcon { height: 72px; width: 72px; }
.taxWrapper .taxHeading { font-family: var(--fontFamiliesPrimary); font-size: 22px; font-weight: 700; }
.modalWrapper .modalInner { padding: 3rem 1.5rem; width: 335px; }
.modalWrapper .modalInner .storeclosedpopup .buttonSecondary { padding: 0px; font-family: var(--fontFamiliesPrimary); font-size: 1rem; line-height: 1.5rem; color: var(--colorBaseOffBlack500); display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; border-style: var(--tw-border-style); border-width: 0px; text-transform: capitalize; }
.modalWrapper .modalInner .storeclosedpopup .buttonSecondary svg path:first-child { fill: var(--colorBaseRed550); }
.modalWrapper .modalInner .storeclosedpopup .buttonPrimary { font-family: var(--fontFamiliesPrimary); }
.modalWrapper .modalInner .storeclosedpopup .updatedSavedLocation { padding-left: 0.25rem; padding-right: 0.25rem; }
.modalWrapper .modalInner .locationCurrentlyClosedPopup .warningImg { margin-top: 0px; }
.modalWrapper .modalInner .locationCurrentlyClosedPopup .warningImg svg { height: 3rem; width: 3rem; }
.modalWrapper .modalInner .locationCurrentlyClosedPopup .warningPopupDetails { padding: 1.25rem; }
.modalWrapper .modalInner .locationCurrentlyClosedPopup .warningPopupHeading { font-family: var(--fontFamiliesPrimary); font-size: 22px; }
.modalWrapper .modalInner .locationCurrentlyClosedPopup .informationText { text-align: left; }
.modalWrapper .modalInner .locationCurrentlyClosedPopup .warningPopupSchedulebtn { height: 3rem; background-color: var(--colorBaseRed550); font-family: var(--fontFamiliesPrimary); font-size: 22px; }
.modalWrapper .modalInner .locationCurrentlyClosedPopup .warningPopuplaterbtn { height: 3rem; border-color: var(--colorBaseRed550); font-family: var(--fontFamiliesPrimary); font-size: 22px; color: var(--colorBaseRed550); text-transform: uppercase; }
.modalWrapper .modalInner .locationCurrentlyClosedPopup .warningLocationName { color: var(--colorBaseOffBlack500); text-align: left; --tw-leading: 22px; line-height: 22px; }
.modalWrapper .modalInner .locationCurrentlyClosedPopup .warningLocationAddressContainer { margin-top: 0.5rem; margin-bottom: 0.5rem; width: 100%; }
.modalWrapper .modalInner .locationCurrentlyClosedPopup .warningLocationAddress { display: flex; justify-content: space-between; }
.modalWrapper .modalInner .locationCurrentlyClosedPopup .warningLocationAddress, .modalWrapper .modalInner .locationCurrentlyClosedPopup .warningLocationAddressTime { font-family: var(--fontFamiliesBody); font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; color: var(--colorBaseAlpha600); }
.modalWrapper .modalInner .removeBtns { font-size: 22px; font-weight: 700; }
.modalWrapper .modalInner .locationModal { width: 100%; }
.modalWrapper .modalInner .locationModal .topIcon svg { height: 3rem; width: 3rem; }
.modalWrapper .modalInner .locationModal .locationModalContent { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.modalWrapper .modalInner .locationModal .locationModalTitle { font-family: var(--fontFamiliesPrimary); font-size: 22px; color: var(--colorBaseOffBlack500); }
.modalWrapper .modalInner .locationModal .lightButton, .modalWrapper .modalInner .locationModal .primaryButton { height: 3rem; padding: 0px; font-family: var(--fontFamiliesPrimary); font-size: 22px; width: 100%; text-transform: uppercase; }
.modalWrapper .modalInner .locationModal .lightButton { margin-top: 1rem; border-color: var(--colorBaseRed550); color: var(--colorBaseRed550); }
.modalWrapper .closeIcon { right: 1rem; top: 1rem; }
.modalWrapper .closeIcon svg { height: 1rem; width: 1rem; }
.modalWrapper .modalTitle { font-family: var(--fontFamiliesPrimary); font-size: 22px; font-weight: 700; line-height: 1.5rem; }
.modalWrapper .favoriteIcon { margin-bottom: 1.25rem; }
.modalWrapper .favoriteIcon svg { height: 3rem; width: 3rem; }
.modalWrapper .modalTitle { margin-top: 0px; margin-bottom: 0px; }
.modalWrapper .customNameInputWrapper { margin-top: 1.25rem; }
.modalWrapper .removeFavorite .modalTitle { margin-top: 1.5rem; letter-spacing: 0.5px; }
.modalWrapper .removeFavorite .modalContent { margin-top: 1rem; }
.modalWrapper .removeFavorite .modalBtns button { font-family: var(--fontFamiliesPrimary); font-size: 22px; font-weight: 700; }
.modalWrapper .removeFavorite .modalBtns button span { top: 0.125rem; position: relative; }
@media (min-width: 1024px) {
  .modalWrapper .removeFavorite .modalBtns button span { top: 0px; }
}
.CobrandInfo { padding-left: 1.5rem; }
.headsUpModal .modalBtns .buttonPrimary { padding-left: 0px; padding-right: 0px; }
.removeItems { font-size: 22px; font-weight: 700; line-height: 28px; letter-spacing: 0.5px; text-transform: uppercase; }
.includeItems .checkBoxToggle::after { content: var(--tw-content); left: 0.25rem; }
.includeItems .\!checked .checkBoxToggle::after, .includeItems .checked .checkBoxToggle::after { content: var(--tw-content); left: 0px; }
@media (min-width: 1024px) {
  .accountNav { height: 80%; }
}
.pointsEarnedDetails { font-weight: 400; color: var(--colorBaseOffBlack500); font-size: 14px; }
.orderHistoryWrapper .accountSectionTitle { font-family: BrooklynSamuelsThreeBold; padding-bottom: 1.5rem; padding-top: 0px; font-size: 34px; font-weight: 700; line-height: 40px; letter-spacing: -0.025em; }
@media (min-width: 1024px) {
  .orderHistoryWrapper .accountSectionTitle { padding-bottom: 3rem; }
}
.orderHistoryWrapper .accountSectionTitle + span svg { display: none; }
.orderHistoryWrapper .showMorePage { color: var(--colorBaseOffBlack500); }
.orderHistoryWrapper .showMorePage svg path { stroke: var(--colorBaseOffBlack500); }
.orderHistoryCtr .accountNavHeading { padding-bottom: 1.5rem; padding-top: 0px; font-family: BrooklynSamuelsThreeBold; font-weight: 500; color: var(--colorBaseAlpha900); font-size: 18px; }
.orderHistoryCtr li { font-family: var(--fontFamiliesBody); }
.orderHistoryCtr .pointsDetais { padding-bottom: 2rem; padding-top: 1.5rem; }
.orderHistoryContainer { padding-top: 1rem; }
.pickuplocation .detailEmailAddress, .pickuplocation .detailPhoneNo, .pickuplocation .detailsAddressName, .pickuplocation .orderDOY { color: var(--colorBaseAlpha600); font-size: 14px; --tw-leading: 19.1px; line-height: 19.1px; }
.pickuplocation .orderDOY { margin-bottom: 8px; }
.orderConfirmrightSection .accordionHeader { border-color: var(--colorBaseAlpha300); background-color: var(--colorBaseLightBeige500); }
.orderConfirmrightSection .accordionHeadContent { font-size: var(--fontSizeFontSizeRg); font-weight: 400; color: var(--colorBaseOffBlack500); }
.takeOurBtn { padding: 0.625rem 1rem; font-weight: 700; line-height: 14px; font-size: 14px; }
.bannerBelowText { text-transform: uppercase; }
.payDetail .subTotalContent tip { padding-bottom: 0px; }
.payDetail .rewardsInfo { padding-bottom: 1.25rem; padding-top: 1.5rem; }
.payDetail .subtotaltext { padding-bottom: 0.25rem; }
.payDetail .subTotalContent { padding-bottom: 0.5rem; }
.payDetail .subTotalContent:last-child { padding-bottom: 0px; }
.payDetail .subTotalContent .\!price, .payDetail .subTotalContent .price { color: var(--colorBaseOffBlack500); }
.orderConfirmrightSection { padding-bottom: 6rem; }
.accountNavItem .selected::after { content: var(--tw-content); background-image: none; }
@media (min-width: 1024px) {
  .accountNavItem .selected::after { border-bottom-width: 4px; content: var(--tw-content); border-color: var(--colorPrimary500); }
}
.accountNavItem .\!selected::after { content: var(--tw-content); background-image: none; }
@media (min-width: 1024px) {
  .accountNavItem .\!selected::after { border-bottom-width: 4px; content: var(--tw-content); border-color: var(--colorPrimary500); }
}
.accountNavItem svg, .accountNavItem svg path { fill: var(--colorBackgroundBrandPrimary); }
.orderConfirmRewardsBanner { margin-bottom: 3rem; height: 206px; border-radius: 0.5rem; --tw-shadow-colored: 0px 12px 12px -12px var(--tw-shadow-color),0px 12px 16px 0px var(--tw-shadow-color); --tw-shadow: 0px 12px 12px -12px var(--tw-shadow-color,rgba(0,0,0,.25)),0px 12px 16px 0px var(--tw-shadow-color,rgba(0,0,0,.1)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.orderConfirmRewardsBanner::after { height: 206px; border-radius: 0.5rem; background-color: var(--colorSecondary500); background-image: none; }
.orderConfirmRewardsBanner .topText { padding-bottom: 0px; font-size: 14px; text-transform: none; }
.orderConfirmRewardsBanner .headTextNo, .orderConfirmRewardsBanner .topText { padding-top: 0px; font-family: var(--fontFamiliesBody); font-weight: 700; color: var(--colorBaseOffBlack500); }
.orderConfirmRewardsBanner .headTextNo { margin-top: 0px; font-size: 85px; line-height: 85px; }
.orderConfirmRewardsBanner .headSmallText { bottom: -1.4rem; font-family: var(--fontFamiliesBody); line-height: 16px; color: var(--colorBaseOffBlack500); font-size: 16px; text-transform: lowercase; }
.orderConfirmRewardsBanner .orderSignupBtn { margin-top: 1rem; height: 2rem; background-color: var(--colorBaseAlpha50); padding: 0.625rem 1rem; font-family: var(--fontFamiliesPrimary); font-weight: 700; line-height: 14px; color: var(--colorBaseOffBlack500); width: auto; font-size: 14px; }
.orderNowButton { background-color: var(--colorPrimary500); text-transform: uppercase; }
.intimationContainer { margin-top: 0px; }
.orderDetailsAccordion { background-color: var(--colorBaseAlpha50); }
.orderDetailsAccordionDefault { background-color: var(--colorBackgroundNeutralBase); }
.orderCompletedDetail { padding-bottom: 1rem; font-family: var(--fontFamiliesPrimary); font-size: 22px; line-height: 24px; }
.dishContainer { padding-top: 1rem; padding-bottom: 1rem; border-top-style: var(--tw-border-style); border-top-width: 1px; border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
.dishContainer:first-child { --tw-border-style: none; border-style: none; }
.dishContainer .orderDetailImg { height: 78px; width: 104px; }
.dishContainer .orderDetailImg img { border-radius: 0.5rem; background-color: var(--colorBasePurple850); height: 100%; width: 100%; }
.yourOrderInformationContainer { margin-top: 0px; border-style: var(--tw-border-style); border-width: 0px; }
.yourOrderInformationContainer .yourOrderInformation:last-child { padding-bottom: 0.25rem; }
.productOrderhistoryDetails .subOrderDishContainer:last-child .yourOrderInformationContainer:last-child { --tw-border-style: none; border-style: none; }
.price-top .\!price, .price-top .price { font-family: var(--fontFamiliesBody); font-weight: 600; font-size: 14px; }
.expireDate span { display: block; }
.intimationContainer { margin-left: 0px; margin-top: 1.5rem; }
@media (min-width: 1024px) {
  .intimationContainer { margin-left: 4rem; margin-top: 0px; }
}
.intimationContainer .noorderImageCont { height: 80px; width: 80px; }
.intimationContainer .intimation { font-size: 22px; font-weight: 700; text-transform: uppercase; }
.accountWrapperPattern::after { content: var(--tw-content); background-image: none; }
.accountWrapperPattern .accountNav .signOutButton { font-size: 14px; }
.accountWrapperPattern .accountNav .signOutButton span { top: 2px; position: relative; }
.personalInfoFormContainer .pickuplocation { margin-top: 3rem; }
.accountNavItemCtr { margin-bottom: 1rem; }
.accountNavItemCtr .accountNavItem { gap: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; }
.accountOrderInfoDetails { }
.accountOrderInfoDetails .accountFlexRowContainer .pickupLocationIcon svg { height: 18px; width: 18px; }
.accountOrderInfoDetails .accountFlexRowContainer .pickupLocationIcon svg path { fill: var(--colorBaseOffBlack500); stroke: var(--colorBaseOffBlack500); }
.orderDetails { display: flex; flex-direction: column; }
.orderDetails .accountTrianglePattern { position: relative; }
.orderDetails .accountSectionTitle { padding-top: 1rem; font-family: var(--fontFamiliesPrimary); font-size: 36px; font-weight: 700; line-height: 2.25rem; }
.modalWrapper .cartSwitchTitle { margin-top: 1rem; }
.pageLoaderSVG { margin: auto; text-align: center; }
@media (min-width: 1024px) {
  .pageLoaderSVG { left: auto; }
}
.pageLoaderSVG svg { width: 100px; height: 100px; }
.fullSliderDeals .moduleCtr .dealsHomePoints { font-family: var(--fontFamiliesPrimary); font-size: 48px; line-height: 40px; color: var(--colorPrimary500); }
.howItWorksNewCancel { border-color: var(--colorPrimary500); color: var(--colorPrimary500); }
.howItWorksNewCancel svg path { fill: var(--colorPrimary500); }
.fbrOrderinfooverlayHeadingWrapper .brandLogoContainer { height: 2.5rem; }
.searchInputLabel { font-size: 16px; }
.orderAheadButton { letter-spacing: 0.32px; }
.fbrOrderinfooverlayHeadingWrapper svg { border-style: var(--tw-border-style); border-width: 0px; }
.fbrOrderinfooverlayHeadingWrapper .brandLogoContainer { justify-content: center; }
.fbrOrderinfooverlayHeadingWrapper .brandLogoContainer svg { width: 130px; }
.cardContainer .accountStarSvg svg path { fill: var(--colorBaseOffBlack500); }
.fbrAsapBtn, .fbrLaterBtn { font-weight: 600; }
.custom-toast.toastMesageText { margin-top: 4rem; }
@media (min-width: 1024px) {
  .custom-toast.toastMesageText { margin-top: 5rem; }
}
.custom-toast .close-icon { margin-top: 0px; }
.custom-toast, .customToastInline { align-items: flex-start; }
.confirmOrderModel .orderInfoIcon svg { height: 3rem; width: 3rem; }
.confirmOrderModel .updatedSavedLocation { font-family: var(--fontFamiliesPrimary); font-size: 22px; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; }
.confirmOrderModel .confirmationOrderPickupError { font-weight: 400; }
.confirmOrderModel .buttonPrimary, .confirmOrderModel .buttonSecondary { height: 3rem; font-family: var(--fontFamiliesPrimary); font-size: 22px; line-height: 1.5rem; }
.confirmOrderModel .modelDisclaimerText svg path { fill: var(--colorBaseOffBlack500); }
.confirmOrderModel .informationText { color: var(--colorBaseAlpha600); }
.confirmOrderModel button span { top: 2px; position: relative; }
.brandLogo { background-color: var(--colorBackgroundNeutralDim); }
.errorPageContainer { background-color: var(--colorBaseAlpha50); }
.errorPageContainer .errorTitle.pageNotFoundText.pageNotFoundTextOne { font-family: var(--fontFamiliesPrimary); line-height: 2rem; font-size: var(--fontSizeFontSizeLg); font-weight: 700; text-transform: uppercase; }
.errorPageContainer .errorTitle.pageNotFoundText.pageNotFoundTextTwo { display: none; }
.errorPageContainer .errorDesc.pageNotFoundDesc { font-family: var(--fontFamiliesBody); font-size: var(--typographyBodyPrimaryLinkFontSize); }
.errorInfoContainer .errorButton { background-color: var(--colorPrimary500); font-family: var(--fontFamiliesPrimary); font-size: 17px; font-weight: 700; text-transform: uppercase; }
.errorInfoContainer .infoWrapper .errorTitle { font-family: var(--fontFamiliesPrimary); font-size: 1.25rem; font-weight: 700; line-height: 24px; letter-spacing: 0.5px; }
.errorInfoContainer .infoWrapper .missingInfoDescText { padding-left: 3.5rem; padding-right: 3.5rem; font-size: 1.5rem; line-height: 2rem; }
.dottedLoader { width: 9rem; }
.pageLoader { margin-top: 0px; min-height: 24rem; position: relative; z-index: 20; justify-content: center; }
.justMoeMentContainer, .justMoeMentContainerFull, .pageLoader { background-color: transparent; }
@media (min-width: 1024px) {
  .orderPlaceBtn { width: 416px; }
}
.orderPlaceBtn.fixedBottomMobile { position: relative; }
.deliveryUnavailCtr, .storeclosedpopup { width: 287px; }
.deliveryUnavailCtr .removeFavoriteModalProps svg, .storeclosedpopup .removeFavoriteModalProps svg { height: 3rem; width: 3rem; }
.deliveryUnavailCtr .updatedSavedLocation, .storeclosedpopup .updatedSavedLocation { padding-top: 1.25rem; font-family: var(--fontFamiliesPrimary); font-size: 22px; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; }
.deliveryUnavailCtr .buttonPrimary, .deliveryUnavailCtr .buttonSecondary, .storeclosedpopup .buttonPrimary, .storeclosedpopup .buttonSecondary { height: 3rem; font-family: var(--fontFamiliesPrimary); font-size: 22px; font-weight: 700; line-height: 1.5rem; }
.deliveryUnavailCtr .disclaimerMessageContainer, .storeclosedpopup .disclaimerMessageContainer { margin-top: 1.5px; }
.deliveryUnavailCtr .disclaimerMessageContainer svg, .storeclosedpopup .disclaimerMessageContainer svg { height: 0.75rem; width: 0.75rem; }
.deliveryUnavailCtr .disclaimerMessageContainer svg path, .storeclosedpopup .disclaimerMessageContainer svg path { fill: var(--colorBaseOffBlack500); }
.deliveryUnavailCtr .informationText, .storeclosedpopup .informationText { text-align: left; }
.removeModelContainer .qtyBtn.decreaseBtn svg, .removeModelContainer .qtyBtn.increaseBtn svg { height: 1.5rem; width: 1.5rem; }
@media (min-width: 1024px) {
  #orderSummary_container { width: 416px; }
}
#orderSummary_container .orderSummaryCount { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
#orderSummary_container .orderSummaryDetails > div:first-child { border-top-style: var(--tw-border-style); border-top-width: 1px; }
.nearStoreCardWrapper { border-style: var(--tw-border-style); border-width: 1px; }
.nearStoreCardWrapper .nearStoreCardTitle { font-weight: 600; text-decoration-line: none; }
.nearStoreCardWrapper .nearStoreCardAddress { padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; }
.nearStoreCardWrapper .openTiming { padding-right: 0px; }
.locationNoAreaContainer .errorTitle { padding-left: 0px; padding-right: 0px; }
.bogoPriceMetaInfo { font-family: var(--fontFamiliesBody); font-weight: 400; line-height: 1.25rem; display: flex; justify-content: center; font-size: 16px; }
.chooseTwoCont { flex-direction: column; align-items: center; }
@media (min-width: 1024px) {
  .homePageWrapper .homePage .celebrateBanner .homeFullScreenWrapper .homeFullScreenWrapperContent { left: 0px; }
}
@media screen and (min-width: 720px) and (max-width: 1439px) {
  .headerNavContainer, .headerNavInner, .menuPageBg, .menuPromSlider, .orderDetailBannerDividerOne { max-width: 100%; }
}
@media screen and (min-width: 720px) and (max-width: 1023px) {
  .menuPageBg .allergensBtnContainer .allergensTextLink, .menuPageBg .menuPageListContainer, .menuSearchDesktop, .subFooterContainer, .tabSection { max-width: 100%; }
}
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .menuSearchDesktop { padding-left: 0px; padding-right: 0px; }
}
.summaryPageModifiers { font-family: var(--fontFamiliesBody); color: var(--colorBaseAlpha600); font-size: 12px; }
.chooseTwoReorder { margin-bottom: 1rem; }
@media (min-width: 1024px) {
  .chooseTwoReorder { margin-top: 1rem; margin-bottom: 1rem; }
}
.subProductItemImg img { border-radius: var(--borderRadiusRounded); height: 78px; }
.yourOrderItemsLine .yourOrderItems { margin-bottom: 0px; margin-top: 1rem; padding-bottom: 1rem; justify-content: flex-start; }
.groupOrderJoinTitle { font-size: 22px; line-height: 24px; vertical-align: middle; text-transform: uppercase; }
.groupOrderExceptionSubHeading, .groupOrderExceptionsHeading, .groupOrderHostCheckoutTitle, .groupOrderJoinTitle, .removeItems { font-family: var(--fontFamiliesPrimary); }
.svgCenterAlign svg path { fill: var(--colorPrimary500); }
.headerNavTag { height: 7rem; background-color: var(--colorBaseAlpha50); border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
@media (min-width: 1024px) {
  .headerNavTag { height: 6rem; border-bottom-width: 1px; }
}
.headerNavTag .headerNavContainer { padding-bottom: 1rem; padding-top: 3rem; }
@media (min-width: 1024px) {
  .headerNavTag .headerNavContainer { padding-top: 1rem; }
}
.headerNavTag .headerNavContainer .headerNavInner { display: flex; }
@media (min-width: 1024px) {
  .headerNavTag .headerNavContainer .headerNavInner { height: 4rem; }
}
.headerNavTag .headerNavContainer .headerNavInner .headerActions .signupBtn { font-weight: 700; }
.headerNavTag .headerNavContainer .headerNavInner .headerActions .cartIcon { padding: 11px; }
.headerNavTag .headerNavContainer .headerNavInner .headerActions .startOrderButtonStyle { width: auto; }
@media (min-width: 1024px) {
  .headerNavTag .headerNavContainer .navBarResponsiveContainerWrapper { gap: 2rem; }
}
.headerNavTag .headerNavContainer .startOrderButtonStyle:disabled { background-color: var(--colorBaseAlpha300); color: var(--colorBaseAlpha500); }
.headerNavTag .cartIcon { border-color: var(--colorPrimary500); }
.headerNavTag .cartIcon svg path { fill: var(--colorPrimary500); }
.headerNavTag .orderCount { background-color: var(--colorPrimary500); }
.headerNavTag .orderCount.cartIcon { border-color: var(--colorPrimary500); }
.headerNavTag .orderCount.cartIcon svg path { fill: var(--colorBaseAlpha50); }
.headerNavTag .checkout-header { background-color: var(--colorBaseAlpha50); padding-bottom: 1rem; padding-top: 3rem; }
@media (min-width: 1024px) {
  .headerNavTag .checkout-header { padding-top: 1rem; }
  .breadcrumbs { padding-left: 0px; }
  .breadcrumbBg { border-width: 0px; }
}
.orderDetailBannerDividerOne, .orderDetailbannerdividerTwo { background-color: var(--colorBaseAlpha50); }
@media (min-width: 1024px) {
  .orderDetailBannerDividerOne, .orderDetailbannerdividerTwo { background-color: var(--colorBackgroundNeutralDim); }
}
.breadcrumbBgColor { border-color: var(--colorBaseAlpha300); border-style: var(--tw-border-style); border-width: 0px; }
@media (min-width: 1024px) {
  .breadcrumbBgColor { border-bottom-width: 1px; }
  .navLinkItemHoverStyle.\!active::after, .navLinkItemHoverStyle.active::after, .navLinkItemHoverStyle:hover::after { content: var(--tw-content); border-bottom-color: var(--colorPrimary500); }
  .authHeaderCloseIconWrapper { top: 0px; }
}
.authHeaderCloseIconWrapper svg path:first-child { fill: var(--colorPrimary500); }
.mobileAuthHeader { height: 3rem; display: flex; align-items: center; justify-content: center; }
.profileIconAuthenticated.buttonProfileActive { border-color: var(--colorPrimary500); background-color: var(--colorPrimary500); }
.headerNavContainerResponsive { height: 116px; padding-bottom: 1rem; padding-top: 3rem; }
@media (min-width: 1024px) {
  .headerNavContainerResponsive { height: 6rem; }
}
.headerNavContainerResponsive .leftArrowResponsive { flex-basis: 0px; }
.headerNavContainerResponsive .brandLogoResponsive { display: flex; width: 100%; justify-content: center; }
.headerNavContainerResponsive .brandLogoResponsive .brandLogoContainer { width: 130px; }
.\!footer, .footer { background-color: var(--colorTertiary500); }
.\!footer .bottomFooterLinks, .\!footer .footerContentLinks, .\!footer .footerContentTitle, .footer .bottomFooterLinks, .footer .footerContentLinks, .footer .footerContentTitle { color: var(--colorBaseOffBlack500); }
.\!footer .divider, .footer .divider { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); opacity: 0.2; }
.\!footer .footerContent, .footer .footerContent { padding-top: 2rem; }
.\!footer .footerContent .ftrFirstLevel, .footer .footerContent .ftrFirstLevel { padding-top: 0px; }
.\!footer .footerContent .footerContentTitle, .footer .footerContent .footerContentTitle { margin-bottom: 1.5rem; font-family: BrooklynSamuelsFiveBold; font-size: 22px; font-weight: 700; text-transform: uppercase; }
.\!footer .footerContent .footerContentLinks, .footer .footerContent .footerContentLinks { padding-bottom: 1.5rem; }
.\!footer nav .bottomFooterContent { gap: 1rem; padding-top: 1.5rem; padding-bottom: 1.5rem; display: flex; flex-wrap: wrap; justify-content: center; }
@media (min-width: 1024px) {
  .\!footer nav .bottomFooterContent { gap: 1.5rem; padding-bottom: 2rem; padding-top: 0px; }
}
.footer nav .bottomFooterContent { gap: 1rem; padding-top: 1.5rem; padding-bottom: 1.5rem; display: flex; flex-wrap: wrap; justify-content: center; }
@media (min-width: 1024px) {
  .footer nav .bottomFooterContent { gap: 1.5rem; padding-bottom: 2rem; padding-top: 0px; }
}
.\!footer .bottomFooterContent.bottomFooterCtrl { padding: 2rem 1.25rem 3rem; }
@media (min-width: 1024px) {
  .\!footer .bottomFooterContent.bottomFooterCtrl { padding: 1.5rem 72px; }
}
.footer .bottomFooterContent.bottomFooterCtrl { padding: 2rem 1.25rem 3rem; }
@media (min-width: 1024px) {
  .footer .bottomFooterContent.bottomFooterCtrl { padding: 1.5rem 72px; }
}
.\!footer .bottomFooterContent.bottomFooterCtrl .bottomFooterLinks.externalLink { left: 0px; text-indent: 0px; font-size: 0.75rem; line-height: 1rem; flex-direction: row-reverse; align-items: flex-start; }
@media (min-width: 1024px) {
  .\!footer .bottomFooterContent.bottomFooterCtrl .bottomFooterLinks.externalLink { align-items: center; gap: 0.5rem; }
}
.footer .bottomFooterContent.bottomFooterCtrl .bottomFooterLinks.externalLink { left: 0px; text-indent: 0px; font-size: 0.75rem; line-height: 1rem; flex-direction: row-reverse; align-items: flex-start; }
@media (min-width: 1024px) {
  .footer .bottomFooterContent.bottomFooterCtrl .bottomFooterLinks.externalLink { align-items: center; gap: 0.5rem; }
}
.subFooter { background-color: var(--colorBaseOffWhite500); background-image: none; height: auto; }
.subFooter .stayConnectedLabel { font-family: BrooklynSamuelsFiveBold; font-size: 22px; font-weight: 700; }
@media (min-width: 1024px) {
  .subFooter .appDownload { align-items: flex-end; }
}
.externalLink { gap: 0.5rem; display: flex; align-items: center; }
@media (min-width: 1024px) {
  .externalLink { margin-right: 0px; }
}
.externalLink::after { background-image: none; }
.externalLink svg { height: 1rem; width: 1rem; display: flex; }
.externalLink svg path { fill: var(--colorBaseOffBlack500); }
.authFooter .footerContainerTexture svg { display: none; }
.bodyContainer { min-height: 24rem; }
@media (min-width: 1024px) {
  .bodyContainer { min-height: 667px; }
  .bodyContainer .breadcrumbBg { height: 2.25rem; min-height: 2.25rem; }
}
.breadcrumbs { padding-top: 0.5rem; padding-bottom: 0.5rem; }
@media (min-width: 1024px) {
  .breadcrumbs { padding-top: 0px; padding-bottom: 0px; }
}
.breadcrumbs a .breadcrumbsName { color: var(--colorBaseOffBlack500); }
.breadcrumbs .breadcrumbsName, .breadcrumbs a .currentPageBreadcrumbs { color: var(--colorBaseAlpha400); }
.breadcrumbs .breadcrumbsName { opacity: 1; }
.breadcrumbs .currentPageBreadcrumbs { color: var(--colorBaseAlpha400); }
@media (min-width: 1024px) {
  .breadcrumbBgColor { display: flex; height: 2.25rem; background-color: var(--colorBackgroundNeutralDim); }
  .breadcrumbBgColor .orderDetailBannerDividerOne { align-items: center; }
}
.breadcrumbBgColor .orderDetailBannerDividerOne .orderDetailbannerdividerTwo { margin-top: 0px; }
@media (min-width: 1024px) {
  .breadcrumbBgColor .orderDetailBannerDividerOne .orderDetailbannerdividerTwo .clockLabel, .breadcrumbBgColor .orderDetailBannerDividerOne .orderDetailbannerdividerTwo .timeDividerIcon, .breadcrumbBgColor .orderDetailBannerDividerOne .orderDetailbannerdividerTwo .typeLabel { margin-top: 0px; margin-bottom: 0px; }
}
.breadcrumbBgColor .orderDetailBannerDividerOne .orderDetailbannerdividerTwo .orderDetailInfodivider svg { height: 0.75rem; width: 0.75rem; }
.breadcrumbBgColor .orderDetailBannerDividerOne .orderDetailbannerdividerTwo .orderDetailInfodivider .timeDivider { margin-top: 0px; }
.breadcrumbBgColor .orderDetailBannerDividerOne .orderDetailbannerdividerTwo .orderDetailInfodivider .timeDivider svg { height: 0.625rem; width: 0.625rem; }
.breadcrumbBgColor .orderDetailBannerDividerOne .orderDetailbannerdividerTwo .orderDetailInfodivider .clockLabel, .breadcrumbBgColor .orderDetailBannerDividerOne .orderDetailbannerdividerTwo .orderDetailInfodivider .typeLabel { line-height: 1.25rem; }
.homePage { background-color: var(--colorBaseAlpha50); padding-bottom: 1.5rem; }
@media (min-width: 1024px) {
  .homePage { padding-bottom: 1rem; }
}
.homePage .bannerHead::before { position: absolute; height: 100%; width: 100%; --tw-content: ""; content: var(--tw-content); }
@media (min-width: 1024px) {
  .homePage .bannerHead { border-bottom-width: 1px; border-style: solid; border-color: var(--colorBaseAlpha300); }
}
.homePage .bannerHead .firstColumn { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); padding-top: 3rem; padding-bottom: 3rem; }
@media (min-width: 1024px) {
  .homePage .bannerHead .firstColumn { padding-top: 0px; padding-bottom: 0px; }
}
.homePage .bannerHead .firstColumn .wecomeSmallText { padding-top: 0.5rem; font-size: 0.875rem; font-weight: 400; line-height: 1.25rem; color: var(--colorBaseOffBlack500); display: block; }
@media (min-width: 1024px) {
  .homePage .bannerHead .firstColumn .wecomeSmallText { padding-top: 1rem; font-size: 1rem; line-height: 22px; }
}
.homePage .bannerHead .secondColumn { height: 284px; }
@media (min-width: 1024px) {
  .homePage .bannerHead .secondColumn { height: 472px; }
}
.homePage .bannerHead .secondColumn .bannerDescription, .homePage .bannerHead .secondColumn .bannerSmallText, .homePage .bannerHead .secondColumn .headTitle { color: var(--colorBaseOffBlack500); }
.homePage .bannerHead .preHead { background-color: var(--colorSecondary500); }
.homePage .bannerHead .orderBtnOne { height: 2rem; background-color: var(--colorBaseOffBlack500); font-family: BrooklynSamuelsThreeBold; font-size: 0.75rem; font-weight: 700; line-height: 14px; }
@media (min-width: 1024px) {
  .homePage .bannerHead .orderBtnOne { height: 3rem; background-color: var(--colorBaseRed550); font-size: 22px; line-height: 22px; }
}
.homePage .bannerHead .bannerSmallText { padding-top: 0.5rem; }
@media (min-width: 1024px) {
  .homePage .bannerHead .bannerSmallText { padding-top: 1rem; }
}
.homePage .bannerHead .contentSec { height: 284px; padding-right: 2.5rem; }
@media (min-width: 1024px) {
  .homePage .bannerHead .contentSec { height: 472px; gap: 1.5rem; padding-right: 0px; }
}
.homePage .bannerHead .homePageBanner .headTitle { font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; width: 100%; max-width: 100%; text-transform: uppercase; }
@media (min-width: 1024px) {
  .homePage .bannerHead .homePageBanner .headTitle { width: 75%; padding-top: 0px; padding-bottom: 0px; font-size: 34px; }
  .homePage .bannerHead .homePageBanner .bannerDescription { width: 60%; padding-top: 1rem; }
}
.homePage .celebrateBanner { margin: 0px; border-radius: 0.5rem; padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 1024px) {
  .homePage .celebrateBanner { border-radius: 0.75rem; border-width: 1px; border-style: solid; border-color: var(--colorBaseAlpha300); padding-left: 0px; padding-right: 0px; }
}
.homePage .celebrateBanner .campaignBannerTitle { font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 1.5rem; color: var(--colorPrimary500); }
@media (min-width: 1024px) {
  .homePage .celebrateBanner .campaignBannerTitle { font-size: 60px; line-height: 60px; }
}
.homePage .celebrateBanner .homeFullScreenContent { font-weight: 600; line-height: 19px; font-size: 14px; }
.homePage .celebrateBanner .homeFullScreenContent, .homePage .celebrateBanner .termsAndCondition { font-family: var(--fontFamiliesBody); color: var(--colorBaseOffBlack500); }
.homePage .celebrateBanner .termsAndCondition { font-size: 12px; --tw-leading: 17px; line-height: 17px; }
.homePage .celebrateBanner .celebrateBannerBgImageCtr .showGradient::before { border-width: 1px; border-style: solid; content: var(--tw-content); border-color: var(--colorBaseAlpha300); }
@media (min-width: 1024px) {
  .homePage .anotherRoundctr { margin-top: 3rem; margin-bottom: 3rem; }
}
.homePage .anotherRoundctr .pdpListTile { border-radius: 0.5rem; border-color: var(--colorForegroundBorderBrighter); border-width: 1px; --tw-border-style: solid; border-style: solid; }
.homePage .anotherRoundctr .moduleCtr .itemListContainer .itemList { align-items: baseline; }
.homePage .anotherRoundctr .moduleCtr .itemListContainer .itemList .moduleSubText { display: block; -webkit-box-orient: horizontal; -webkit-line-clamp: none; overflow: auto; }
@media (min-width: 1024px) {
  .homePage .anotherRoundctr .moduleCtr .itemListContainer .itemList .moduleSubText { overflow: hidden; }
  .homePage .anotherRoundctr .moduleCtr .itemListContainer .itemListSlider .pdpListTile { min-height: 392px; }
}
.homePage .anotherRoundctr .moduleCtr .itemListContainer .itemListSlider .listinnerwrapper { height: 100%; }
.homePage .anotherRoundctr .moduleCtr .itemListContainer .itemListSlider .listinnerwrapper .pdpListButtonwrapper { margin-bottom: 0px; }
.homePage .homepagePagePromotionSectionContainer { gap: 1rem; padding: 2.5rem 1.25rem; }
@media (min-width: 1024px) {
  .homePage .homepagePagePromotionSectionContainer { margin-top: 3rem; margin-bottom: 3rem; height: 116px; gap: 1.5rem; padding: 1.5rem 3rem; }
  .homePage .homepagePagePromotionSectionContainer .homepagePagePromotionSectionDescription, .homePage .homepagePagePromotionSectionContainer .homepagePagePromotionSectionOffer, .homePage .homepagePagePromotionSectionContainer .homepagePagePromotionSectionfees { padding-left: 5rem; padding-right: 5rem; }
}
.homePage .homepagePagePromotionSectionContainer .rewardsInfoText { margin-top: 0px; }
@media (min-width: 1024px) {
  .homePage .homepagePagePromotionSectionContainer .rewardsInfoText { margin-left: 0px; }
}
.homePage .homepagePagePromotionSectionContainer .rewardsInfoText .textShade { margin-left: 0px; }
.homePage .homepagePagePromotionSectionContainer { background-image: none; }
.homePage .homepagePagePromotionSectionContainer .blueMenuBtn { height: 2rem; background-color: var(--colorBaseAlpha50); font-family: BrooklynSamuelsThreeBold; color: var(--colorBaseOffBlack500); border-style: var(--tw-border-style); border-width: 0px; font-size: 12px; text-transform: uppercase; }
@media (min-width: 1024px) {
  .homePage .homepagePagePromotionSectionContainer .blueMenuBtn { margin-right: 0px; height: 3rem; min-width: 140px; font-size: 22px; }
}
.homePage .homepagePagePromotionSectionOffer .promoOfferText.defaultPlacement { gap: 1rem; flex-direction: column; }
.homePage .homepagePagePromotionSectionOffer .promoOfferText .doubleTextSecond { display: none; }
.homePage .homepagePagePromotionSectionOffer .promoOfferText .doubleTextFirst { font-family: BrooklynSamuelsThreeBold; font-size: 34px; font-weight: 700; line-height: 2.5rem; }
.homePage .homepagePagePromotionSectionDescription, .homePage .homepagePagePromotionSectionfees, .homePage .homepagePagePromotionSectionfeesDesktop { font-weight: 400; color: var(--colorBaseAlpha50); }
.homePage .homepagePagePromotionSectionDescription { padding: 0px; font-weight: 600; line-height: 1.25rem; font-size: 14px; }
@media (min-width: 1024px) {
  .homePage .homepagePagePromotionSectionDescription { font-size: 16px; line-height: 1.5rem; }
}
.homePage .homepagePagePromotionSectionfeesDesktop { --tw-leading: 17px; line-height: 17px; }
@media (min-width: 640px) {
  .homePage .promGridModuleCtr { max-width: 640px; }
}
@media (min-width: 768px) {
  .homePage .promGridModuleCtr { max-width: 768px; }
}
@media (min-width: 1024px) {
  .homePage .promGridModuleCtr { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .homePage .promGridModuleCtr { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .homePage .promGridModuleCtr { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .homePage .promGridModuleCtr { max-width: 1536px; }
}
.site-map .homePage .promGridModuleCtr { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .homePage .promGridModuleCtr { flex-direction: row; }
}
.site-map .homePage .promGridModuleCtr .leftColumn .level-1, .site-map .homePage .promGridModuleCtr .leftColumn .level-2, .site-map .homePage .promGridModuleCtr .leftColumn .level-3, .site-map .homePage .promGridModuleCtr .rightColumn .level-1, .site-map .homePage .promGridModuleCtr .rightColumn .level-2, .site-map .homePage .promGridModuleCtr .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .homePage .promGridModuleCtr .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .homePage .promGridModuleCtr .level-2, .site-map .homePage .promGridModuleCtr .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .homePage .promGridModuleCtr .rightColumn { background-color: transparent; }
.site-map .homePage .promGridModuleCtr .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .homePage .promGridModuleCtr .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .homePage .promGridModuleCtr .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .homePage .promGridModuleCtr .camelCaseClass { text-transform: capitalize; }
.site-map .homePage .promGridModuleCtr .lowerCaseClass { text-transform: lowercase; }
.site-map .homePage .promGridModuleCtr h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.homePage .promGridModuleCtr { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .homePage .promGridModuleCtr { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .homePage .promGridModuleCtr { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .homePage .promGridModuleCtr .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .homePage .promGridModuleCtr .leftColumn { width: 50%; }
}
.site-map .homePage .promGridModuleCtr .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .homePage .promGridModuleCtr .leftColumn .level-1 { padding: 0px; }
.site-map .homePage .promGridModuleCtr .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .homePage .promGridModuleCtr .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .homePage .promGridModuleCtr .rightColumn { width: 50%; }
}
.site-map .homePage .promGridModuleCtr .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .homePage .promGridModuleCtr .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .homePage .promGridModuleCtr .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .homePage .promGridModuleCtr .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .homePage .promGridModuleCtr .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.homePage .promGridModuleCtr { margin-bottom: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 0px; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .homePage .promGridModuleCtr { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .homePage .promGridModuleCtr { max-width: 1440px; }
}
.homePage .promGridModuleCtr { width: 100%; background-color: transparent; }
.homePage .promGridModuleCtr::after, .homePage .promGridModuleCtr::before { --tw-content: none; content: var(--tw-content); }
@media (min-width: 1024px) {
  .homePage .promGridModuleCtr { margin-top: 0px; margin-bottom: 0px; }
}
.homePage .promGridModuleCtr .promGridInnerCtr { border-color: var(--colorBaseAlpha300); padding: 1rem; border-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .homePage .promGridModuleCtr .promGridInnerCtr { padding: 22px 2rem; }
}
.homePage .promGridModuleCtr .promGridInnerCtr .promoTmgCtr { width: 303px; }
.homePage .promGridModuleCtr .promGridInnerCtr .promGridInnerText { padding: 1rem; }
@media (min-width: 1024px) {
  .homePage .promGridModuleCtr .promGridInnerCtr .promGridInnerText { padding-left: 0px; }
}
.homePage .promGridModuleCtr .promGridInnerCtr .promGridInnerText .promGridHeading { padding-top: 0px; font-family: BrooklynSamuelsThreeBold; font-size: 22px; line-height: 1.5rem; }
.homePage .promGridModuleCtr .promGridInnerCtr .promGridInnerText .promoGridChevron { font-size: 16px; --tw-leading: 22px; line-height: 22px; }
.homePage .promGridModuleCtr .promGridInnerCtr .promGridInnerText .promoGridChevron svg path { stroke: var(--colorBaseOffBlack500); stroke-width: 2; }
.homePage .twoColumn { background-color: transparent; }
.homePage .twoColumn.imageBorderSection .columnContainer { margin-top: 0px; gap: 0px; border-radius: 0.375rem; }
@media (min-width: 1024px) {
  .homePage .twoColumn.imageBorderSection .columnContainer { border-radius: 1rem; }
}
.homePage .twoColumn.imageBorderSection .columnContainer .contentContainer { border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; background-color: var(--colorBaseAlpha50); }
@media (min-width: 1024px) {
  .homePage .twoColumn.imageBorderSection .columnContainer .contentContainer { border-bottom-left-radius: 1rem; border-top-left-radius: 1rem; }
}
.homePage .twoColumn.imageBorderSection .columnContainer .contentContainer .doubleTextSecond { display: none; }
.homePage .twoColumn.imageBorderSection .columnContainer .contentContainer .doubleTextFirst { font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 1.5rem; letter-spacing: 2px; }
@media (min-width: 1024px) {
  .homePage .twoColumn.imageBorderSection .columnContainer .contentContainer .doubleTextFirst { font-size: 34px; line-height: 41px; }
  .homePage .twoColumn.imageBorderSection .columnContainer .contentContainer .columnContent, .homePage .twoColumn.imageBorderSection .columnContainer .contentContainer .fullWidth { max-width: 360px; }
}
.homePage .twoColumn.imageBorderSection .columnContainer .contentContainer .menuVarietieOfferRight { max-width: 214px; }
@media (min-width: 1024px) {
  .homePage .twoColumn.imageBorderSection .columnContainer .contentContainer .menuVarietieOfferRight { max-width: 300px; }
}
.homePage .twoColumn.imageBorderSection .columnContainer .contentContainer .columnContent { padding-bottom: 2rem; font-weight: 400; color: var(--colorBaseOffBlack500); }
.homePage .twoColumn.imageBorderSection .columnContainer .contentContainer .fullWidth { display: flex; width: 100%; }
.homePage .twoColumn.imageBorderSection .columnContainer .contentContainer .fullWidth .introducingEmenuBtn { margin-left: auto; margin-right: auto; border-color: var(--colorPrimary500); font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; color: var(--colorPrimary500); margin-inline: auto; width: 100%; text-transform: uppercase; }
@media (min-width: 1024px) {
  .homePage .twoColumn.imageBorderSection .columnContainer .contentContainer .fullWidth .introducingEmenuBtn { width: auto; }
}
.homePage .twoColumn.imageBorderSection .columnContainer .contentContainer .termsCondition { padding-top: 1rem; }
.homePage .twoColumn.imageBorderSection .columnContainer img { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; }
@media (min-width: 1024px) {
  .homePage .twoColumn.imageBorderSection .columnContainer img { border-bottom-right-radius: 1rem; border-top-left-radius: 0px; border-top-right-radius: 1rem; }
  .homePage .twoColumn.imageBorderSection .imageContainer { border-radius: 1rem; }
}
.homePage .twoColumn.imageRightSection { padding-top: 1rem; }
@media (min-width: 1024px) {
  .homePage .twoColumn.imageRightSection { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
}
.homePage .twoColumn.imageRightSection .contentContainer .contentLeftHdg { font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; }
@media (min-width: 1024px) {
  .homePage .twoColumn.imageRightSection .contentContainer .contentLeftHdg { font-family: BrooklynSamuelsThreeBold; font-size: 34px; line-height: 41px; }
}
.homePage .twoColumn.imageRightSection .contentContainer .menuVarietieOfferRight { gap: 0.75rem; display: flex; flex-direction: column; }
.homePage .twoColumn.imageRightSection .contentContainer .menuVarietieOfferRight .eyeBrowText { font-family: BrooklynSamuelsThreeBold; font-size: 1.125rem; line-height: 1.75rem; color: var(--colorBaseOffBlack500); display: block; text-transform: uppercase; }
@media (min-width: 1024px) {
  .homePage .twoColumn.imageRightSection .contentContainer .menuVarietieOfferRight .eyeBrowText { font-size: 22px; }
}
.homePage .twoColumn.imageLeftSection { border-color: var(--colorBaseAlpha300); padding-top: 1rem; padding-bottom: 1rem; border-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .homePage .twoColumn.imageLeftSection { margin-bottom: 0px; padding-top: 3rem; padding-bottom: 3rem; }
}
.homePage .twoColumn.imageLeftSection .columnContainer { margin-top: 0px; margin-bottom: 0px; }
.homePage .twoColumn.imageLeftSection .columnContainer .imageContainer img { border-radius: 0px; }
.homePage .twoColumn.imageLeftSection .columnContainer .contentContainer { padding: 0px 1rem; }
.homePage .twoColumn.imageLeftSection .columnContainer .contentContainer .contentLeftHdg { font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; }
@media (min-width: 1024px) {
  .homePage .twoColumn.imageLeftSection .columnContainer .contentContainer .contentLeftHdg { font-family: BrooklynSamuelsThreeBold; font-size: 34px; line-height: 41px; }
}
.homePage .twoColumn.imageLeftSection .columnContainer .contentContainer .fullWidth { display: flex; width: 100%; }
.homePage .twoColumn.imageLeftSection .columnContainer .contentContainer .fullWidth .introducingEmenuBtn { margin-left: auto; margin-right: auto; border-color: var(--colorPrimary500); font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; color: var(--colorPrimary500); margin-inline: auto; width: 100%; text-transform: uppercase; }
@media (min-width: 1024px) {
  .homePage .twoColumn.imageLeftSection .columnContainer .contentContainer .fullWidth .introducingEmenuBtn { max-width: 210px; }
}
@media (min-width: 1440px) {
  .homePageWrapper .homePage .celebrateBanner { width: 1296px; }
}
@media (min-width: 1024px) {
  .homePageWrapper .homePage .celebrateBanner .homeFullScreenWrapper { background-color: var(--colorBaseAlpha50); }
}
.homeFullScreenWrapper .homecloseBtn svg { right: 1.25rem; top: 3rem; border-color: var(--colorBaseAlpha50); border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 1px; }
@media (min-width: 1024px) {
  .homeFullScreenWrapper .homecloseBtn svg { right: 3rem; }
}
.homeFullScreenWrapper .homecloseBtn svg path:first-child { fill: var(--colorPrimary500); }
.FullScreenWrapper.homeFullScreenWrapperContent .homeFullScreenTitle { gap: 1rem; padding-left: 0.5rem; padding-right: 0.5rem; font-family: BrooklynSamuelsThreeBold; font-size: 37px; font-weight: 700; line-height: 44px; color: var(--colorPrimary500); display: flex; flex-direction: column; text-transform: uppercase; }
@media (min-width: 1024px) {
  .FullScreenWrapper.homeFullScreenWrapperContent .homeFullScreenTitle { padding-top: 1rem; font-size: 60px; line-height: 60px; }
}
.FullScreenWrapper.homeFullScreenWrapperContent .homeFullScreenTitle .eyeBrowTitle { font-size: 22px; line-height: 1.5rem; color: var(--colorBaseOffBlack500); }
.FullScreenWrapper.homeFullScreenWrapperContent .homeFullScreenTitle .homeFullScreenTitle, .FullScreenWrapper.homeFullScreenWrapperContent .homeFullScreenTitle .homeFullScreenTitle.largeTitle { padding-left: 0px; padding-right: 0px; }
.FullScreenWrapper.homeFullScreenWrapperContent .buttonPrimary { margin-top: 0px; height: 3rem; min-width: 225px; background-color: var(--colorPrimary500); font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; }
@media (min-width: 1024px) {
  .FullScreenWrapper.homeFullScreenWrapperContent .buttonPrimary { min-width: 0px; }
}
.FullScreenWrapper.homeFullScreenWrapperContent .homeFullScreenContent { margin-left: auto; margin-right: auto; font-weight: 600; color: var(--colorBaseOffBlack500); margin-inline: auto; }
@media (min-width: 1024px) {
  .FullScreenWrapper.homeFullScreenWrapperContent .homeFullScreenContent { max-width: 32rem; }
}
.FullScreenWrapper.homeFullScreenWrapperContent .homeFullScreenExpiry, .FullScreenWrapper.homeFullScreenWrapperContent .termsAndCondition { font-weight: 400; color: var(--colorBaseOffBlack500); }
.FullScreenWrapper.homeFullScreenWrapperContent .termsAndCondition { margin-bottom: 0px; margin-top: 1.5rem; }
@media (min-width: 1024px) {
  .FullScreenWrapper.homeFullScreenWrapperContent .termsAndCondition { margin-bottom: 1.5rem; margin-top: 1rem; }
}
.authenticatedWelcomebanner.guestUser::after, .authenticatedWelcomebanner::after { --tw-content: none; content: var(--tw-content); }
@media (min-width: 1024px) {
  .authenticatedWelcomebanner, .authenticatedWelcomebanner.guestUser { margin-bottom: 3rem; }
}
.authenticatedWelcomebanner .WelcomeBannerImageText, .authenticatedWelcomebanner.guestUser .WelcomeBannerImageText { gap: 0px; background-color: var(--colorBaseAlpha50); height: 175px; }
@media (min-width: 1024px) {
  .authenticatedWelcomebanner .WelcomeBannerImageText, .authenticatedWelcomebanner.guestUser .WelcomeBannerImageText { height: 206px; gap: 0.5rem; border-bottom-width: 1px; border-style: solid; border-color: var(--colorBaseAlpha200); }
}
.authenticatedWelcomebanner .WelcomeBannerImageText .RightBurstImage, .authenticatedWelcomebanner .WelcomeBannerImageText .leftBrustImage, .authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .RightBurstImage, .authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .leftBrustImage { display: none; }
.authenticatedWelcomebanner .WelcomeBannerImageText .WelcomeBannerCenterText, .authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .WelcomeBannerCenterText { min-width: 260px; }
@media (min-width: 1024px) {
  .authenticatedWelcomebanner .WelcomeBannerImageText .WelcomeBannerCenterText, .authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .WelcomeBannerCenterText { min-width: 360px; }
}
.authenticatedWelcomebanner .WelcomeBannerImageText .bannerTextInnercontent, .authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .bannerTextInnercontent { font-family: var(--fontFamiliesBody); font-weight: 400; line-height: 1.25rem; color: var(--colorBaseOffBlack500); font-size: 14px; }
@media (min-width: 1024px) {
  .authenticatedWelcomebanner .WelcomeBannerImageText .bannerTextInnercontent, .authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .bannerTextInnercontent { font-size: 1rem; line-height: 22px; }
}
.authenticatedWelcomebanner .WelcomeBannerImageText .bannerTextInnerHead, .authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .bannerTextInnerHead { font-family: BrooklynSamuelsThreeBold; font-size: 37px; font-weight: 700; line-height: 45px; color: var(--colorBaseRed550); text-transform: uppercase; }
@media (min-width: 1024px) {
  .authenticatedWelcomebanner .WelcomeBannerImageText .bannerTextInnerHead, .authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .bannerTextInnerHead { font-size: 48px; line-height: 2.5rem; }
}
.authenticatedWelcomebanner .WelcomeBannerImageText .bannerTextInnerHead + .bannerTextInnercontent, .authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .bannerTextInnerHead + .bannerTextInnercontent { font-family: var(--fontFamiliesBody); line-height: 1.25rem; font-size: 14px; text-transform: none; }
@media (min-width: 1024px) {
  .authenticatedWelcomebanner .WelcomeBannerImageText .bannerTextInnerHead + .bannerTextInnercontent, .authenticatedWelcomebanner.guestUser .WelcomeBannerImageText .bannerTextInnerHead + .bannerTextInnercontent { font-size: 16px; line-height: 22px; }
}
.authenticatedWelcomebanner.guestUser, .authenticatedWelcomebanner.guestUser.guestUser { }
.authenticatedWelcomebanner.guestUser .middlecontent, .authenticatedWelcomebanner.guestUser.guestUser .middlecontent { gap: 0px; }
@media (min-width: 1024px) {
  .authenticatedWelcomebanner.guestUser .middlecontent, .authenticatedWelcomebanner.guestUser.guestUser .middlecontent { gap: 0.75rem; }
}
.authenticatedWelcomebanner.guestUser .middlecontent h3 .doubleTextFirst, .authenticatedWelcomebanner.guestUser.guestUser .middlecontent h3 .doubleTextFirst { font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 1.5rem; color: var(--colorBaseOffBlack500); text-transform: uppercase; }
.authenticatedWelcomebanner.guestUser .middlecontent h2 .doubleTextFirst, .authenticatedWelcomebanner.guestUser.guestUser .middlecontent h2 .doubleTextFirst { font-family: BrooklynSamuelsThreeBold; font-size: 37px; font-weight: 700; line-height: 45px; color: var(--colorBaseRed550); text-transform: uppercase; }
@media (min-width: 1024px) {
  .authenticatedWelcomebanner.guestUser .middlecontent h2 .doubleTextFirst, .authenticatedWelcomebanner.guestUser.guestUser .middlecontent h2 .doubleTextFirst { font-size: 48px; line-height: 2.5rem; }
}
.authenticatedWelcomebanner .WelcomeBannerImageText .bannerTextInnercontent { font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 1.5rem; color: var(--colorBaseOffBlack500); text-transform: uppercase; }
.moduleCtr { background-color: var(--colorBaseAlpha50); }
.moduleCtr .menuResultsTailImage { height: 100%; }
@media not all and (min-width: 1024px) {
  .moduleCtr .menuResultsTailImage { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
}
@media (min-width: 1024px) {
  .moduleCtr .menuResultsTailImage { height: 10rem; }
}
.moduleCtr .listinnerwrapper { padding: 1.5rem; }
@media not all and (min-width: 1024px) {
  .moduleCtr .listinnerwrapper { padding: 1rem; }
}
.moduleCtr .moduleSubText, .moduleCtr .pdpListButtonwrapper, .moduleCtr .pdpListTileText, .moduleCtr .subText { padding-bottom: 0px; }
@media not all and (min-width: 1024px) {
  .moduleCtr .moduleSubText, .moduleCtr .pdpListButtonwrapper, .moduleCtr .pdpListTileText, .moduleCtr .subText { padding-bottom: 0.25rem; padding-top: 0px; }
}
.moduleCtr .\!subText { padding-bottom: 0px; }
@media not all and (min-width: 1024px) {
  .moduleCtr .\!subText { padding-bottom: 0.25rem; padding-top: 0px; }
}
.moduleCtr .moduleSubText { color: var(--colorBaseAlpha600); }
@media (min-width: 1024px) {
  .moduleCtr .moduleSectionBtn { margin-top: 0px; margin-bottom: 0px; }
}
.moduleCtr .moduleSectionBtn button { background-color: var(--color-primary-500); font-size: 14px; text-transform: uppercase; }
@media (min-width: 1024px) {
  .moduleCtr .moduleSectionBtn button { font-size: 18px; }
}
.moduleCtr .pdpListTileText { font-family: BrooklynSamuelsThreeBold; font-weight: 700; line-height: 1.5; font-size: 18px; text-transform: uppercase; }
@media (min-width: 1024px) {
  .moduleCtr .pdpListTileText { line-height: 22px; }
}
.moduleCtr .reorderContent, .moduleCtr .subtextPrice { padding-right: 0.75rem; font-weight: 400; }
.moduleCtr .reOrderCalAndPrice { padding-top: 0.5rem; padding-bottom: 0.5rem; font-family: var(--fontFamiliesBody); line-height: 1.25rem; color: var(--colorForegroundContentSubtleEnabled); display: flex; align-items: center; font-size: 12px; }
@media (min-width: 1024px) {
  .moduleCtr .reOrderCalAndPrice { font-size: 16px; line-height: 22px; }
}
.moduleCtr .subTextdot::after { left: -0.375rem; content: var(--tw-content); top: 0px; }
.moduleCtr .moduleBtn { height: 2rem; min-width: 109px; background-color: var(--colorBaseOffBlack500); line-height: 23px; display: flex; align-items: center; justify-content: center; font-size: 12px; }
@media (min-width: 1024px) {
  .moduleCtr .moduleBtn { height: 3rem; min-width: 185px; background-color: var(--colorBaseRed550); font-size: 22px; }
}
.moduleCtr .sliderArrowContainer { padding-right: 0px; }
.moduleCtr .bannerDoubleTextTwo { display: none; }
.moduleCtr .bannerDoubleTextOne { font-family: BrooklynSamuelsThreeBold; font-weight: 400; color: var(--colorBaseOffBlack500); font-size: 18px; --tw-leading: 22px; line-height: 22px; text-transform: capitalize; }
@media (min-width: 1024px) {
  .moduleCtr .bannerDoubleTextOne { font-size: 37px; font-weight: 700; text-transform: uppercase; line-height: 41px; }
}
.moduleCtr .bannerDoubleText { margin-bottom: 0px; }
.moduleCtr .viewAllBtn { height: 3rem; border-color: var(--colorPrimary500); font-family: var(--fontFamiliesBody); font-weight: 400; color: var(--colorBaseOffBlack500); display: flex; align-items: center; justify-content: flex-end; font-size: 14px; }
@media (min-width: 1024px) {
  .moduleCtr .viewAllBtn { font-family: BrooklynSamuelsThreeBold; justify-content: center; font-size: 22px; font-weight: 700; color: var(--colorPrimary500); }
}
.moduleCtr .viewAllBtn button { text-transform: capitalize; }
@media (min-width: 1024px) {
  .moduleCtr .viewAllBtn button { text-transform: uppercase; }
  .moduleCtr .viewAllBtn svg { display: none; }
}
.moduleCtr .pdpListTileImg { width: 100%; }
.moduleCtr .itemList { gap: 0.75rem; }
@media (min-width: 1024px) {
  .moduleCtr .itemList { gap: 1.5rem; }
  .moduleCtr .subtextCal { font-size: var(--fontSizeFontSizeRg); }
}
.mostPopularCarosuel { padding-top: 0px; }
@media (min-width: 1024px) {
  .mostPopularCarosuel { margin-top: 3rem; margin-bottom: 3rem; }
  .mostPopularCarosuel .gallery { margin-left: auto; margin-right: auto; width: 1296px; border-radius: 1rem; border-width: 1px; border-style: solid; border-color: var(--colorBaseAlpha300); padding: 1.5rem; }
}
.mostPopularCarosuel .gallerySliderMobileArrow { margin-bottom: 0.5rem; margin-left: 0px; }
.mostPopularCarosuel .galleryvmenuMobile { display: flex; align-items: center; }
.mostPopularCarosuel .galleryvmenuMobile svg { height: 0.75rem; width: 0.75rem; }
.mostPopularCarosuel .gallerydSliderHeadingMobile { font-family: BrooklynSamuelsThreeBold; }
.mostPopularCarosuel .gallerydSliderDescriptionMobile { margin-right: 1.25rem; font-family: var(--fontFamiliesBody); font-weight: 400; line-height: 1.25rem; color: var(--colorBaseAlpha600); font-size: 14px; }
.mostPopularCarosuel .gallerySliderImg { height: 123px; min-height: 123px; }
@media (min-width: 1024px) {
  .mostPopularCarosuel .gallerySliderImg { height: 164px; min-height: 164px; }
}
.mostPopularCarosuel .gallerySliderBox { margin-right: 0px; border-color: var(--colorBaseAlpha300); border-width: 1px; --tw-border-style: solid; border-style: solid; }
.mostPopularCarosuel .cartGallerydescriptionHeading { font-family: BrooklynSamuelsThreeBold; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; font-size: 18px; --tw-leading: 22px; line-height: 22px; text-transform: uppercase; }
@media (min-width: 1024px) {
  .mostPopularCarosuel .cartGallerydescriptionHeading { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
.mostPopularCarosuel .galleryDescriptionCalAndPrice { line-height: 1.25rem; font-size: 14px; }
@media (min-width: 1024px) {
  .mostPopularCarosuel .galleryDescriptionCalAndPrice { font-size: 16px; line-height: 22px; }
  .mostPopularCarosuel .gallerydSliderHeadingDt { width: 325px; padding-bottom: 0.5rem; }
}
.mostPopularCarosuel .gallerydSliderHeadingDt .doubleTextSecond { display: none; }
@media (min-width: 1024px) {
  .mostPopularCarosuel .gallerydSliderHeadingDt .doubleTextFirst { font-family: BrooklynSamuelsThreeBold; font-size: 34px; line-height: 2.5rem; }
  .mostPopularCarosuel .galleryOffer { max-width: 303px; justify-content: center; }
  .mostPopularCarosuel .galleryOffer .galleryTextContent { padding-left: 0px; padding-right: 0px; }
  .mostPopularCarosuel .eMenuBtnWrapper { margin-top: 1.5rem; }
  .mostPopularCarosuel .eMenuBtnWrapper .eMenuBtn { font-family: BrooklynSamuelsThreeBold; display: flex; height: 3rem; width: 172px; align-items: center; justify-content: center; border-color: var(--colorPrimary500); font-size: 22px; text-transform: uppercase; line-height: 23px; color: var(--colorPrimary500); }
}
.homePage .mostPopularCarosuel .gallerySliderBox { height: 230px; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-shadow: 0 0 #0000; }
@media (min-width: 1024px) {
  .homePage .mostPopularCarosuel .gallerySliderBox { margin-bottom: 0px; height: 100%; min-height: 275px; }
  .homePage .mostPopularCarosuel .gallerySliderBox .gallerySliderImg img { height: 164px; }
  .homePage .mostPopularCarosuel .gallerySliderDescription { padding: 1.5rem; }
}
.homePage .mostPopularCarosuel .gallerySliderDescription .galleryDescriptionCalAndPrice { padding-bottom: 0px; padding-top: 0.5rem; }
@media (min-width: 1024px) {
  .homePage .mostPopularCarosuel .gallerySliderDescription .galleryDescriptionCalAndPrice { padding-top: 1rem; }
}
.feedbackPromoBanner { background-color: var(--colorBaseOffWhite500); padding-top: 3rem; padding-bottom: 3rem; color: var(--colorForegroundContentEnabled); }
@media (min-width: 1024px) {
  .feedbackPromoBanner { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
.feedbackPromoBanner { box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 12px -12px, rgba(0, 0, 0, 0.1) 0px 12px 16px 0px; }
.feedbackPromoBanner .feedbackPromoText { font-family: BrooklynSamuelsThreeBold; font-size: 22px; line-height: 24px; letter-spacing: 0.5px; }
.feedbackPromoBanner .feedbackPromoContent { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); font-weight: 600; line-height: 21.82px; }
.feedbackPromoBanner .feedbackBtn { height: 3rem; border-color: var(--colorForegroundContentEnabled); padding: 0px 32px; font-size: 22px; font-weight: 700; line-height: 22.8px; letter-spacing: 0.02em; color: var(--colorForegroundIconInverseEnabled); text-transform: uppercase; }
.feedbackPromoBanner .feedbackBtn, .feedbackPromoBanner .feedbackBtn:hover { background-color: var(--colorForegroundContentEnabled); }
@media (min-width: 1024px) {
  .dealsHomeWrapper.\!container, .dealsHomeWrapper.container { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.dealsHomeWrapper .moduleCtr { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; }
@media (min-width: 1024px) {
  .dealsHomeWrapper .moduleCtr { padding-top: 1.5rem; }
}
.dealsHomeWrapper .moduleCtr .doubleSliderHeadText { font-family: BrooklynSamuelsThreeBold; font-size: 18px; --tw-leading: 22px; line-height: 22px; }
.dealsHomeWrapper .moduleCtr .modHomeTitleCtr .viewAllCtr .viewAllLink { gap: 2px; display: flex; align-items: center; }
.dealsHomeWrapper .moduleCtr .rewardsSliderContainer .availableText { font-family: BrooklynSamuelsThreeBold; font-size: 22px; line-height: 1.25rem; }
.dealsHomeWrapper .moduleCtr .rewardsSection .itemListContainer .\!rewards, .dealsHomeWrapper .moduleCtr .rewardsSection .itemListContainer .rewards { border-color: var(--colorBaseAlpha300); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); border-style: var(--tw-border-style); border-width: 1px; }
.dealsHomeWrapper .moduleCtr .rewardsSection .rewardsBadge { border-color: var(--colorSecondary500); background-color: var(--colorSecondary500); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.dealsHomeWrapper .moduleCtr .rewardsSection .rewardsBadge svg path { fill: rgb(255, 255, 255); }
.dealsHomeWrapper .fullSliderDeals .moduleCtr .dealsHomePoints { font-family: BrooklynSamuelsThreeBold; font-size: 48px; line-height: 40px; color: var(--colorPrimary500); }
.homePageContainer .columnContent { color: var(--colorBaseOffBlack500); }
.homePageContainer .menuVarietieOfferRight { padding-bottom: 0px; }
.promGridInnerText .promGridText { margin-bottom: 1rem; }
.exclusiveMemberDeals .exclusiveMemberSlider { margin-left: 1.5rem; border-radius: 0px; }
@media (min-width: 1024px) {
  .exclusiveMemberDeals .exclusiveMemberSlider { margin-left: 0px; border-radius: 0.5rem; }
}
.exclusiveMemberDeals .exclusiveMemberSlider .doubleSliderHeadSection { padding-left: 0px; }
@media (min-width: 1024px) {
  .exclusiveMemberDeals .exclusiveMemberSlider .doubleSliderHeadSection { padding-left: 1.5rem; }
}
.exclusiveMemberDeals .exclusiveMemberSlider .doubleSliderHeadSection .doubleSliderHeadText { font-weight: var(--fontWeightsBold); text-transform: capitalize; }
.exclusiveMemberDeals .exclusiveMemberSlider .doubleSliderHeadSection .viewAllLink .viewAllLink { margin-right: 1rem; gap: 0.125rem; line-height: var(--lineHeightsSm); display: flex; align-items: center; }
@media (min-width: 1024px) {
  .exclusiveMemberDeals .exclusiveMemberSlider .doubleSliderHeadSection .viewAllLink .viewAllLink { margin-right: 0px; }
}
.exclusiveMemberDeals .exclusiveMemberSlider .exclusiveMemberSliderWrapper .itemList .exclusiveSliderBanner { margin-left: 0px; background-color: var(--colorSecondary500); background-image: none; padding-bottom: 1rem; padding-top: 2.5rem; }
@media (min-width: 1024px) {
  .exclusiveMemberDeals .exclusiveMemberSlider .exclusiveMemberSliderWrapper .itemList .exclusiveSliderBanner:first-child { margin-left: 0px; }
}
.exclusiveMemberDeals .exclusiveMemberSlider .exclusiveMemberSliderWrapper .itemList .exclusiveSliderBanner { box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 12px -12px, rgba(0, 0, 0, 0.1) 0px 12px 16px 0px; }
.exclusiveMemberDeals .exclusiveMemberSlider .exclusiveMemberSliderWrapper .itemList .exclusiveSliderBanner.GreenBg { background-color: var(--colorSecondary500); background-image: none; }
.exclusiveMemberDeals .exclusiveMemberSlider .exclusiveMemberSliderWrapper .itemList .exclusiveSliderBanner .expiringHomeBadges { background-color: var(--colorBaseAlpha50); padding-top: 0.125rem; display: inline-flex; }
.exclusiveMemberDeals .exclusiveMemberSlider .exclusiveMemberSliderWrapper .itemList .exclusiveSliderBanner .homeGreenBanner { padding-bottom: 1rem; color: var(--colorBaseAlpha900); }
.exclusiveMemberDeals .exclusiveMemberSlider .exclusiveMemberSliderWrapper .itemList .exclusiveSliderBanner .promoOfferText .exclusiveMemberDealsImg { max-width: 72px; }
.exclusiveMemberDeals .exclusiveMemberSlider .exclusiveMemberSliderWrapper .itemList .exclusiveSliderBanner .promoOfferText .doubleTextFirst { padding-top: 1rem; font-family: var(--fontFamiliesPrimary); font-weight: var(--fontWeightsBold); color: var(--colorBaseOffBlack500); font-size: 22px !important; }
.exclusiveMemberDeals .exclusiveMemberSlider .exclusiveMemberSliderWrapper .itemList .exclusiveSliderBanner .promoOfferText .doubleTextSecond { display: none; }
.exclusiveMemberDeals .exclusiveMemberSlider .exclusiveMemberSliderWrapper .itemList .exclusiveSliderBanner .promoOfferText .dealExpireDate { color: var(--colorForegroundContentInverseEnabled); }
.exclusiveMemberDeals .exclusiveMemberSlider .exclusiveMemberSliderWrapper .itemList .exclusiveSliderBanner .useDealSectionBtn { width: 112px; background-color: var(--colorButtonHeaderStandardInverseForegroundPressed); padding-left: 1.5rem; padding-right: 1.5rem; color: var(--colorButtonSecondaryForegroundEnabled); text-transform: uppercase; }
@media (min-width: 1024px) {
  .exclusiveMemberDeals .exclusiveMemberSlider .exclusiveMemberSliderWrapper .itemList .exclusiveSliderBanner .useDealSectionBtn { margin-top: auto; }
}
.exclusiveMemberDeals .exclusiveMemberSlider .exclusiveMemberSliderWrapper .itemList .exclusiveSliderBanner .termsAndCondition { padding-top: 0px; color: var(--colorForegroundContentInverseEnabled); }
@media (min-width: 1024px) {
  .exclusiveMemberDeals .exclusiveMemberSlider .exclusiveMemberSliderWrapper .itemList .exclusiveSliderBanner .termsAndCondition { padding-top: 1rem; }
}
.multipleDeals .exclusiveMemberDeals .exclusiveMemberSliderWrapper { padding-bottom: 0px; padding-left: 0px; }
@media (min-width: 1024px) {
  .multipleDeals .exclusiveMemberDeals .exclusiveMemberSliderWrapper { padding-left: 1.5rem; }
}
.multipleDeals .exclusiveMemberDeals .exclusiveSliderBanner { height: 342px; }
.multipleDeals .exclusiveMemberDeals .itemListContainer .sliderChevronIcon { padding-bottom: 1.5rem; }
.doubleDeals .exclusiveMemberDeals .exclusiveMemberSliderWrapper { padding-left: 0px; }
@media (min-width: 1024px) {
  .doubleDeals .exclusiveMemberDeals .exclusiveMemberSliderWrapper { padding-left: 1.5rem; }
}
.doubleDeals .exclusiveMemberDeals .exclusiveSliderBanner { max-height: 100%; min-height: 334px; }
.doubleDeals .exclusiveMemberDeals .itemListContainer .sliderChevronIcon { padding-bottom: 1.5rem; }
.singleDeals .exclusiveMemberDeals .exclusiveSliderBanner { margin-right: 0px; max-height: 100%; min-height: 334px; }
.singleDeals .exclusiveMemberDeals .exclusiveMemberSlider { margin-left: 0px; padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 1024px) {
  .singleDeals .exclusiveMemberDeals .exclusiveMemberSlider { width: 375px; }
  .singleDeals .moduleCtr { width: 894px; }
}
.singleDeals .moduleCtr .rewardsSliderContainer { max-width: 862px; padding-top: 1.5rem; }
@media (min-width: 1024px) {
  .singleDeals .moduleCtr .rewardsSliderContainer { width: calc(-570px + 100vw); padding-top: 0px; }
}
.singleDeals .moduleCtr .rewardsSliderContainer .itemListContainer .sliderChevronIcon { margin-top: 0px; }
@media (min-width: 1024px) {
  .singleDeals .moduleCtr .rewardSliderTermsandCondition { padding-right: 0px; }
  .exclusiveMemberSliderWrapper .sliderArrowContainer { padding-right: 1rem; }
}
.exclusiveMemberSliderWrapper .exclusiveSliderBanner { gap: 0.5rem; }
@media (min-width: 1024px) {
  .exclusiveMemberSliderWrapper .exclusiveSliderBanner { gap: 0px; }
}
.modalInner .rewardPopupContainer .singleDealBanner { font-family: var(--fontFamiliesBody); }
.modalInner .rewardPopupContainer .singleDealExp { margin-bottom: 1.5rem; margin-top: 0px; }
@media (min-width: 1024px) {
  .modalInner .rewardPopupContainer .cancelButton { padding-left: var(--spacing8x); padding-right: var(--spacing8x); }
}
.modalInner .rewardPopupContainer .singleDealTaxes { margin-top: 0px; }
.menuFallback { width: 100px; height: 100px; }
@media (min-width: 1024px) {
  .menuFallback { height: 162px; width: 195px; }
}
.menuPageBg { padding-bottom: 3rem; }
@media (min-width: 1024px) {
  .menuPageBg { padding-bottom: 4rem; }
}
.menuPageBg .mediumSmallBanner .mealKitContentWraper, .menuPageBg .mediumSmallBanner .menuBannerSection { background-color: var(--colorSecondary500); }
.menuPageBg .mediumSmallBanner .mealKitContentWraper .badgeContent .unavailableBatch, .menuPageBg .mediumSmallBanner .menuBannerSection .badgeContent .unavailableBatch { border-radius: 0.25rem; color: var(--colorBaseOffBlack500); }
@media (min-width: 1024px) {
  .menuPageBg .mediumSmallBanner.doubleMediumSmallBanner .mealKitContentWraper { width: 394px; }
  .menuPageBg .mediumSmallBanner.doubleMediumSmallBanner .campaignPromosImg { margin-right: 1.25rem; width: 15rem; }
}
.menuPageBg .mediumSmallBanner.doubleMediumSmallBanner .campaignPromosImg .promoBannerImage { height: 100%; width: 100%; }
.menuPageBg .menuPageListPdpContainer { display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .menuPageBg .menuPageListPdpContainer { flex-direction: row; gap: 1.5rem; }
}
.menuPageBg .menuBannerSection { gap: 1rem; border-radius: 0.5rem; padding-left: 0.625rem; padding-right: 1.25rem; display: flex; flex-direction: row-reverse; align-items: center; }
@media (min-width: 1024px) {
  .menuPageBg .menuBannerSection { padding-left: 1.25rem; padding-right: 1.25rem; }
}
.menuPageBg .menuBannerSection .mealKitContentWraper { min-width: 10rem; gap: 0.75rem; padding: 2.5rem 0px 2.5rem 0.625rem; position: relative; height: auto; }
@media (min-width: 1024px) {
  .menuPageBg .menuBannerSection .mealKitContentWraper { padding-left: 0px; }
}
.menuPageBg .menuBannerSection .mealKitContentWraper .mealKitTitle { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; }
.menuPageBg .menuBannerSection .mealKitContentWraper .mealKitContent { margin-top: 0px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; }
.menuPageBg .menuBannerSection .mealKitContentWraper .badgesContainer { margin-bottom: 0px; }
.menuPageBg .menuBannerSection .mealKitContentWraper .btnTermsCtr { margin-top: 0px; padding-right: 0px; }
.menuPageBg .menuBannerSection .mealKitContentWraper .btnTermsCtr .exploreMenuBtn { background-color: var(--colorBaseAlpha50); font-family: BrooklynSamuelsThreeBold; font-weight: 700; color: var(--colorBaseOffBlack500); }
.menuPageBg .menuBannerSection .mealKitContentWraper .termsAndCondition { top: 0.375rem; line-height: 1rem; }
.menuPageBg .promoImgContainer .bannerSmallText { bottom: 1rem; padding-top: 0px; padding-bottom: 0px; color: var(--colorBaseOffBlack500); position: relative; z-index: 10; width: auto; text-align: left; }
@media (min-width: 1024px) {
  .menuPageBg .promoImgContainer .bannerSmallText { margin-left: 4rem; padding-bottom: 1rem; }
}
.menuPageBg .promoImgContainer.LOTZ-Neutral { background-color: var(--colorBaseLightBeige500); }
.menuPageBg .promoImgContainer.LOTZ-White-Gradient { background: linear-gradient(90deg, rgb(255, 255, 255) 41%, rgba(255, 254, 254, 0.3) 87%, rgba(255, 255, 255, 0)); }
.menuPageBg.promotionSingle .promoCardContainer { min-height: 230px; border-color: var(--colorBaseAlpha300); background-color: var(--colorBaseAlpha100); border-width: 1px; --tw-border-style: solid; border-style: solid; }
.menuPageBg.promotionSingle .promoCardContainer::before { content: var(--tw-content); top: 0px; }
@media (min-width: 1024px) {
  .menuPageBg.promotionSingle .promoCardContainer { min-height: 300px; }
}
.menuPageBg.promotionSingle .promoCardContainer .mealKitTitle { font-family: BrooklynSamuelsThreeBold; min-height: max-content; font-size: 17px; font-weight: 700; line-height: 21px; color: var(--colorBaseOffBlack500); -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; width: 100%; text-transform: uppercase; }
@media (min-width: 1024px) {
  .menuPageBg.promotionSingle .promoCardContainer .mealKitTitle { overflow: visible; display: block; -webkit-box-orient: horizontal; -webkit-line-clamp: none; font-size: 22px; line-height: 1.5rem; }
}
.menuPageBg.promotionSingle .promoCardContainer .mealKitContent { padding-bottom: 0px; font-weight: 400; line-height: 1.25rem; color: var(--colorBaseOffBlack500); -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; font-size: 14px; }
@media (min-width: 1024px) {
  .menuPageBg.promotionSingle .promoCardContainer .mealKitContent { margin-top: 0px; overflow: visible; display: block; -webkit-box-orient: horizontal; -webkit-line-clamp: none; font-size: 16px; line-height: 22px; }
}
.menuPageBg.promotionSingle .promoCardContainer .badgeContent .unavailableBatch.primaryBatch { border-radius: 0.25rem; background-color: var(--colorSecondary500); font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: 700; line-height: var(--lineHeightsRg); color: var(--colorBaseAlpha50); --tw-leading: --lineHeightsRg; }
.menuPageBg.promotionSingle .promoCardContainer .promotionBannercontainer { margin: 0px 1.25rem; gap: 0.25rem; }
@media (min-width: 1024px) {
  .menuPageBg.promotionSingle .promoCardContainer .promotionBannercontainer { margin-left: 4rem; margin-right: 0px; gap: 0.75rem; }
  .menuPageBg.promotionSingle .promoCardContainer .promoBannerImage { margin-top: 0px; }
}
.menuPageBg.promotionSingle .promoCardContainer .exploreMenuBtnWrapper .exploreMenuBtn { font-size: 0.75rem; line-height: 0.75rem !important; }
@media (min-width: 1024px) {
  .menuPageBg.promotionSingle .promoCardContainer .exploreMenuBtnWrapper .exploreMenuBtn { font-size: 1.125rem; line-height: 1.75rem; }
}
.menuPageBg.promotionSingle .promoCardContainer .bannerSmallText { padding-bottom: 0px; position: static; }
@media (min-width: 1024px) {
  .menuPageBg.promotionSingle .promoCardContainer .bannerSmallText { left: 0px; margin-left: 0px; --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); text-align: left; }
}
.menuPageBg .pdpListTile { margin-bottom: 1.25rem; }
.menuPageBg .\!favorites #img_favorite path:first-of-type, .menuPageBg .\!favorites #img_favorite path:nth-child(2), .menuPageBg .favorites #img_favorite path:first-of-type, .menuPageBg .favorites #img_favorite path:nth-child(2), .menuPageBg .recents #img_favorite path:first-of-type, .menuPageBg .recents #img_favorite path:nth-child(2) { fill: var(--colorPrimary500); stroke: var(--colorPrimary500); }
.menuPageBg .\!favorites #img_favorite path:only-child, .menuPageBg .favorites #img_favorite path:only-child, .menuPageBg .recents #img_favorite path:only-child { fill: var(--colorBaseOffBlack500); stroke: var(--colorBaseOffBlack500); }
.menuPageBg .\!favorites .pdpListTileTextwrapper .pdpListTileText, .menuPageBg .favorites .pdpListTileTextwrapper .pdpListTileText, .menuPageBg .recents .pdpListTileTextwrapper .pdpListTileText { font-size: var(--fontSizeFontSizeMd); font-weight: 700; text-transform: uppercase; }
.menuPageBg .\!favorites .subText, .menuPageBg .favorites .\!subText, .menuPageBg .favorites .subText, .menuPageBg .recents .\!subText, .menuPageBg .recents .subText { margin-top: 1rem; }
.menuPageBg .favorites .emptyStateTitle, .menuPageBg .recents .emptyStateTitle { width: 295px; padding-top: 1.25rem; font-weight: 700; line-height: 24px; max-width: 295px; }
@media (min-width: 1024px) {
  .menuPageBg .favorites .emptyStateTitle, .menuPageBg .recents .emptyStateTitle { font-size: 22px; }
}
.menuPageBg .\!favorites .emptyStateTitle { width: 295px; padding-top: 1.25rem; font-weight: 700; line-height: 24px; max-width: 295px; }
@media (min-width: 1024px) {
  .menuPageBg .\!favorites .emptyStateTitle { font-size: 22px; }
}
.menuPageBg .favorites .emptyStateBtn, .menuPageBg .recents .emptyStateBtn { height: 3rem; background-color: var(--colorPrimary500); padding-top: 1rem; padding-bottom: 1rem; font-weight: 700; }
@media (min-width: 1024px) {
  .menuPageBg .favorites .emptyStateBtn, .menuPageBg .recents .emptyStateBtn { font-size: 22px; }
}
.menuPageBg .\!favorites .emptyStateBtn { height: 3rem; background-color: var(--colorPrimary500); padding-top: 1rem; padding-bottom: 1rem; font-weight: 700; }
@media (min-width: 1024px) {
  .menuPageBg .\!favorites .emptyStateBtn { font-size: 22px; }
}
.menuPageBg .\!favorites .buttonPrimary, .menuPageBg .\!favorites .pdpListReorderBtn, .menuPageBg .favorites .buttonPrimary, .menuPageBg .favorites .pdpListReorderBtn, .menuPageBg .recents .buttonPrimary, .menuPageBg .recents .pdpListReorderBtn { height: 3rem; background-color: var(--colorPrimary500); padding-left: 2rem; padding-right: 2rem; font-size: 22px; font-weight: 700; width: auto; text-transform: uppercase; }
.menuPageBg .\!favorites .righttitletext, .menuPageBg .favorites .righttitletext, .menuPageBg .recents .righttitletext { padding-bottom: 0px; font-size: 22px; }
.menuPageBg .favorites .righttitle, .menuPageBg .recents .righttitle { left: 0.75rem; right: 0.75rem; top: 90px; margin-top: 0.5rem; background-color: var(--colorBaseAlpha50); padding-top: 1.5rem; display: flex; width: auto; align-items: center; justify-content: center; }
.menuPageBg .favorites .righttitle::after, .menuPageBg .recents .righttitle::after { top: -0.75rem; left: auto; right: auto; content: var(--tw-content); width: 89%; }
@media (min-width: 1024px) {
  .menuPageBg .favorites .righttitle, .menuPageBg .recents .righttitle { left: 0px; right: 0px; top: 130px; width: 100%; padding-top: 2rem; }
  .menuPageBg .favorites .righttitle::after, .menuPageBg .recents .righttitle::after { top: -33px; content: var(--tw-content); width: 100%; }
}
.menuPageBg .\!favorites .righttitle { left: 0.75rem; right: 0.75rem; top: 90px; margin-top: 0.5rem; background-color: var(--colorBaseAlpha50); padding-top: 1.5rem; display: flex; width: auto; align-items: center; justify-content: center; }
.menuPageBg .\!favorites .righttitle::after { top: -0.75rem; left: auto; right: auto; content: var(--tw-content); width: 89%; }
@media (min-width: 1024px) {
  .menuPageBg .\!favorites .righttitle { left: 0px; right: 0px; top: 130px; width: 100%; padding-top: 2rem; }
  .menuPageBg .\!favorites .righttitle::after { top: -33px; content: var(--tw-content); width: 100%; }
}
.menuPageBg .favorites .righttitle .titleInner, .menuPageBg .recents .righttitle .titleInner { top: 0px; position: relative; }
@media (min-width: 1024px) {
  .menuPageBg .favorites .righttitle .titleInner, .menuPageBg .recents .righttitle .titleInner { top: -20px; }
}
.menuPageBg .\!favorites .righttitle .titleInner { top: 0px; position: relative; }
@media (min-width: 1024px) {
  .menuPageBg .\!favorites .righttitle .titleInner { top: -20px; }
}
@media screen and (min-width: 1024px) and (max-width: 1399px) {
  .menuPageBg .\!favorites .buttonPrimary, .menuPageBg .\!favorites .pdpListReorderBtn, .menuPageBg .favorites .buttonPrimary, .menuPageBg .favorites .pdpListReorderBtn, .menuPageBg .recents .buttonPrimary, .menuPageBg .recents .pdpListReorderBtn { font-size: var(--fontSizeFontSizeRg); }
}
.menuPageBg .recents .emprtyStateSection img { height: 5rem; width: 5rem; }
.menuPageBg .favorites .menuPageListContainer { padding-top: 1.5rem; }
@media (min-width: 1024px) {
  .menuPageBg .favorites .menuPageListContainer { padding-top: 2rem; }
}
.menuPageBg .\!favorites .menuPageListContainer { padding-top: 1.5rem; }
@media (min-width: 1024px) {
  .menuPageBg .\!favorites .menuPageListContainer { padding-top: 2rem; }
}
.menuPageBg .righttitletext { padding-bottom: 0px; }
@media (min-width: 1024px) {
  .menuPageBg .righttitletext { padding-bottom: 1.5rem; }
}
.menuPageBg .righttitletext.biggerText { text-transform: uppercase; }
.menuPageBg .emprtyStateSection .emptyStateTitle { padding-bottom: 0px; padding-top: 1rem; font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; }
.menuPageBg .emprtyStateSection .emptyStateBtn { margin-top: 1.25rem; height: 3rem; background-color: var(--colorPrimary500); font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; color: var(--colorBaseAlpha50); }
.menuPageBg .emprtyStateSection .emptyStateMessage { padding-top: 1rem; font-weight: 400; color: var(--colorBaseOffBlack500); max-width: 295px; }
.menuPageBg .menuDropDownContent { font-family: var(--fontFamiliesBody); font-weight: 700; color: var(--colorBaseOffBlack500); }
.menuPageBg .menuListResult { font-family: var(--fontFamiliesBody); font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; color: var(--colorBaseAlpha600); }
.menuPageBg .categorySection { margin-top: -275px; padding-top: 250px; }
@media (min-width: 1024px) {
  .menuPageBg .categorySection { margin-bottom: 4rem; padding-top: 275px; }
}
.menuPageBg .promoCardContainer, .menuPromSlider .promoCardContainer { background-color: var(--colorBaseOffWhite500); height: auto; min-height: 200px; }
.menuPageBg .promoCardContainer::before, .menuPromSlider .promoCardContainer::before { height: 200px; content: var(--tw-content); border-radius: 0.5rem; }
@media (min-width: 1024px) {
  .menuPageBg .promoCardContainer, .menuPromSlider .promoCardContainer { height: 300px; }
  .menuPageBg .promoCardContainer::before, .menuPromSlider .promoCardContainer::before { content: var(--tw-content); height: 300px; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span .menuPromSlider .promoCardContainer .promoBannerImage, .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.menuPageBg .promoCardContainer .promoBannerImage { display: none; }
.menuPageBg .promoCardContainer .promoBannerImage, .menuPromSlider .promoCardContainer .promoBannerImage { right: 0px; top: 0px; margin-top: 0px; border-radius: 0.375rem 0.375rem 0px 0px; position: absolute; height: 100%; width: 100%; }
@media (min-width: 1024px) {
  .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span .menuPromSlider .promoCardContainer .promoBannerImage, .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.menuPageBg .promoCardContainer .promoBannerImage { display: none; }
  .menuPageBg .promoCardContainer .promoBannerImage, .menuPromSlider .promoCardContainer .promoBannerImage { position: absolute; border-radius: 1rem; }
}
.menuPageBg .promoCardContainer .promotionBannercontainer, .menuPromSlider .promoCardContainer .promotionBannercontainer { margin-top: 0px; gap: 1rem; }
@media (min-width: 1024px) {
  .menuPageBg .promoCardContainer .promotionBannercontainer, .menuPromSlider .promoCardContainer .promotionBannercontainer { max-width: 640px; }
}
.menuPageBg .promoCardContainer .promotionBannercontainer .bannerEyebrowText, .menuPromSlider .promoCardContainer .promotionBannercontainer .bannerEyebrowText { font-family: BrooklynSamuelsThreeBold; font-size: 22px; line-height: 1.75rem; letter-spacing: 0.5px; color: var(--colorBaseRed550); text-transform: uppercase; }
@media (min-width: 1024px) {
  .menuPageBg .promoCardContainer .promotionBannercontainer .bannerEyebrowText, .menuPromSlider .promoCardContainer .promotionBannercontainer .bannerEyebrowText { font-family: BrooklynSamuelsThreeBold; font-size: 34px; letter-spacing: 2px; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span .menuPromSlider .promoCardContainer .promotionBanWrapper, .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.menuPageBg .promoCardContainer .promotionBanWrapper { display: none; }
.menuPageBg .promoCardContainer .promotionBanWrapper, .menuPromSlider .promoCardContainer .promotionBanWrapper { top: 0px; position: absolute; display: flex; align-items: center; }
@media (min-width: 1024px) {
  .menuPageBg .promoCardContainer .promotionBanWrapper, .menuPromSlider .promoCardContainer .promotionBanWrapper { height: 300px; }
}
.menuPageBg .promoCardContainer .mealKitContent, .menuPromSlider .promoCardContainer .mealKitContent { padding-bottom: 0px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; color: var(--colorBaseOffBlack500); -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
@media (min-width: 1024px) {
  .menuPageBg .promoCardContainer .mealKitContent, .menuPromSlider .promoCardContainer .mealKitContent { margin-top: 0px; font-size: 1rem; line-height: 1.5rem; }
}
.menuPageBg .promoCardContainer .badgeContent .unavailableBatch, .menuPromSlider .promoCardContainer .badgeContent .unavailableBatch { border-radius: 0.25rem; background-color: var(--colorSecondary500); font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: 700; line-height: var(--lineHeightsRg); color: var(--colorBaseAlpha50); --tw-leading: --lineHeightsRg; }
.menuPageBg .promoCardContainer .mealKitTitle, .menuPromSlider .promoCardContainer .mealKitTitle { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; min-height: max-content; font-family: BrooklynSamuelsFiveBold; font-size: 17px; font-weight: 700; line-height: 21px; color: var(--colorBaseOffBlack500); width: 100%; text-transform: uppercase; }
@media (min-width: 1024px) {
  .menuPageBg .promoCardContainer .mealKitTitle, .menuPromSlider .promoCardContainer .mealKitTitle { font-size: 22px; line-height: 1.5rem; }
}
.menuPageBg .promoCardContainer .termsAndCondition, .menuPromSlider .promoCardContainer .termsAndCondition { z-index: 25; padding-top: 0px; color: var(--colorBaseAlpha600); position: relative; }
@media (min-width: 1024px) {
  .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span .menuPromSlider .promoCardContainer .termsAndCondition, .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.menuPageBg .promoCardContainer .termsAndCondition { display: none; }
  .menuPageBg .promoCardContainer .termsAndCondition, .menuPromSlider .promoCardContainer .termsAndCondition { position: absolute; }
}
.menuPageBg .promoCardContainer .exploreMenuBtnWrapper, .menuPromSlider .promoCardContainer .exploreMenuBtnWrapper { width: auto; }
.menuPageBg .promoCardContainer .exploreMenuBtnWrapper .exploreMenuBtn, .menuPromSlider .promoCardContainer .exploreMenuBtnWrapper .exploreMenuBtn { height: 2rem; background-color: var(--colorBaseOffBlack500); font-family: BrooklynSamuelsThreeBold; font-weight: 700; color: var(--colorBaseAlpha50); border-style: var(--tw-border-style); border-width: 0px; font-size: 12px; }
@media (min-width: 1024px) {
  .menuPageBg .promoCardContainer .exploreMenuBtnWrapper .exploreMenuBtn, .menuPromSlider .promoCardContainer .exploreMenuBtnWrapper .exploreMenuBtn { height: 3rem; width: auto; background-color: var(--colorBaseRed550); font-size: 22px; }
}
.menuPageBg .promoCardContainer .exploreMenuBtnWrapper .exploreMenuBtn span, .menuPromSlider .promoCardContainer .exploreMenuBtnWrapper .exploreMenuBtn span { top: 2px; position: relative; }
@media screen and (min-width: 720px) and (max-width: 1023px) {
  .menuPageBg .promoCardContainer, .menuPromSlider .promoCardContainer { width: calc(-40px + 100vw); }
}
.menuPromSlider { padding-left: 1.25rem; }
@media (min-width: 1024px) {
  .menuPromSlider { padding-left: 72px; }
}
@media screen and (min-width: 1440px) {
  .menuPromSlider .sliderContainer .promoImgContainer.promoCardContainer { width: 1296px; }
}
.menuPromSlider .sliderArrowContainer.promotionArrow span + span { right: -1rem; }
@media (min-width: 1024px) {
  .menuPromSlider .sliderArrowContainer.promotionArrow span + span { right: -1.5rem; }
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .menuPromSlider .sliderArrowContainer.promotionArrow { width: calc(-144px + 100vw); }
}
.menuPromSlider .sliderLeftChevronIcon { left: -0.625rem; }
.menuPromSlider .promoCardContainer { border-radius: 1rem; border-color: var(--colorBaseAlpha300); background-color: var(--colorBaseAlpha100); height: auto; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.menuPromSlider .promoCardContainer::before { top: 0px; content: var(--tw-content); height: 200px; }
@media (min-width: 1024px) {
  .menuPromSlider .promoCardContainer { min-height: 300px; width: calc(-144px + 100vw); }
  .menuPromSlider .promoCardContainer::before { content: var(--tw-content); height: 300px; }
}
.menuPromSlider .promoCardContainer.promoImgContainer::before { background: linear-gradient(270deg,hsla(0,0%,100%,.5) 48%,var(--colorBaseAlpha50) 71.5%); top: 0px; left: 0px; }
.menuPromSlider .itemList { gap: 1.25rem; }
@media (min-width: 1024px) {
  .menuPromSlider .itemList { gap: 0px; }
}
.tabSection .tabButtons { height: 2rem; border-color: var(--colorBaseAlpha300); background-color: var(--colorBaseOffWhite500); padding-top: 0.375rem; padding-bottom: 0.375rem; border-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .tabSection .tabButtons { height: 2.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
.tabSection .tabButtons .tabText { padding-left: 0px; font-weight: 700; position: relative; text-transform: uppercase; }
@media (min-width: 1024px) {
  .tabSection .tabButtons .tabText { top: 0.125rem; font-size: 22px; }
}
.tabSection .tabButtons.\!active, .tabSection .tabButtons.active { background-color: var(--colorSecondary500); }
.tabSection .tabButtons .tabIcon { display: none; }
@media (min-width: 1024px) {
  .menuFallbackCont { height: auto; width: 100%; padding: 0px; }
  .menuImageWrapper img { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
  .menuFallbackCont { display: flex; align-items: center; justify-content: center; }
}
.menuPageBg .menuSearchDesktop { padding-top: 0.25rem; }
@media (min-width: 1024px) {
  .menuPageBg .menuSearchDesktop { margin-bottom: 20px; padding-top: 1.5rem; }
}
.menuPageBg .menuSearchBtn { border-color: var(--colorPrimary500); padding-top: 9px; padding-bottom: 9px; font-size: 22px; font-weight: 700; color: var(--colorPrimary500); border-width: 1px; --tw-border-style: solid; border-style: solid; background-color: transparent; text-transform: uppercase; }
.menuPageBg .menuSearchBtn span { top: 0.125rem; position: relative; }
.menuPageBg .allergensBtnContainer { display: flex; justify-content: center; }
@media (min-width: 1024px) {
  .menuPageBg .allergensBtnContainer { justify-content: flex-end; }
}
.menuPageBg .allergensBtnContainer .allergensTextLink { margin-right: 0px; margin-top: 0.25rem; gap: 0.25rem; width: auto; flex-direction: row-reverse; }
@media (min-width: 1024px) {
  .menuPageBg .allergensBtnContainer .allergensTextLink { margin-top: 1rem; }
}
.menuPageBg .menuPageListContainer { padding-top: 0px; }
@media (min-width: 1024px) {
  .menuPageBg .menuPageListContainer { padding-top: 1.25rem; }
}
.menuPageBg .menuPageListTitle, .menuPageBg .menuPageListTitleActive { font-family: BrooklynSamuelsThreeBold; font-weight: 700; }
@media (min-width: 1024px) {
  .menuPageBg .menuPageBg .menuPageListContainer .menuPageListTitle { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}
.menuPageBg .menuPageListContainer { gap: 0px; }
@media (min-width: 1024px) {
  .menuPageBg .menuPageListContainer { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 1.5rem; }
  .menuPageBg .menuPageListContainer .menuPageListTitle, .menuPageBg .menuPageListContainer .menuPageListTitleActive { height: fit-content; max-width: none; padding: 1.5rem; font-size: 22px; line-height: 24px; }
}
.menuPageBg .menuPageListContainer .menuPageDesc { max-width: 11rem; padding: 0px; font-family: var(--fontFamiliesBody); font-weight: var(--fontWeightsRegular); color: var(--colorBaseAlpha600); font-size: 14px; --tw-leading: 19.1px; line-height: 19.1px; }
@media (min-width: 1024px) {
  .menuPageBg .menuPageListContainer .menuPageDesc { max-width: none; padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem; text-align: center; }
}
.menuPageBg .menuPageListContainer .pdpListTile .pdpListButtonwrapper { padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; }
.menuPageBg .mobileMenuContainer { display: none; }
.menuPageBg.noLocationSelected .menuPageListPdpContainer .rightSideWrapper .righttitleSticky { top: 104px; }
@media (min-width: 1024px) {
  .menuPageBg.noLocationSelected .menuPageListPdpContainer .rightSideWrapper .righttitleSticky { top: 134px; }
}
.menuPageBg.noLocationSelected .menuPageListPdpContainer .rightSideWrapper .righttitleSticky.notBigger::after { content: var(--tw-content); top: 45px; }
@media (min-width: 1024px) {
  .menuPageBg.noLocationSelected .menuPageListPdpContainer .rightSideWrapper .righttitleSticky.notBigger { top: 252px; }
  .menuPageBg.noLocationSelected .menuPageListPdpContainer .rightSideWrapper .righttitleSticky.notBigger::after { content: var(--tw-content); top: 17px; }
}
.menuPageBg.noLocationSelected .menuPageListPdpContainer .rightSideWrapper .righttitleSticky.mobileSubMenu::after { content: var(--tw-content); top: 42px; }
@media (min-width: 1024px) {
  .menuPageBg.noLocationSelected .menuPageListPdpContainer .rightSideWrapper .righttitleSticky.mobileSubMenu::after { content: var(--tw-content); top: 35px; }
}
.menuPageBg.noLocationSelected .favorites .righttitle, .menuPageBg.noLocationSelected .recents .righttitle { left: 0.75rem; right: 0.75rem; top: 90px; display: flex; width: auto; align-items: center; justify-content: center; }
.menuPageBg.noLocationSelected .favorites .righttitle::after, .menuPageBg.noLocationSelected .recents .righttitle::after { left: auto; right: auto; content: var(--tw-content); width: 89%; }
@media (min-width: 1024px) {
  .menuPageBg.noLocationSelected .favorites .righttitle, .menuPageBg.noLocationSelected .recents .righttitle { left: 0px; right: 0px; top: 90px; width: 100%; }
  .menuPageBg.noLocationSelected .favorites .righttitle::after, .menuPageBg.noLocationSelected .recents .righttitle::after { content: var(--tw-content); width: 100%; }
}
.menuPageBg.noLocationSelected .\!favorites .righttitle { left: 0.75rem; right: 0.75rem; top: 90px; display: flex; width: auto; align-items: center; justify-content: center; }
.menuPageBg.noLocationSelected .\!favorites .righttitle::after { left: auto; right: auto; content: var(--tw-content); width: 89%; }
@media (min-width: 1024px) {
  .menuPageBg.noLocationSelected .\!favorites .righttitle { left: 0px; right: 0px; top: 90px; width: 100%; }
  .menuPageBg.noLocationSelected .\!favorites .righttitle::after { content: var(--tw-content); width: 100%; }
}
.menuPageBg.noLocationSelected .\!favorites .subText, .menuPageBg.noLocationSelected .favorites .\!subText, .menuPageBg.noLocationSelected .favorites .subText, .menuPageBg.noLocationSelected .recents .\!subText, .menuPageBg.noLocationSelected .recents .subText { padding-left: 1.5rem; padding-right: 1.5rem; }
.menuPageBg .menuCategoryTitle { background-color: var(--colorBaseAlpha50); padding-top: 0px; }
@media (min-width: 1024px) {
  .menuPageBg .menuPageListPdpContainer .categoryCont { max-height: 515px; }
  .menuPageBg .menuPageListPdpContainer .rightSideWrapper .righttitleSticky { top: 270px; }
}
.menuPageBg .menuPageListPdpContainer .rightSideWrapper .righttitleSticky.guestMenu { top: 110px; }
@media (min-width: 1024px) {
  .menuPageBg .menuPageListPdpContainer .rightSideWrapper .righttitleSticky.guestMenu { top: 90px; }
}
.menuPageBg .menuPageListPdpContainer .rightSideWrapper .righttitleSticky.notBigger::after { content: var(--tw-content); top: 42px; }
@media (min-width: 1024px) {
  .menuPageBg .menuPageListPdpContainer .rightSideWrapper .righttitleSticky.notBigger { top: 272px; }
  .menuPageBg .menuPageListPdpContainer .rightSideWrapper .righttitleSticky.notBigger::after { content: var(--tw-content); top: 16px; }
}
.menuPageBg .menuPageListPdpContainer .rightSideWrapper .righttitleSticky.notBigger.guestMenu { top: 110px; }
@media (min-width: 1024px) {
  .menuPageBg .menuPageListPdpContainer .rightSideWrapper .righttitleSticky.notBigger.guestMenu { top: 90px; }
}
.menuPageBg .menuPageListPdpContainer .rightSideWrapper .righttitleSticky.mobileSubMenu::after { content: var(--tw-content); top: 42px; }
@media (min-width: 1024px) {
  .menuPageBg .menuPageListPdpContainer .rightSideWrapper .righttitleSticky.mobileSubMenu::after { content: var(--tw-content); top: 35px; }
}
.menuPageBg .menuPageListPdpContainer .rightSideWrapper .locationCategorySection { margin-top: -240px; scroll-margin: 90px; padding-top: 240px; }
.menuPageBg .menuPageListPdpContainer .rightSideWrapper .locationCategorySection .firstMenuSection { scroll-margin: 420px; }
.menuPageBg .categoryCont { max-height: 450px; scroll-behavior: smooth; width: 100%; overflow-y: auto; }
@media (min-width: 1024px) {
  .menuPageBg .categoryCont { width: 196px; }
}
.menuPageBg .righttitleSticky { top: 108px; }
@media (min-width: 1024px) {
  .menuPageBg .righttitleSticky { top: 134px; }
}
.menuPageBg .firstMenuSection { scroll-margin: 380px; padding-bottom: 2.5rem; }
@media (min-width: 1024px) {
  .menuPageBg .firstMenuSection { scroll-margin: 330px; column-gap: 36px; padding-top: 2rem; }
  .menuPageBg .productLessScroll .firstMenuSection { scroll-margin: 360px; padding-bottom: 6rem; padding-top: 6rem; }
}
.menuPageBg .pdpListTileTextwrapper { text-transform: uppercase; }
@media (min-width: 1024px) {
  .menuPageBg .pdpListTileTextwrapper { padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.5rem; }
}
.menuPageBg .pdpListTileTextwrapper .pdpListTileText { min-height: auto; padding: 0px; }
@media (min-width: 1024px) {
  .menuPageBg .pdpListTileTextwrapper .pdpListTileText { font-size: 22px; line-height: 22px; }
}
.menuPageBg .viewMoreListImg .texture { display: none; }
@media (min-width: 1024px) {
  .menuPageBg .\!subText .subtextCal, .menuPageBg .subText .subtextCal { font-size: var(--fontSizeFontSizeSm); }
}
.menuPageBg .bottomCTA:empty { display: none; }
@media screen and (min-height: 900px) {
  @media (min-width: 1024px) {
  .menuPageBg .categoryCont { max-height: max-content; }
}
}
@media (min-width: 1024px) {
  .menuPageBg .genericLoaderContainer { padding-left: 0px; padding-right: 0px; }
}
.menuPageBg .categoryBannerMobilewrapper { display: none; }
.menuPageBg .searchInputWrapper input { font-family: var(--fontFamiliesBody); }
.menuPageBg .favorites .menuPageListContainer, .menuPageBg .recents .menuPageListContainer { gap: 0px; }
@media (min-width: 1024px) {
  .menuPageBg .favorites .menuPageListContainer, .menuPageBg .recents .menuPageListContainer { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 1.5rem; }
}
.menuPageBg .\!favorites .menuPageListContainer { gap: 0px; }
@media (min-width: 1024px) {
  .menuPageBg .\!favorites .menuPageListContainer { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 1.5rem; }
}
.menuPageBg .favorites .menuPageListContainer .pdpListTile, .menuPageBg .recents .menuPageListContainer .pdpListTile { margin-bottom: 1.5rem; border-color: var(--colorBaseAlpha300); border-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .menuPageBg .favorites .menuPageListContainer .pdpListTile, .menuPageBg .recents .menuPageListContainer .pdpListTile { margin-bottom: 0px; min-height: 476px; }
}
.menuPageBg .\!favorites .menuPageListContainer .pdpListTile { margin-bottom: 1.5rem; border-color: var(--colorBaseAlpha300); border-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .menuPageBg .\!favorites .menuPageListContainer .pdpListTile { margin-bottom: 0px; min-height: 476px; }
}
.menuPageBg .\!favorites .menuPageListContainer .viewMoreListImg, .menuPageBg .favorites .menuPageListContainer .viewMoreListImg, .menuPageBg .recents .menuPageListContainer .viewMoreListImg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
.menuPageBg .favorites .menuPageListContainer:has(.viewMoreContainer), .menuPageBg .recents .menuPageListContainer:has(.viewMoreContainer) { align-items: flex-start; }
.menuPageBg .\!favorites .menuPageListContainer:has(.viewMoreContainer) { align-items: flex-start; }
.menuPageBg .\!favorites .emprtyStateSection, .menuPageBg .favorites .emprtyStateSection, .menuPageBg .recents .emprtyStateSection { margin-top: 2rem; min-height: 338px; }
.menuPageBg .\!favorites .emprtyStateSection .emptyStateTitle, .menuPageBg .favorites .emprtyStateSection .emptyStateTitle, .menuPageBg .recents .emprtyStateSection .emptyStateTitle { padding-top: 1.25rem; }
.menuPageBg .\!favorites .emptyStateBtn, .menuPageBg .favorites .emptyStateBtn, .menuPageBg .recents .emptyStateBtn { padding-top: 0px; padding-bottom: 0px; }
.menuPageBg .\!favorites .emptyFavImg, .menuPageBg .favorites .emptyFavImg, .menuPageBg .recents .emptyFavImg { width: 5rem; padding-top: 4rem; }
.menuPageBg .\!favorites .viewMoreContainer .pdpListTileTextwrapper, .menuPageBg .favorites .viewMoreContainer .pdpListTileTextwrapper, .menuPageBg .recents .viewMoreContainer .pdpListTileTextwrapper { padding: 0px; }
.menuPageBg .\!favorites .viewMoreContainer .pdpListTileTextwrapper .pdpListTileText, .menuPageBg .favorites .viewMoreContainer .pdpListTileTextwrapper .pdpListTileText, .menuPageBg .recents .viewMoreContainer .pdpListTileTextwrapper .pdpListTileText { top: 0.125rem; position: relative; }
.menuPageBg .\!favorites .subtextCal, .menuPageBg .favorites .subtextCal, .menuPageBg .recents .subtextCal { padding-left: 0px; padding-right: 0px; }
.menuPageBg .\!favorites .subTextAmount, .menuPageBg .favorites .subTextAmount, .menuPageBg .recents .subTextAmount { order: 1; display: flex; }
.menuPageBg .tabSectionWrapper button.\!active .rewardsTabSection span.tabBtnTxt, .menuPageBg .tabSectionWrapper button.active .rewardsTabSection span.tabBtnTxt { color: var(--colorBaseOffBlack500); }
@media screen and (min-width: 1024px) and (max-width: 1399px) {
  .headerNavTag .headerNavContainer .navBarResponsiveContainerWrapper { gap: 1rem; }
  .headerNavContainer .headerActions .signupBtn button { font-size: 22px; }
  .headerNavContainer .headerActions .startOrderButtonStyle { font-size: 14px; }
  .navLinkItem { font-size: 16px; }
  .headerActions { gap: 0.5rem; }
}
.\!menu .ldsEllipsis.white div, .menu .ldsEllipsis.white div { background-color: var(--colorBaseRed550); }
.chooseItemContainer.itemChooseReady { min-height: 2.5rem; border-color: var(--colorBrandSecondary); border-width: 1px; }
@media (min-width: 1024px) {
  .chooseItemContainer.itemChooseReady { min-height: 9rem; }
}
.chooseItemContainer.itemChooseReady .chooseItemName { font-size: var(--fontSizeFontSizeRg); }
.chooseItemContainer.itemChooseDisabled { min-height: 2.5rem; }
@media (min-width: 1024px) {
  .chooseItemContainer.itemChooseDisabled { min-height: 9rem; }
}
.chooseItemContainer.itemChooseDisabled .chooseItemName { font-size: var(--fontSizeFontSizeRg); }
.chooseTwoHeading { font-family: BrooklynSamuelsFourBold; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.mobileSubNav { display: none; }
.mobileSubNav { top: 55px; --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); position: absolute; z-index: 10; display: flex; width: 100%; overflow-y: auto; }
.mobileSubNav .\!selected span, .mobileSubNav .selected span { --tw-border-style: solid; border-bottom-width: ; border-bottom-color: ; border-style: solid; }
.mobileSubNav .\!selected::after, .mobileSubNav .selected::after { content: var(--tw-content); background-image: none; }
.menuPageListPdpContainer .rightSideWrapper .categorySection .mobileSubNav:has(.subcategoryListitems:empty) { display: none; }
.menuPageListPdpContainer .rightSideWrapper .categorySection .mobileSubNav { top: 130px; background-color: var(--colorBaseAlpha50); }
@media (min-width: 1024px) {
  .menuPageListPdpContainer .rightSideWrapper .righttitleSticky.mobileSubMenu { top: 134px; }
}
.menuPageListPdpContainer .rightSideWrapper .righttitleSticky.mobileSubMenu .menuCategoryTitle, .menuPageListPdpContainer .rightSideWrapper .righttitleSticky.mobileSubMenu .stickyParent { background-color: var(--colorBaseAlpha50); width: 100%; text-align: center; transition-duration: var(--tw-duration,0s); transition-property: all; transition-timing-function: var(--tw-ease,ease); }
.menuPageListPdpContainer .rightSideWrapper .righttitleSticky.mobileSubMenu .menuCategoryTitle::after, .menuPageListPdpContainer .rightSideWrapper .righttitleSticky.mobileSubMenu .stickyParent::after { position: absolute; left: 0px; top: 16px; width: 100%; border-bottom-width: 1px; border-color: var(--colorDividerBase); --tw-content: ""; content: var(--tw-content); }
@media (min-width: 1024px) {
  .menuPageListPdpContainer .rightSideWrapper .righttitleSticky.mobileSubMenu .menuCategoryTitle::after, .menuPageListPdpContainer .rightSideWrapper .righttitleSticky.mobileSubMenu .stickyParent::after { content: var(--tw-content); top: 35px; }
}
.hamburgerResponsiveVertical .headerNavContainerResponsive svg path:first-child { fill: var(--colorPrimary500); }
.hamburgerResponsiveVertical .navBarResponsiveContainer { height: 72px; padding-top: 1.5rem; padding-bottom: 1.5rem; }
.hamburgerResponsiveVertical .hamburgerRewardLoader img { left: 0px; }
.hamburgerResponsiveVertical .hamburgerBottom { gap: 1rem; padding-bottom: 3rem; background-color: transparent; }
.hamburgerResponsiveVertical .hamburgerBottom::before { content: var(--tw-content); background-image: none; }
.hamburgerResponsiveVertical .hamburgerBottom .hamburgerBottomIntroText { margin-left: auto; margin-right: auto; margin-bottom: 0px; margin-inline: auto; max-width: 295px; }
.hamburgerResponsiveVertical .hamburgerBottom .buttonSecondary { border-color: var(--colorPrimary500); color: var(--colorPrimary500); }
.hamburgerResponsiveVertical .hamburgerBottom .buttonWrapper { font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; }
.hamburgerResponsiveVertical .hamburgerBottom .buttonWrapper span { top: 0.125rem; position: relative; }
.signinHamburgerBottom { background-color: var(--colorBaseAlpha50); padding-bottom: 3rem; padding-top: 2rem; }
.signinHamburgerBottom .buttonSecondary { border-color: var(--colorPrimary500); background-color: var(--colorPrimary500); font-family: BrooklynSamuelsThreeBold; font-size: 22px; color: var(--colorBaseAlpha50); text-transform: uppercase; }
@media only screen and (max-width: 1024px) {
  .signoutNavBarContainer { height: calc(100dvh - 250px); }
}
.rewardsContainer { margin-bottom: 2rem; border-radius: 0.5rem; background-color: var(--colorSecondary500); padding-top: 2rem; padding-bottom: 2rem; }
.rewardsContainer, .rewardsContainer.noPoints { color: var(--colorBaseOffBlack500); }
.rewardsContainer.noPoints { margin-bottom: 0px; padding: 1.5rem 1.25rem 2rem; border-style: var(--tw-border-style); border-width: 0px; background-color: transparent; }
.rewardsContainer.noPoints .pageLoader { margin-top: 0px; }
.rewardsContainer .menuSearchBtn { background-color: var(--colorBaseAlpha50); color: var(--colorBaseOffBlack500); text-transform: uppercase; }
.rewardsContainer .inlineUserName { padding: 0px; font-family: BrooklynSamuelsThreeBold; font-size: 1.125rem; font-weight: 700; --tw-leading: 22px; line-height: 22px; text-transform: uppercase; }
.rewardsContainer .noPointsDescription { margin-top: 0.5rem; font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.25rem; color: var(--colorBaseAlpha500); }
.rewardProfile { font-size: 17px; }
.rewardProfile, .rewardsUserName { display: block; text-transform: uppercase; }
.rewardsUserName { padding-top: 0.5rem; font-family: BrooklynSamuelsThreeBold; font-size: 34px; font-weight: 700; line-height: 42px; }
.dividerLine { margin: 1rem auto; height: 0.125rem; width: 10rem; margin-inline: auto; }
.hamburgerRewardPoints { gap: 0px; }
.hamburgerRewardPoints h3 { font-size: 60px; }
.hamburgerRewardPoints h3, .hamburgerRewardPoints p { font-family: BrooklynSamuelsThreeBold; font-weight: 700; }
.hamburgerRewardPoints p { top: 0.5rem; position: relative; font-size: 18px; text-transform: uppercase; }
.headerNavContainerResponsive { --tw-border-style: none; border-style: none; }
@media (min-width: 1024px) {
  .headerNavContainerResponsive { border-width: 1px; }
}
.hamburgerrewards .doubleTextFirstRewardPoint, .hamburgerrewards .hamburgerRewardUsername, .hamburgerrewards .rewardPointsTxt, .hamburgerrewards .rewardsUserName, .hamburgerrewards h4 { font-family: var(--fontFamiliesBody); }
.hamburgerrewards .dividerLine { border-color: var(--colorBaseOffBlack500); }
.hamburgerrewards .hamburgerRewardUsername, .hamburgerrewards .rewardProfile { font-weight: 700; font-size: 14px; text-transform: none; }
.hamburgerrewards .rewardsUserName { text-transform: none; }
.hamburgerrewards .hamburgerRewardPoints p { top: 0.75rem; font-size: 16px; text-transform: none; }
.feedbackSurvey .bannerBelowText { font-family: BrooklynSamuelsThreeBold; font-weight: 700; }
.navLinksResponsiveIcon svg path { fill: var(--colorBaseRed550); }
.hamburgerResponsiveVertical .accountNavHeading { font-family: BrooklynSamuelsThreeBold; padding-top: 1.5rem; padding-bottom: 1.5rem; }
.headerNavContainerResponsive { height: 7rem; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.headerNavContainerResponsive .leftArrowResponsive { display: none; }
.headerNavContainerResponsive .leftArrowResponsive { position: absolute; }
.orderDetailBannerDividerOne .orderDetailInfodivider { margin-top: 0.75rem; margin-bottom: 0.75rem; }
@media (min-width: 1024px) {
  .orderDetailBannerDividerOne .orderDetailInfodivider { margin-top: 0px; margin-bottom: 0px; }
}
.orderDetailBannerDividerOne .timeDivider { margin-bottom: 0px; }
.hamburgerResponsiveVertical .signinHamburgerBottom { padding-bottom: 3rem; padding-top: 1.5rem; }
.hamburgerResponsiveVertical .signinHamburgerBottom .buttonSecondary { border-color: var(--colorPrimary500); background-color: var(--colorBaseAlpha50); color: var(--colorPrimary500); }
.accountContainer .accountSectionTitle { font-family: BrooklynSamuelsThreeBold; font-size: 34px; text-transform: uppercase; }
.accountContainer .accountBurstIcon, .accountContainer .burstIcon { display: none; }
.accountContainer .accountSectionTitle { padding-top: 0px; }
.personalInfoFormContainer.searchResultHeight .locationButton { height: 2rem; }
.personalInfoFormContainer.searchResultHeight .locationButton svg { height: 18px; width: 18px; }
.personalInfoFormContainer .textBoxWrapper .fbr-floating-label, .personalInfoFormContainer .textBoxWrapper .floatingInputField { font-family: var(--fontFamiliesBody); }
.personalInfoFormContainer .accountButtonsContainer button, .personalInfoFormContainer .notificationButtonWrapper button { height: 3rem; }
.personalInfoFormContainer .accountButtonsContainer .buttonPrimary, .personalInfoFormContainer .accountButtonsContainer .buttonSecondary, .personalInfoFormContainer .accountButtonsContainer .signOutButton, .personalInfoFormContainer .notificationButtonWrapper .buttonPrimary, .personalInfoFormContainer .notificationButtonWrapper .buttonSecondary, .personalInfoFormContainer .notificationButtonWrapper .signOutButton { font-family: BrooklynSamuelsThreeBold; padding-top: 0px; padding-bottom: 0px; font-size: 22px; text-transform: uppercase; }
.personalInfoFormContainer .accountButtonsContainer button span, .personalInfoFormContainer .notificationButtonWrapper button span { top: 2px; position: relative; }
.personalInfoFormContainer button:disabled { color: var(--colorBaseAlpha500); }
.personalInfoFormContainer .addNewCardButton { padding-left: 2rem; padding-right: 2rem; width: auto; }
.personalInfoFormContainer .intimationContainer { margin-left: 0px; padding-left: 1rem; padding-right: 1rem; }
.personalInfoFormContainer .intimationContainer svg { width: 100px; height: 100px; }
.personalInfoFormContainer .intimationContainer .intimation { font-family: BrooklynSamuelsThreeBold; margin-top: 1.5rem; letter-spacing: 0.5px; }
.personalInfoFormContainer .intimationContainer .savedLocationDescription { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 1rem; font-family: var(--fontFamiliesBody); color: var(--colorBaseAlpha600); text-align: center; }
@media (min-width: 1024px) {
  .personalInfoFormContainer .intimationContainer .savedLocationDescription { padding-left: 0px; padding-right: 0px; }
}
.personalInfoFormContainer .intimationContainer .smallButton { font-family: BrooklynSamuelsThreeBold; margin-top: 1.5rem; height: 3rem; background-color: var(--colorPrimary500); font-size: 22px; text-transform: uppercase; }
.personalInfoFormContainer .pageLoaderSVG { margin: auto; text-align: center; }
@media (min-width: 1024px) {
  .personalInfoFormContainer .pageLoaderSVG { width: 375px; }
}
.personalInfoFormContainer .pageLoaderSVG svg { width: 100px; height: 100px; }
.personalInfoFormContainer .savedLocCtr { margin-top: 1.25rem; }
.personalInfoFormContainer .savedLocCtr .restaurantAddresshead { line-height: 1.5rem; }
.personalInfoFormContainer .savedLocCtr .restaurantAddresshead .accountLocationName { font-size: 1rem; line-height: 1.5rem; font-weight: 600; }
.personalInfoFormContainer .savedLocCtr .restaurantInfoTime { margin-top: 1.25rem; padding-top: 1.5rem; }
.personalInfoFormContainer .savedLocCtr .restaurantInfoBtn { padding-top: 0.75rem; }
.personalInfoFormContainer .savedLocCtr .restaurantInfoBtn .getDirectionsBtn { height: 2rem; padding-top: 0px; padding-bottom: 0px; font-size: 0.875rem; line-height: 1.25rem; display: flex; align-items: center; }
.personalInfoFormContainer .savedLocCtr .restaurantInfoBtn .getDirectionsBtn rect { fill: var(--colorBaseOffBlack500); }
.personalInfoFormContainer .savedLocCtr .orderType .orderTypeHeader { font-weight: 600; }
.personalInfoFormContainer .savedLocCtr .orderType .orderTypeBtn .typebtn { height: 1.5rem; }
.personalInfoFormContainer .savedLocCtr .orderAheadButton, .personalInfoFormContainer .savedLocCtr .orderNowButton { font-family: BrooklynSamuelsThreeBold; height: 3rem; padding-left: 2rem; padding-right: 2rem; font-size: 22px; text-transform: uppercase; }
.personalInfoFormContainer .savedLocCtr .orderNowButton span { top: 2px; position: relative; }
.personalInfoFormContainer .savedLocCtr .restaurantInfoAddress:first-child { flex-direction: row; }
.personalInfoFormContainer .accountSectionTitle { letter-spacing: 0.36px; }
.personalInfoFormContainer .personalInfoCtr { margin-top: 1.5rem; }
@media (min-width: 1024px) {
  .personalInfoFormContainer .personalInfoCtr { margin-top: 3rem; }
}
.personalInfoFormContainer .personalInfoCtr .floatingInputField { padding-bottom: 0.5rem; }
.personalInfoFormContainer .personalInfoCtr .accountResetPasswordLink { top: 1.25rem; }
.personalInfoFormContainer .cardContainer.savedAddress .accountStarSvg { gap: 1rem; }
.personalInfoFormContainer .cardContainer.savedAddress .changeText { font-family: var(--fontFamiliesBody); font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; }
.personalInfoFormContainer .addNewAddressBtn { width: 100%; }
@media (min-width: 1024px) {
  .personalInfoFormContainer .addNewAddressBtn { width: auto; }
}
.personalInfoFormContainer .editAddressWrapper { padding-top: 1.5rem; }
.personalInfoFormContainer .editAddressWrapper .fbrInnerBox { padding: 0.75rem; }
.personalInfoFormContainer .editAddressWrapper .fbrInnerBox .fbrInnerTextTwo svg { height: 1.5rem; width: 1.5rem; }
.personalInfoFormContainer .editAddressWrapper .fbrAddressContent { color: var(--colorBaseAlpha600); }
.personalInfoFormContainer .editAddressWrapper .optionalInputBoxContainer { margin-top: 1rem; }
.personalInfoFormContainer .editAddressWrapper .fbrOrderInfoTitle { margin-top: 1.5rem; border-color: var(--colorBaseAlpha300); padding-top: 1.5rem; color: var(--colorBaseOffBlack500); border-top-style: var(--tw-border-style); border-top-width: 1px; }
.personalInfoFormContainer .editAddressWrapper .dorpOffText { font-size: 0.875rem; line-height: 1.25rem; color: var(--colorBaseAlpha600); }
.personalInfoFormContainer .editAddressWrapper .textareaDimention { margin-top: 0.5rem; color: var(--colorBaseAlpha900); }
.personalInfoFormContainer .editAddressWrapper .saveCheckbox { margin-top: 0.5rem; }
.personalInfoFormContainer .editAddressWrapper .notificationButtonWrapper { gap: 1rem; }
.personalInfoFormContainer .editAddressWrapper .fbr-floating-label { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; color: var(--colorBaseAlpha600); }
.personalInfoFormContainer .editAddressWrapper .floatingInputField { border-color: var(--colorBaseAlpha600); }
.personalInfoFormContainer .searchBarContentWrapperButton .searchInput.focused { font-weight: 400; color: var(--colorBaseAlpha800); }
.personalInfoFormContainer .searchBarContentWrapperButton .searchInput.\!error, .personalInfoFormContainer .searchBarContentWrapperButton .searchInput.error { color: var(--colorBaseRed700); }
.personalInfoFormContainer .searchBarContentWrapperButton .searchBarWrapper.focused.\!error, .personalInfoFormContainer .searchBarContentWrapperButton .searchBarWrapper.focused.error { border-color: var(--colorBaseRed700); }
.personalInfoFormContainer .searchBarContentWrapperButton .searchBarWrapper.focused.\!error path:first-child, .personalInfoFormContainer .searchBarContentWrapperButton .searchBarWrapper.focused.error path:first-child { fill: var(--colorBaseRed700); }
.personalInfoFormContainer .errorInfoContainer .noaddressImageCont { width: 100px; height: 100px; }
.personalInfoFormContainer .errorInfoContainer .errorTitle { font-family: BrooklynSamuelsThreeBold; text-transform: uppercase; }
.personalInfoFormContainer .errorInfoContainer .enterAddressBtn { margin-top: 1rem; }
.personalInfoFormContainer .errorInfoContainer .enterAddressBtn .errorButton { font-family: BrooklynSamuelsThreeBold; padding-top: 0px; padding-bottom: 0px; font-size: 22px; }
.personalInfoFormContainer .errorInfoContainer .enterAddressBtn .errorButton span { top: 3px; position: relative; }
.personalInfoFormContainer .cardContainer svg path { fill: var(--colorPrimary500); }
.personalInfoFormContainer .cardContainer .paymentCardImg svg path { fill: revert-layer; }
.modalInner .deleteAccountPopup .taxFeesModalHeading { margin-top: 1.5rem; }
.modalInner .deleteAccountPopup .modalBtns button span { top: -3px; }
.modalInner .leavePagePopup .removeFavoriteModalProps svg { height: 3rem; width: 3rem; }
.modalInner .leavePagePopup .goBackPopupHeading.taxFeesModalHeading { margin-top: 1.5rem; }
.modalInner .leavePagePopup .taxFeesModalHeading + .modalContent { margin-top: 1rem; }
.modalInner .leavePagePopup .modalBtns { margin-top: 1.5rem; }
.modalInner .resetPwdPopupContainer svg { height: 3rem; width: 3rem; }
.modalInner .resetPwdPopupContainer .resetPwHeading { font-family: BrooklynSamuelsThreeBold; margin-top: 1.5rem; font-size: 22px; text-transform: uppercase; }
.modalInner .resetPwdPopupContainer .resetPwHeading + span { margin-top: 1rem; font-family: var(--fontFamiliesBody); color: var(--colorBaseAlpha600); }
.modalInner .resetPwdPopupContainer .modalBtns { margin-top: 1.5rem; }
.modalInner .resetPwdPopupContainer .modalBtns button span { top: -3px; position: relative; }
.modalInner .removeCardPopup svg { height: 3rem; width: 3rem; }
.modalInner .removeCardPopup .taxFeesModalHeading { font-family: BrooklynSamuelsThreeBold; margin-top: 1.5rem; font-size: 22px; text-transform: uppercase; }
.modalInner .removeCardPopup .taxFeesModalHeading + .modalContent { margin-top: 1rem; font-family: var(--fontFamiliesBody); color: var(--colorBaseAlpha600); }
.modalInner .removeCardPopup .modalBtns { margin-top: 1.5rem; }
.modalInner .warningIconPos.addressLocationIcon { margin-bottom: 0px; height: auto; width: auto; }
.modalInner .addressLocationIcon + .titleText { font-family: BrooklynSamuelsThreeBold; padding-top: 1.25rem; font-size: 22px; letter-spacing: 0.5px; }
@media (min-width: 1024px) {
  .modalInner .optionalInputContainer { width: 100%; }
}
.modalInner .optionalInputContainer + .modalBtns { margin-top: 0px; padding-top: 2rem; }
.modalInner .optionalInputContainer + .modalBtns button span { top: -2px; position: relative; }
.modalInner .fadedHeartIcon svg { height: 3rem; width: 3rem; }
.modalInner .fadedHeartIcon + .modalTitle { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.modalInner .modalTitle + .modalBtns { margin-top: 0px; }
.defaultCardContainer { border-color: var(--colorBaseAlpha300); background-color: var(--colorBackgroundNeutralBright); }
.\!card, .card { gap: 1rem; display: flex; width: 100%; flex-direction: row; align-items: center; }
.cardNumberAndDate { align-items: baseline; display: flex; width: 100%; justify-content: space-between; }
.fixedButtons button { font-family: BrooklynSamuelsThreeBold; height: 3rem; padding-top: 0px; padding-bottom: 0px; font-size: 22px; }
.fixedButtons button span { top: 2px; position: relative; }
.accountNavItemCtr { margin-bottom: 1.5rem; }
.addressTitleCtr { padding-bottom: 1.5rem; }
@media (min-width: 1024px) {
  .addressTitleCtr { padding-bottom: 3rem; }
}
.atomicModal .modalInnerContainer.removeCardPopup .modalBtns button span { top: -2px; }
.chooseTwoToggle, .pdpToggle, .toggleCtrl { margin: 2rem 1.25rem; gap: 1rem; border-radius: 0.5rem; border-color: var(--colorForegroundBorderBrighter); padding: 1rem; display: flex; align-items: center; border-width: 1px; --tw-border-style: solid; border-style: solid; }
.peer:checked ~ .checkBoxToggle { background-color: var(--colorPrimary500); }
.checkBoxToggle { border-color: var(--colorBaseAlpha300); background-color: var(--colorBaseAlpha200); border-style: var(--tw-border-style); border-width: 1px; }
.checkboxContainer .checkCircle, .checkboxContainer .checkMark { height: 1.5rem; width: 1.5rem; border-color: var(--colorBaseAlpha900); }
.checkboxContainer input:checked ~ .checkMark { background-color: var(--colorPrimary500); border-color: var(--colorPrimary500); }
.pdpLanding { background-color: transparent; }
.pdpLanding.pdpLandingBg::before { left: 0px; content: var(--tw-content); background-color: var(--colorBaseAlpha50); }
@media (min-width: 1024px) {
  .pdpLanding.pdpLandingBg { padding-top: 2rem; }
  .pdpLanding.pdpLandingBg::before { top: 132px; content: var(--tw-content); z-index: 20; }
}
.pdpLanding.pdpLandingBg .pdpNoCalories { z-index: 10; }
@media (min-width: 1024px) {
  .pdpLanding.pdpLandingBg .productImage { top: 164px; }
}
.pdpLanding.pdpLandingBg .productInfo .stickyName { z-index: 20; }
@media (min-width: 1024px) {
  .pdpLanding.pdpLandingBg .productInfo .stickyName { top: 170px; }
}
.pdpLanding.pdpLandingBg .productInfo .accordionWrapper .accordCollapsed .arrowDown, .pdpLanding.pdpLandingBg .productInfo .accordionWrapper .accordCollapsed .arrowUp { right: 1.25rem; }
.pdpLanding.pdpLandingBg .productInfo .subAccordion { margin-left: 0px; min-height: 60px; background-color: var(--colorBaseAlpha50); padding-bottom: 0.75rem; padding-top: 1.5rem; border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; text-transform: uppercase; }
.pdpLanding.pdpLandingBg .productInfo .highlightAccordionCtr .favoritesDish { background-color: var(--colorSecondary500); }
.pdpLanding .accordionContainer, .pdpLanding .stickyBtnStyle, .pdpLanding .stickyName { background-color: var(--colorBaseAlpha50); }
.pdpLanding .productTitle { font-family: BrooklynSamuelsThreeBold; font-size: 34px; line-height: 2.5rem; color: var(--colorBaseOffBlack500); text-transform: uppercase; }
.pdpLanding .productInfo .stickyName { padding-bottom: 1rem; }
.pdpLanding .productInfo .priceLocationText { padding-top: 0.75rem; }
.pdpLanding .productInfo .favoritesDish { min-height: 72px; gap: 0.25rem; border-top-width: 1px; border-bottom-width: 1px; border-color: var(--colorBaseAlpha300); background-color: var(--colorBaseLightBeige500); padding-left: 1.25rem; padding-right: 1.25rem; width: 100%; }
.pdpLanding .productInfo .favoritesDish.suggestedSellHeader { background-color: var(--colorSecondary500); }
.pdpLanding .productInfo .favoritesDish .favoritesDishLeftHeading { line-height: 21.6px; color: var(--colorBaseAlpha50); }
.pdpLanding .priceLocationText .priceText { font-size: 1.125rem; line-height: 1.75rem; }
.pdpLanding .accordionContainer .pdpItemModifier { margin-left: 1.25rem; margin-right: 1.25rem; border-color: var(--colorBaseAlpha300); justify-content: space-between; }
.pdpLanding .accordionContainer :has(.subAccordion) .accordionContainer .favoritesDish { padding-left: 1.25rem; padding-right: 1.25rem; }
.pdpLanding .accordionContainer :has(.subAccordion) .accordionContainer .accordion-item .pdpItemModifier { margin-left: 0px; margin-right: 0px; padding-left: 1.25rem; padding-right: 1.25rem; }
.pdpLanding .accordionContainer :has(.subAccordion) .accordionContainer .accordion-item .pdpItemModifier .checkboxContainer .checkCircle { right: 1.25rem; }
.pdpLanding .accordionContainer .qtyChanger { font-family: var(--fontFamiliesBody); font-weight: 600; }
.pdpLanding .accordionContainer .accordCollapsed .arrowDown, .pdpLanding .accordionContainer .accordCollapsed .arrowUp { right: 1.25rem; }
.pdpLanding .accordionContainer .accordCollapsed .arrowDown svg, .pdpLanding .accordionContainer .accordCollapsed .arrowUp svg { height: 1.5rem; width: 1.5rem; }
.pdpLanding .accordionContainer .accordCollapsed .arrowDown svg path, .pdpLanding .accordionContainer .accordCollapsed .arrowUp svg path { fill: var(--colorBaseOffBlack500); }
.pdpLanding .accordionContainer .modifierWrapper { min-height: 96px; }
.pdpLanding .accordionContainer .modifierWrapper.pdpSuggestedSell { border-top-width: 0px; }
.pdpLanding .accordionContainer .modifierWrapper.pdpSuggestedSell img { height: 2.5rem; background-color: var(--colorBasePurple850); }
.pdpLanding .stickyBtnStartOrder { background-color: var(--colorBaseAlpha50); }
.pdpLanding .stickyBtnStartOrder .btnStartOrder, .pdpLanding .stickyBtnStartOrder .startOrderButtonStyle { font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; display: flex; align-items: center; justify-content: space-between; }
.pdpLanding .stickyBtnStartOrder .btnStartOrder .btnSpace, .pdpLanding .stickyBtnStartOrder .startOrderButtonStyle .btnSpace { padding-right: 0px; }
.pdpLanding .stickyBtnStartOrder .btnStartOrder span, .pdpLanding .stickyBtnStartOrder .startOrderButtonStyle span { top: 2px; position: relative; }
.pdpLanding .stickyBtnStartOrder .startOrderButtonStyle { justify-content: center; }
.pdpLanding .stickyBtnStartOrder .btnStartOrder { padding-left: 1.5rem; padding-right: 1.5rem; }
.pdpLanding .pdpSuggestedSellWrapper { background-color: var(--colorSecondary50); }
.pdpLanding .pdpSuggestedSellWrapper .pdpSuggestedSell { margin-left: 1.25rem; margin-right: 1.25rem; }
.accordionWrapper .accordionContainer .pdpSuggestedSellWrapper .modifierWrapper:last-child { border-color: var(--colorBaseAlpha300); }
.accordionWrapper .accordionContainer .pdpSuggestedSellWrapper:last-child .modifierWrapper:last-child, .accordionWrapper .accordionContainer .pdpSuggestedSellWrapper:last-child .pdpItemModifier:last-child { --tw-border-style: none; border-style: none; }
.accordionContainer .accordionContainer { z-index: 9; margin-top: -1px; }
.checkboxContainer .checkCircle::after { background-color: var(--colorPrimary500); }
.checkboxContainer input:checked ~ .checkCircle { border-color: var(--colorPrimary500); }
.accordCollapsed { position: relative; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span .accordCollapsed .arrowUp, .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.accordCollapsed .arrowDown { display: none; }
.accordCollapsed .arrowDown, .accordCollapsed .arrowUp { right: 2rem; top: 1.25rem; --tw-rotate: 90deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); position: absolute; transition-duration: var(--tw-duration,0s); transition-property: all; transition-timing-function: var(--tw-ease,ease); }
.accordCollapsed .arrowDown svg, .accordCollapsed .arrowUp svg { height: 1.5rem; width: 1.5rem; }
.accordCollapsed .arrowDown svg path, .accordCollapsed .arrowUp svg path { fill: var(--colorBaseOffBlack500); }
.accordCollapsed .arrowUp { --tw-rotate: 270deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.accordCollapsed .accordion-item { overflow: visible; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; z-index: 10; height: auto; }
.accordCollapsed .collapsed { height: 0px; transition-property: height; transition-duration: 75ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; }
.productInfo .pdpdescription { line-height: 21.82px; }
.productInfo .modifierDishPrice { --tw-leading: 19.1px; line-height: 19.1px; }
.productInfo .modifierDishPrice .dots { margin-left: 0.25rem; margin-right: 0.25rem; margin-bottom: 4px; }
.productInfo .itemModifierUnavailableBadge svg path { fill: var(--colorBaseOffBlack500); }
.selectSize { gap: 1rem; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1rem; display: flex; }
@media (min-width: 1024px) {
  .selectSize { padding-left: 0px; padding-right: 0px; }
}
.selectSize .pdpSelectSize { min-height: 68px; min-width: 67px; user-select: none; border-radius: 0.75rem; border-color: var(--colorPrimary500); padding: 1rem 1.25rem; font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; color: var(--colorPrimary500); display: flex; cursor: pointer; align-items: center; justify-content: center; border-style: var(--tw-border-style); border-width: 2px; text-align: center; text-transform: uppercase; }
@media (min-width: 1024px) {
  .selectSize .pdpSelectSize { padding-left: 1.5rem; padding-right: 1.5rem; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.selectSize .pdpSelectSize input { display: none; }
.selectSize .pdpSelectSize input { height: 0px; width: 0px; position: absolute; opacity: 0; }
.selectSize .\!isSelected, .selectSize .isSelected { background-color: var(--colorPrimary500); color: var(--colorBaseAlpha50); }
.selectSize .\!isDisabled, .selectSize .isDisabled { border-color: var(--colorBaseAlpha300); background-color: var(--colorBaseAlpha300); color: var(--colorBaseAlpha500); cursor: not-allowed; }
.itemModifierUnavailableBadge span { border-color: var(--colorBaseAlpha300); border-style: var(--tw-border-style); border-width: 1px; }
.itemModifierUnavailableBadge p { font-weight: 400; }
.itemModifierUnavailableBadge .modifierDishPrice span { color: var(--colorBaseAlpha400); border-style: var(--tw-border-style); border-width: 0px; }
.ldsEllipsis { margin: auto; }
@media (min-width: 1024px) {
  .drawerWrapper.drawerOpen.drawerPdpflavour .drawerContainer { width: 488px; }
}
.drawerWrapper.drawerOpen.drawerPdpflavour .drawerContainer .accordion-item { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); }
.drawerWrapper.drawerOpen.drawerPdpflavour .drawerContainer .accordion-item .pdpItemModifier { margin-left: 1.25rem; margin-right: 1.25rem; }
.drawerWrapper.drawerOpen.drawerPdpflavour .drawerCloseBtn { margin-bottom: 1.25rem; }
.drawerWrapper.drawerOpen.drawerPdpflavour .drawerCloseBtn svg { top: 0px; height: 3rem; width: 3rem; }
.drawerWrapper.drawerOpen.pdpNutriDrawer .drawerContainer .drawerCloseBtn { margin-top: 2.75rem; margin-bottom: 2.75rem; height: 1.5rem; padding: 0px; }
.drawerWrapper.drawerOpen.pdpNutriDrawer .drawerContainer .drawerCloseBtn svg { left: auto; right: 1.25rem; }
.drawerWrapper.drawerOpen.pdpNutriDrawer .drawerContainer .drawerCloseBtn svg path:first-child { fill: transparent; }
.drawerWrapper.drawerOpen.pdpNutriDrawer .drawerContainer .drawerCloseBtn svg path:last-child { fill: var(--colorBaseOffBlack500); }
.drawerWrapper.drawerOpen.pdpNutriDrawer .drawerContainer .drawerInfo .TacosTopContainer { margin-top: 0px; }
.drawerWrapper.drawerOpen.pdpNutriDrawer .drawerContainer .drawerInfo .TacosTopContainer .nutritionProductTitle { font-family: BrooklynSamuelsFourBold; font-size: 34px; line-height: 2.5rem; letter-spacing: 0.65px; text-transform: uppercase; }
.drawerWrapper.drawerOpen .modifierContainer { margin-top: 0px; padding-left: 0px; padding-right: 0px; padding-top: 1.5rem; }
.drawerWrapper.drawerOpen .modifierContainer .drinkModalHeading { font-family: BrooklynSamuelsFourBold; padding-left: 1.25rem; padding-right: 1.25rem; padding-bottom: 3rem; font-size: 34px; line-height: 2.5rem; text-transform: uppercase; }
.drawerWrapper.drawerOpen .modifierContainer .drinkModalDescription { min-height: 72px; border-top-width: 1px; border-bottom-width: 1px; border-color: var(--colorBaseAlpha300); background-color: var(--colorBaseLightBeige500); padding: 18px 1.25rem; color: var(--colorBaseOffBlack500); display: flex; }
.drawerWrapper.drawerOpen .modifierContainer .modifierWrapper { margin-left: 1.25rem; margin-right: 1.25rem; min-height: 6rem; border-top-width: 0px; --tw-border-style: solid; border-bottom-width: ; border-bottom-color: ; border-style: solid; }
.drawerWrapper.drawerOpen .modifierContainer .modifierWrapper .modifierDishItem { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.drawerWrapper.drawerOpen .modifierContainer .modifierWrapper .modifierDishRight .checkboxContainer .checkCircle, .drawerWrapper.drawerOpen .modifierContainer .modifierWrapper .modifierDishRight .checkboxContainer .checkMark { right: 1.25rem; }
.drawerWrapper.drawerOpen .modifierContainer .sgslItemContainer { margin-top: 0px; }
.drawerWrapper.drawerOpen .modifierContainer.suggestedcellContainer { padding-bottom: 104px; }
.drawerWrapper.drawerOpen .modifierContainer.suggestedcellContainer .saveSgslBtn { margin: 0px; background-color: var(--color-base-alpha-50); padding: 2rem 1.25rem; z-index: 10; width: 100%; }
@media (min-width: 1024px) {
  .drawerWrapper.drawerOpen .modifierContainer.suggestedcellContainer .saveSgslBtn { width: 488px !important; }
}
.drawerWrapper.drawerOpen .saveSelectionBtn, .drawerWrapper.drawerOpen .saveSgslBtn { top: calc(-104px + 100vh); margin: 1.5rem 1.25rem 2rem; padding: 0px; position: fixed; width: 335px; }
@media (min-width: 1024px) {
  .drawerWrapper.drawerOpen .saveSelectionBtn, .drawerWrapper.drawerOpen .saveSgslBtn { width: 448px; }
}
.drawerWrapper.drawerOpen .saveSelectionBtn .buttonPrimary, .drawerWrapper.drawerOpen .saveSgslBtn .buttonPrimary { font-family: BrooklynSamuelsThreeBold; height: 3rem; padding-top: 0px; padding-bottom: 0px; font-size: 22px; }
.sideDrawer .sideDrawerStickyBtn .startOrderButtonStyle { font-family: BrooklynSamuelsFiveBold; height: 3rem; font-size: 22px; }
.sideDrawer .productTitle { padding: 1.5rem 1.25rem 3rem; letter-spacing: 2px; }
.sideDrawer .pdpSubTitleText, .sideDrawer .productTitle { font-family: BrooklynSamuelsThreeBold; }
.newLoyaltyTopSection { gap: 1.5rem; background-color: var(--colorBaseOffWhite500); padding-top: 1rem; padding-bottom: 1rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .newLoyaltyTopSection { display: grid; padding: 0px; }
}
.newLoyaltyTopSection .topSectonLeftCol { padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1rem; display: flex; flex-direction: column; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .newLoyaltyTopSection .topSectonLeftCol { padding-top: 0px; }
}
.newLoyaltyTopSection .topSectonLeftCol .imgSec { max-height: 124px; max-width: 660px; height: 100%; width: 100%; }
.newLoyaltyTopSection .topSectonLeftCol .rewardsSubText { padding-top: 1rem; padding-bottom: 1rem; --tw-leading: 22px; line-height: 22px; }
.newLoyaltyTopSection .topSectonRightCol { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.newLoyaltyTopSection .topSectonRightCol .rewardsImgBg { max-width: 636px; padding-left: 1.25rem; padding-right: 1.25rem; height: auto; }
@media (min-width: 1024px) {
  .newLoyaltyTopSection .topSectonRightCol .rewardsImgBg { padding-left: 0px; padding-right: 0px; }
}
.newLoyaltyTopSection .topSectonRightCol .rewardsImgBg img { border-radius: 1rem; }
.newLoyaltyMiddelSec { background-color: transparent; }
.newLoyaltyMiddelSec::before { content: var(--tw-content); background-image: none; }
@media (min-width: 1024px) {
  .newLoyaltyMiddelSec { padding-bottom: 2rem; padding-top: 4rem; }
}
.newLoyaltyMiddelSec .newLoyaltySubHeading { font-family: BrooklynSamuelsThreeBold; margin-bottom: 0px; font-size: 34px; font-weight: 700; line-height: 2.5rem; letter-spacing: 0.65px; text-transform: uppercase; }
.newLoyaltyMiddelSec .rewardDealDescription { padding-top: 0px; }
@media (min-width: 1024px) {
  .newLoyaltyMiddelSec .rewardDealDescription { width: 237px; }
}
.newLoyaltyMiddelSec .rewardsLndgTerms { padding-top: 1rem; font-family: var(--fontFamiliesBody); font-size: 0.75rem; line-height: 1rem; color: var(--colorBaseAlpha800); }
@media (min-width: 1024px) {
  .newLoyaltyMiddelSec .rewardsLndgTerms { padding-top: 1.5rem; }
}
.newLoyaltyMiddelSec .rewardsSignBtn { margin-top: 1.5rem; min-width: 12rem; background-color: var(--colorPrimary500); padding-top: 0.875rem; font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; }
.newLoyaltyMiddelSec .newLoyaltyContent { margin-left: auto; margin-right: auto; max-width: 24rem; margin-inline: auto; }
.newLoyaltyMiddelSec .rewardDealHeading { font-family: BrooklynSamuelsThreeBold; font-size: 34px; line-height: 1.5rem; white-space: nowrap; text-transform: uppercase; }
@media (min-width: 1024px) {
  .newLoyaltyMiddelSec .rewardsIconsSection { margin-top: 1.5rem; max-width: 1076px; grid-template-columns: repeat(2, minmax(0px, 1fr)); column-gap: 2.5rem; }
}
.newLoyaltyMiddelSec .rewardsIconsSection .rewardDealContainer { padding: 1.25rem; }
@media (min-width: 1024px) {
  .newLoyaltyMiddelSec .rewardsIconsSection .rewardDealContainer { border-bottom-width: 1px; }
}
.newLoyaltyMiddelSec .rewardsIconsSection .rewardDealContainer img { min-height: 4rem; min-width: 4rem; }
.newLoyaltyMiddelSec .rewardsIconsSection .rewardDealHeading { font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; }
@media (min-width: 640px) {
  .twoColrewards { max-width: 640px; }
}
@media (min-width: 768px) {
  .twoColrewards { max-width: 768px; }
}
@media (min-width: 1024px) {
  .twoColrewards { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .twoColrewards { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .twoColrewards { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .twoColrewards { max-width: 1536px; }
}
.site-map .twoColrewards { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .twoColrewards { flex-direction: row; }
}
.site-map .twoColrewards .leftColumn .level-1, .site-map .twoColrewards .leftColumn .level-2, .site-map .twoColrewards .leftColumn .level-3, .site-map .twoColrewards .rightColumn .level-1, .site-map .twoColrewards .rightColumn .level-2, .site-map .twoColrewards .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .twoColrewards .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .twoColrewards .level-2, .site-map .twoColrewards .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .twoColrewards .rightColumn { background-color: transparent; }
.site-map .twoColrewards .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .twoColrewards .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .twoColrewards .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .twoColrewards .camelCaseClass { text-transform: capitalize; }
.site-map .twoColrewards .lowerCaseClass { text-transform: lowercase; }
.site-map .twoColrewards h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.twoColrewards { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .twoColrewards { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .twoColrewards { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .twoColrewards .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .twoColrewards .leftColumn { width: 50%; }
}
.site-map .twoColrewards .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .twoColrewards .leftColumn .level-1 { padding: 0px; }
.site-map .twoColrewards .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .twoColrewards .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .twoColrewards .rightColumn { width: 50%; }
}
.site-map .twoColrewards .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .twoColrewards .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .twoColrewards .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .twoColrewards .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .twoColrewards .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.twoColrewards { gap: 1rem; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .twoColrewards { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .twoColrewards { max-width: 1440px; }
}
.twoColrewards { width: 100%; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .twoColrewards { margin: 0px auto; flex-direction: row; padding: 2rem 72px; }
}
@media (min-width: 1536px) {
  .twoColrewards { padding-left: 0px; padding-right: 0px; }
}
.twoColrewards .twoColrewardsLeft { margin-left: 1.25rem; margin-right: 1.25rem; border-radius: 0.375rem; padding: 2rem 1.25rem; }
@media (min-width: 1024px) {
  .twoColrewards .twoColrewardsLeft { margin-left: 0px; margin-right: 0px; width: 50%; padding-left: 2.5rem; padding-right: 2.5rem; }
}
.twoColrewards .newLoyaltySubHeading { font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; }
.newLoyaltyBtmSection { background-color: var(--colorBackgroundNeutralBright); padding-top: 1.5rem; padding-bottom: 1.5rem; justify-content: flex-start; }
@media (min-width: 1024px) {
  .newLoyaltyBtmSection { margin-top: 2rem; }
}
.newLoyaltyBtmSection .btmSectonLeftCol { padding-left: 0px; padding-right: 0px; }
.newLoyaltyBtmSection .btmSectonRightCol { padding-top: 2rem; }
.newLoyaltyBtmSection .btmSectonRightCol .newLoyaltySubHeading { font-family: BrooklynSamuelsThreeBold; margin-bottom: 0px; font-size: 34px; font-weight: 700; line-height: 2.5rem; letter-spacing: 0.65px; text-transform: uppercase; }
.newLoyaltyBtmSection .btmSectonRightCol .newLoyaltyContent { white-space: break-spaces; padding-top: 1rem; font-family: var(--fontFamiliesBody); font-size: 1rem; color: var(--colorBaseOffBlack500); --tw-leading: 22px; line-height: 22px; }
@media (min-width: 1024px) {
  .newLoyaltyBtmSection .rewardsImgBg { margin-left: 5rem; }
}
.newLoyaltyBtmSection .rewardsImgBg img { margin-left: auto; margin-right: auto; margin-inline: auto; width: 335px; }
@media (min-width: 1024px) {
  .newLoyaltyBtmSection .rewardsImgBg img { margin-left: 0px; margin-right: 0px; width: 526px; }
}
.staticPageCtr { background-color: transparent; }
.staticPageCtr .newsRoomFooter { --tw-border-style: none; border-style: none; }
@media (min-width: 1024px) {
  .staticPageCtr .newsRoomFooter { margin-left: auto; margin-right: auto; max-width: 865px; }
}
.contentPageTopSection.giftCardBuynow { margin-top: 2.5rem; }
@media (min-width: 1024px) {
  .contentPageTopSection.giftCardBuynow { padding-left: 1.25rem; padding-right: 1.25rem; }
}
.contentPageTopSection .pdpListTile img { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; height: 100%; }
.contentPageTopSection .pdpListTileImg { --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-shadow: 0 0 #0000; }
.question { color: var(--colorBaseOffBlack500); }
.giftCardBuynow .twoThreeColTitle h2 { margin-bottom: 2rem; font-family: var(--fontFamiliesPrimary); font-weight: 400; line-height: 2.25rem; }
@media (min-width: 1024px) {
  .giftCardBuynow .twoThreeColTitle h2 { font-size: var(--fontSizeFontSizeXl); }
}
.giftCardBuynow .columnContainer { margin-bottom: 3rem; }
@media (min-width: 1024px) {
  .giftCardBuynow .columnContainer { padding-left: 1.25rem; padding-right: 1.25rem; }
}
.giftCardBuynow .columnContainer .listinnerwrapper { padding-top: 1rem; }
.giftCardBuynow .columnContainer .pdpListTile { margin-bottom: 0px; }
.giftCardBuynow .columnContainer .pdpListTile .pdpListTileText { padding-bottom: 0px; font-family: BrooklynSamuelsThreeBold; font-size: 22px; text-transform: uppercase; }
.giftCardBuynow .careerBtnSection { display: flex; justify-content: flex-end; }
@media (min-width: 1024px) {
  .giftCardBuynow .careerBtnSection { margin-bottom: 0px; margin-top: 2rem; }
}
.giftCardBuynow .careerBtnSection p { margin-top: 1.5rem; }
.giftCardBuynow .careerBtnSection .contentPageLegalTitle { font-family: BrooklynSamuelsThreeBold; font-size: 34px; line-height: 2.5rem; text-align: center; text-transform: uppercase; }
@media (min-width: 640px) {
  .textContentStatic { max-width: 640px; }
}
@media (min-width: 768px) {
  .textContentStatic { max-width: 768px; }
}
@media (min-width: 1024px) {
  .textContentStatic { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .textContentStatic { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .textContentStatic { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .textContentStatic { max-width: 1536px; }
}
.site-map .textContentStatic { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .textContentStatic { flex-direction: row; }
}
.site-map .textContentStatic .leftColumn .level-1, .site-map .textContentStatic .leftColumn .level-2, .site-map .textContentStatic .leftColumn .level-3, .site-map .textContentStatic .rightColumn .level-1, .site-map .textContentStatic .rightColumn .level-2, .site-map .textContentStatic .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .textContentStatic .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .textContentStatic .level-2, .site-map .textContentStatic .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .textContentStatic .rightColumn { background-color: transparent; }
.site-map .textContentStatic .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .textContentStatic .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .textContentStatic .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .textContentStatic .camelCaseClass { text-transform: capitalize; }
.site-map .textContentStatic .lowerCaseClass { text-transform: lowercase; }
.site-map .textContentStatic h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.textContentStatic { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .textContentStatic { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .textContentStatic { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .textContentStatic .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .textContentStatic .leftColumn { width: 50%; }
}
.site-map .textContentStatic .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .textContentStatic .leftColumn .level-1 { padding: 0px; }
.site-map .textContentStatic .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .textContentStatic .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .textContentStatic .rightColumn { width: 50%; }
}
.site-map .textContentStatic .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .textContentStatic .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .textContentStatic .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .textContentStatic .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .textContentStatic .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.textContentStatic { margin-left: auto; margin-right: auto; max-width: 1296px; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .textContentStatic { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .textContentStatic { max-width: 1440px; }
}
.textContentStatic { width: 100%; margin-inline: auto; }
@media (min-width: 1024px) {
  .textContentStatic { padding-left: 0px; padding-right: 0px; }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .textContentStatic { padding-left: 2.5rem; padding-right: 2.5rem; }
}
.imageContentCtr.articleContainer { flex-direction: row-reverse; }
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .imageContentCtr { padding-left: 2.5rem; padding-right: 2.5rem; }
}
.textContentPagh, .textHeadingThree { line-height: var(--lineHeightsMd); }
.textHeadingThree { font-family: var(--fontFamiliesBody); font-weight: 700; }
.bannerSingleWrapper { display: flex; width: 100%; align-items: center; }
.bannerSingleWrapper .cateringBannerHeader { margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; margin-inline: auto; width: auto; }
@media (min-width: 1024px) {
  .bannerSingleWrapper .cateringBannerHeader { padding-left: 72px; padding-right: 72px; }
}
.bannerSingleWrapper .cateringBannerHeader .bannerSingleTitle { font-family: BrooklynSamuelsThreeBold; border-radius: 0.375rem; background-color: var(--colorBaseAlpha50); padding: 1.25rem; font-size: 34px; line-height: 2.25rem; color: var(--colorBaseOffBlack500); --tw-border-style: none; border-style: none; text-align: center; text-transform: uppercase; opacity: 0.8; }
.shortBannerHeight .contentPageBannerImage .bannerSingleWrapper .bannerSingleTitle { padding: 1.25rem; }
.orderingPageContainer .staticPageCtr { padding-left: 0px; padding-right: 0px; padding-top: 0px; }
.orderingPageContainer .imageTextContainer.articleContainer { flex-direction: column; }
@media (min-width: 1024px) {
  .orderingPageContainer .imageTextContainer.articleContainer { flex-direction: row-reverse; }
  .orderingPageContainer .bannerImageWidthMedium .bannerGiftCardWrapper { padding-left: 0px; }
}
.orderingPageContainer .bannerImageWidthMedium .bannerGiftCardWrapper.mobileAlignmentLeft .cateringBannerHeader { text-align: center; }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerImageWidthMedium .bannerGiftCardWrapper.mobileAlignmentLeft .cateringBannerHeader { text-align: left; }
}
.orderingPageContainer .importantNotes { color: var(--colorBaseOffBlack500); }
.orderingPageContainer .contentPageBannerImage { height: auto; }
.orderingPageContainer.shortBannerHeight .contentPageBannerImage::before { content: var(--tw-content); height: 15rem; }
@media (min-width: 1024px) {
  .orderingPageContainer.shortBannerHeight .contentPageBannerImage::before { content: var(--tw-content); height: 13rem; }
}
@media (min-width: 640px) {
  table { max-width: 640px; }
}
@media (min-width: 768px) {
  table { max-width: 768px; }
}
@media (min-width: 1024px) {
  table { max-width: 1024px; }
}
@media (min-width: 1280px) {
  table { max-width: 1280px; }
}
@media (min-width: 1440px) {
  table { max-width: 1440px; }
}
@media (min-width: 1536px) {
  table { max-width: 1536px; }
}
.site-map table { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map table { flex-direction: row; }
}
.site-map table .leftColumn .level-1, .site-map table .leftColumn .level-2, .site-map table .leftColumn .level-3, .site-map table .rightColumn .level-1, .site-map table .rightColumn .level-2, .site-map table .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map table .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map table .level-2, .site-map table .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map table .rightColumn { background-color: transparent; }
.site-map table .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map table .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map table .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map table .camelCaseClass { text-transform: capitalize; }
.site-map table .lowerCaseClass { text-transform: lowercase; }
.site-map table h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  table.dealsHomeWrapper { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map table { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map table { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map table .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map table .leftColumn { width: 50%; }
}
.site-map table .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map table .leftColumn .level-1 { padding: 0px; }
.site-map table .leftColumn .level-1 a { text-transform: capitalize; }
.site-map table .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map table .rightColumn { width: 50%; }
}
.site-map table .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map table .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map table .rightColumn .level-1 a { text-transform: capitalize; }
.site-map table .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map table .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
table { margin-left: auto; margin-right: auto; margin-top: 2rem; max-width: 1296px; word-break: break-all; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 2rem; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  table { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  table { max-width: 1440px; }
}
table { width: 100%; margin-inline: auto; }
@media (min-width: 1024px) {
  table { overflow-wrap: normal; word-break: normal; padding-left: 0px; padding-right: 0px; }
}
table th .textContentStatic { padding: 0.5rem 1rem; font-family: BrooklynSamuelsFiveMedium; line-height: 24px; font-size: 20px; }
table th { width: 33.3333%; border-color: var(--colorForegroundContentInverseDisabled); padding: 0.5rem; vertical-align: top; border-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  table th { padding-left: 1rem; padding-right: 1rem; }
}
table th .textContentStatic { margin: 0px; padding: 0px; }
table td { width: 33.3333%; border-color: var(--colorForegroundContentInverseDisabled); padding: 0.5rem 1rem; vertical-align: top; border-width: 1px; --tw-border-style: solid; border-style: solid; }
table td .textContentStatic { margin-top: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; }
table tbody td { font-family: var(--fontFamiliesBody); font-size: 1rem; font-weight: 400; color: var(--colorForegroundContentEnabled); --tw-leading: 22px; line-height: 22px; }
p:empty { display: none; }
.faqSecCtr .faqSection { padding-left: 0px; padding-right: 0px; padding-bottom: 1rem; }
@media (min-width: 1024px) {
  .faqSecCtr .faqSection { padding-left: 72px; padding-right: 72px; padding-top: 1rem; }
}
@media (min-width: 640px) {
  .orderingPageContainer .cateringContainer { max-width: 640px; }
}
@media (min-width: 768px) {
  .orderingPageContainer .cateringContainer { max-width: 768px; }
}
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .orderingPageContainer .cateringContainer { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .orderingPageContainer .cateringContainer { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .orderingPageContainer .cateringContainer { max-width: 1536px; }
}
.site-map .orderingPageContainer .cateringContainer { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .orderingPageContainer .cateringContainer { flex-direction: row; }
}
.site-map .orderingPageContainer .cateringContainer .leftColumn .level-1, .site-map .orderingPageContainer .cateringContainer .leftColumn .level-2, .site-map .orderingPageContainer .cateringContainer .leftColumn .level-3, .site-map .orderingPageContainer .cateringContainer .rightColumn .level-1, .site-map .orderingPageContainer .cateringContainer .rightColumn .level-2, .site-map .orderingPageContainer .cateringContainer .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .orderingPageContainer .cateringContainer .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .orderingPageContainer .cateringContainer .level-2, .site-map .orderingPageContainer .cateringContainer .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .orderingPageContainer .cateringContainer .rightColumn { background-color: transparent; }
.site-map .orderingPageContainer .cateringContainer .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .orderingPageContainer .cateringContainer .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .orderingPageContainer .cateringContainer .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .orderingPageContainer .cateringContainer .camelCaseClass { text-transform: capitalize; }
.site-map .orderingPageContainer .cateringContainer .lowerCaseClass { text-transform: lowercase; }
.site-map .orderingPageContainer .cateringContainer h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper.orderingPageContainer .cateringContainer { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .orderingPageContainer .cateringContainer { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .orderingPageContainer .cateringContainer { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .orderingPageContainer .cateringContainer .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .orderingPageContainer .cateringContainer .leftColumn { width: 50%; }
}
.site-map .orderingPageContainer .cateringContainer .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .orderingPageContainer .cateringContainer .leftColumn .level-1 { padding: 0px; }
.site-map .orderingPageContainer .cateringContainer .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .orderingPageContainer .cateringContainer .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .orderingPageContainer .cateringContainer .rightColumn { width: 50%; }
}
.site-map .orderingPageContainer .cateringContainer .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .orderingPageContainer .cateringContainer .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .orderingPageContainer .cateringContainer .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .orderingPageContainer .cateringContainer .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .orderingPageContainer .cateringContainer .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.orderingPageContainer .cateringContainer { margin-left: auto; margin-right: auto; max-width: 1296px; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .orderingPageContainer .cateringContainer { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .orderingPageContainer .cateringContainer { max-width: 1440px; }
}
.orderingPageContainer .cateringContainer { width: 100%; margin-inline: auto; }
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer { padding-left: 0px; padding-right: 0px; }
}
.orderingPageContainer .cateringContainer .orderCateringContainer { padding: 0px; }
.orderingPageContainer .cateringContainer .orderCateringContainer.giftCardHeader { margin-bottom: 1.5rem; }
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .orderCateringContainer.giftCardHeader { margin-bottom: 0px; margin-top: 0px; padding-left: 72px; padding-right: 72px; }
}
.orderingPageContainer .cateringContainer .orderCateringContainer.giftCardHeader .linkContentBtn { width: auto; }
.orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .rewardsIconsSection { padding-bottom: 1.75rem; }
.orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .rewardsIconsSection .rewardDealContainer { padding-bottom: 0px; }
.orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .rewardsIconsSection .rewardDealContainer .rewardDealHeading { --tw-leading: 22px; line-height: 22px; }
.orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .rewardsIconsSection .rewardDealContainer .rewardDealDescription { padding-top: 0.25rem; }
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .rewardsIconsSection .rewardDealContainer .rewardDealDescription { width: 227px; }
  .orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .rewardsIconsSection .rewardDealContainer:last-child { padding-bottom: 1.25rem; }
}
.orderingPageContainer .cateringContainer .menuVarietieOfferRight { padding-bottom: 1.5rem; }
.orderingPageContainer .cateringContainer .menuVarietieOfferRight + p { padding-top: 0px; }
.orderingPageContainer .cateringContainer .menuVarietieOfferRight .doubleTextSecond { display: none; }
.orderingPageContainer .cateringContainer .menuVarietieOfferRight .doubleTextFirst { font-family: BrooklynSamuelsThreeBold; font-size: 22px; line-height: 1.5rem; position: relative; }
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .menuVarietieOfferRight .doubleTextFirst { font-size: 34px; line-height: 2.5rem; }
}
.orderingPageContainer .cateringContainer .menuVarietieOfferRight .stylizedTitle .doubleTextFirst { font-size: var(--fontSizeFontSizeXl); line-height: var(--lineHeightsLg); color: var(--colorPrimary500); }
.orderingPageContainer .cateringContainer .menuVarietieOfferRight p { line-height: var(--lineHeightsMd); }
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .articleContainer, .orderingPageContainer .cateringContainer .giftBoxDescriptions { padding-left: 3.5rem; }
}
.orderingPageContainer .cateringContainer .giftBoxDescriptions { padding-left: 1rem; padding-right: 1rem; text-align: center; }
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .giftBoxDescriptions { padding-left: 1.75rem; padding-right: 1.75rem; }
}
.orderingPageContainer .cateringContainer .giftBoxDescriptions p { font-family: var(--fontFamiliesBody); }
.orderingPageContainer .cateringContainer .giftBoxDescriptions .menuVarietieOfferRight { margin-left: 0px; margin-right: 0px; }
.orderingPageContainer .cateringContainer .termsAndConditions { margin-bottom: 1.25rem; font-family: BrooklynSamuelsFiveMedium; font-size: 20px; }
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .termsAndConditions { margin-bottom: 0px; padding-bottom: 0px; padding-left: 1.5rem; }
}
.orderingPageContainer .cateringContainer .giftBoxDetails { margin-top: 3rem; margin-bottom: 3rem; border-radius: 0px; --tw-border-style: none; border-style: none; }
@media not all and (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .giftBoxDetails { margin-left: 1.25rem; margin-right: 1.25rem; }
}
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .giftBoxDetails { margin-bottom: 4rem; padding-left: 0px; padding-right: 0px; }
}
.orderingPageContainer .cateringContainer .giftBoxDetails.hasBorder { border-radius: 0.5rem; border-color: var(--colorForegroundBorderBrighter); border-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .giftBoxDetails.hasBorder { padding-top: 2rem; padding-bottom: 2rem; }
}
.orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer { margin: 0px 1.25rem 1.5rem; }
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer { width: 100%; }
  @media (min-width: 640px) {
  .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer { max-width: 640px; }
}
  @media (min-width: 768px) {
  .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer { max-width: 768px; }
}
  @media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer { max-width: 1024px; }
}
  @media (min-width: 1280px) {
  .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer { max-width: 1280px; }
}
  @media (min-width: 1440px) {
  .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer { max-width: 1440px; }
}
  @media (min-width: 1536px) {
  .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer { max-width: 1536px; }
}
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
  @media (min-width: 768px) {
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer { flex-direction: row; }
}
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .leftColumn .level-1, .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .leftColumn .level-2, .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .leftColumn .level-3, .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .rightColumn .level-1, .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .rightColumn .level-2, .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .level-2, .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .rightColumn { background-color: transparent; }
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .rightColumn .level-3 { padding-left: 2rem; position: relative; }
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .camelCaseClass { text-transform: capitalize; }
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .lowerCaseClass { text-transform: lowercase; }
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
  @media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer.dealsHomeWrapper { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer { gap: 3rem; display: flex; flex-direction: column; }
  @media (min-width: 1024px) {
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
  @media (min-width: 1024px) {
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .leftColumn { width: 50%; }
}
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .leftColumn .level-1 { padding: 0px; }
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .leftColumn .level-1 a { text-transform: capitalize; }
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .rightColumn { padding: 0px; width: 100%; }
  @media (min-width: 1024px) {
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .rightColumn { width: 50%; }
}
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .rightColumn .level-1:first-child { padding-top: 0px; }
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .rightColumn .level-1 a { text-transform: capitalize; }
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
  .site-map .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
  .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer { margin-left: auto; margin-right: auto; margin-bottom: 3rem; align-items: center; padding-left: 0px; padding-right: 0px; }
  .orderingPageContainer .cateringContainer .giftBoxDetails.articleContainer .menuVarietieOfferRight { margin-top: -0.75rem; }
}
.orderingPageContainer .cateringContainer .articleContainer, .orderingPageContainer .cateringContainer .giftBoxDetails { align-items: flex-start; }
.orderingPageContainer .cateringContainer .giftBoxDetails { align-items: center; }
.orderingPageContainer .cateringContainer .careerTwoCol { height: 12rem; }
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .careerTwoCol { height: 20rem; }
}
.orderingPageContainer .cateringContainer .menuVarietieOfferRight { padding-left: 0px; padding-right: 0px; }
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .careerBtnSection { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
  .orderingPageContainer .cateringContainer .careerBtnSection ol .textContentStatic, .orderingPageContainer .cateringContainer .careerBtnSection ul .textContentStatic { max-width: inherit; padding-left: 0.5rem; }
  .orderingPageContainer .cateringContainer .careerBtnSection .textContentStatic { max-width: max-content; padding-left: 1.5rem; }
  .orderingPageContainer .cateringContainer .careerBtnSection .textContentStatic.textContentPagh { max-width: inherit; padding-left: 0px; }
}
.orderingPageContainer .cateringContainer .careerBtnSection h2 { font-family: BrooklynSamuelsThreeBold; font-size: 34px; line-height: 2.5rem; text-align: center; text-transform: uppercase; }
.orderingPageContainer .cateringContainer .newLoyaltyMiddelSec { padding-bottom: 3rem; padding-top: 0px; }
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .newLoyaltyMiddelSec { margin: 0px 0px 4rem; padding: 1.5rem 4rem; }
}
.orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .rewardDealHeading { font-family: BrooklynSamuelsThreeBold; font-size: 34px; line-height: 2.5rem; text-align: center; }
.orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .rewardDealDescription { font-size: var(--fontSizeFontSizeXs); line-height: var(--lineHeightsXs); text-align: center; }
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .rewardDealDescription { text-align: left; }
  .orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .rewardsIconsSection { margin-top: 1.5rem; max-width: 100%; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 2.5rem; }
}
.orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .rewardsIconsSection .rewardDealContainer { padding: 1.25rem; }
.orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .rewardsIconsSection .rewardDealHeading { font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; text-transform: uppercase; }
.orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .rewardDealContainer { gap: 1rem; border-top-width: 0px; border-bottom-width: 0px; padding-bottom: 0.75rem; flex-direction: column; }
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .rewardDealContainer { flex-direction: row; gap: 1.25rem; padding-bottom: 3rem; padding-left: 0px; padding-right: 2rem; }
}
.orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .rewardDealContainer:first-child { border-top-width: 0px; }
.orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .rewardDealContainer:last-child { padding-bottom: 3rem; }
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .rewardDealContainer:last-child { padding-right: 0px; }
}
.orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .rewardDealContainer .rewardDealHeading { font-family: BrooklynSamuelsThreeBold; font-size: 22px; }
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .rewardDealContainer .rewardDealHeading { text-align: left; }
}
.orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .catrngBtnInner { text-align: center; }
.orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .catrngBtnInner button:first-child { margin-bottom: 1.25rem; }
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .catrngBtnInner button:first-child { margin-bottom: 0px; margin-right: 1.5rem; }
}
.orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .externalLinkButton { display: flex; flex-direction: column; justify-content: center; }
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .externalLinkButton { flex-direction: row; gap: 1.5rem; }
}
.orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .externalLinkButton a:first-child { margin-left: auto; margin-right: auto; margin-top: 0px; margin-inline: auto; width: 100%; }
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .externalLinkButton a:first-child { margin-left: 0px; margin-right: 0px; width: auto; }
  .orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .externalLinkButton .buttonSecondary { margin-top: 0px; }
}
.orderingPageContainer .cateringContainer .newLoyaltyMiddelSec .cateringOptions { height: 4rem; width: 4rem; }
.orderingPageContainer .cateringContainer .cateringSubBtns { margin-bottom: 1.5rem; margin-top: 1rem; gap: 0px; flex-direction: column; }
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .cateringSubBtns { flex-direction: row; }
}
.orderingPageContainer .cateringContainer .cateringSubBtns a:first-child { margin-left: auto; margin-right: auto; width: 66.6667%; margin-inline: auto; }
@media (min-width: 1024px) {
  .orderingPageContainer .cateringContainer .cateringSubBtns a:first-child { margin-left: 1rem; margin-right: 1rem; width: auto; }
  .orderingPageContainer .cateringContainer .termsAndConditions { padding-left: 0px; }
}
.orderingPageContainer .cateringContainer .imageTextContentWrapper, .orderingPageContainer .cateringContainer .imageTextContentWrapper .imageTextContainer { margin-left: 0px; margin-right: 0px; }
.orderingPageContainer .orderCateringContainer .staticTitleText { padding-top: 0.625rem; font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeLg); line-height: 26px; text-align: center; }
@media (min-width: 1024px) {
  .orderingPageContainer .orderCateringContainer .staticTitleText { padding-left: 72px; padding-right: 72px; }
}
.orderingPageContainer .orderCateringContainer p { font-size: var(--fontSizeFontSizeRg); line-height: var(--lineHeightsMd); }
.orderingPageContainer .orderCateringContainer h3.staticTitleText { font-family: BrooklynSamuelsThreeBold; font-size: 34px; line-height: 2.5rem; text-transform: uppercase; }
.orderingPageContainer .faqSecCtr { background-color: transparent; }
.orderingPageContainer .faqSection { padding-left: 0px; padding-top: 0px; }
@media (min-width: 1024px) {
  .orderingPageContainer .faqSection { padding-left: 0px; padding-right: 72px; }
}
.orderingPageContainer .faqSection .contentPageInnerTitle { font-family: BrooklynSamuelsThreeBold; font-size: 34px; line-height: 40px; }
.orderingPageContainer .faqSection .contentPageContent { text-align: center; }
.orderingPageContainer .faqSection .faqInnerSectionTitle { font-family: var(--fontFamiliesPrimary); font-size: var(--fontSizeFontSizeMd); font-weight: 500; line-height: 21px; }
.orderingPageContainer .faqSection .bgfaqctr { background-color: var(--colorBaseLightBeige500); }
.orderingPageContainer .faqInnerSectionTitle { font-family: BrooklynSamuelsFiveMedium; line-height: 24px; font-size: 20px; }
.orderingPageContainer .newsRightContainer { border-radius: 0.375rem; background-color: var(--colorBaseLightBeige500); padding: 1rem 1.5rem; }
.orderingPageContainer .newsRightContainer h4 { font-family: BrooklynSamuelsFiveMedium; font-size: 20px; }
.orderingPageContainer .newsRightContainer p { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); }
.orderingPageContainer .cateringHeading { font-family: BrooklynSamuelsThreeBold; font-size: 34px; line-height: 2.5rem; text-transform: uppercase; }
.orderingPageContainer .waysOfGifts .waysOfGiftsBox .giftContainer { border-color: var(--colorBaseAlpha300); --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); border-width: 1px; --tw-border-style: solid; border-style: solid; }
.orderingPageContainer .waysOfGifts .waysOfGiftsBox .giftContainer h3 { margin-bottom: 0px; font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; }
.orderingPageContainer .buttonPrimary, .orderingPageContainer .buttonSecondary { height: 3rem; font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 2rem; width: 100%; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .orderingPageContainer .buttonPrimary, .orderingPageContainer .buttonSecondary { width: max-content; line-height: 26px; }
}
.orderingPageContainer a.buttonSecondary { height: 3rem; display: flex; align-items: center; justify-content: center; }
.orderingPageContainer a.buttonSecondary span { top: 0.125rem; position: relative; }
.orderingPageContainer .showAllLink .buttonShowAll { width: 148px; }
@media (min-width: 1024px) {
  .orderingPageContainer .showAllLink .buttonShowAll { width: max-content; }
}
.orderingPageContainer .bannerCateringWrapper { height: 400px; display: flex; align-items: center; }
.orderingPageContainer .bannerCateringWrapper .bannerDesc { font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; }
.orderingPageContainer .bannerCateringWrapper .cateringBannerHeader { height: 400px; word-break: break-all; padding-left: 1rem; padding-right: 5rem; justify-content: center; }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerCateringWrapper .cateringBannerHeader { padding-left: 9rem; padding-right: 1rem; }
}
.orderingPageContainer .bannerCateringWrapper .cateringBannerHeader .tacCatering { color: var(--colorBaseOffBlack500); }
.orderingPageContainer .bannerCateringWrapper .cateringBannerHeader .bannerSingleTitle { overflow-wrap: normal; word-break: normal; letter-spacing: 0.25px; text-transform: uppercase; }
.orderingPageContainer .bannerGiftCardWrapperCtr { margin-bottom: -1.5rem; background-color: var(--colorBaseAlpha100); height: auto; }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerGiftCardWrapperCtr { display: grid; height: 375px; grid-template-columns: repeat(2, minmax(0px, 1fr)); padding-left: 72px; padding-right: 72px; }
}
.orderingPageContainer .bannerGiftCardWrapperCtr img { margin-left: auto; margin-right: auto; margin-inline: auto; height: 100%; width: 100%; object-fit: contain; }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerGiftCardWrapperCtr img { top: 0px; }
}
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper { margin-top: 1.25rem; padding-bottom: 1.25rem; position: relative; }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper { padding-bottom: 0px; }
}
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper .cateringBannerHeader { padding-left: 0px; padding-right: 0px; }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper .cateringBannerHeader { padding-top: 0px; }
}
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper .externalLinkButton { margin-top: 0px; display: flex; justify-content: center; }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper .externalLinkButton { justify-content: flex-start; }
}
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper .externalLinkButton .linkContentBtn { margin-bottom: 1.25rem; height: 3rem; width: 180px; gap: 0.5rem; padding: 0px; font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; color: var(--colorSecondary500); display: flex; align-items: center; background-color: transparent; text-transform: capitalize; text-decoration-line: underline; }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper .externalLinkButton .linkContentBtn { justify-content: flex-start; }
}
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper .externalLinkButton .linkContentBtn svg { height: 1.5rem; width: 1.5rem; display: none; }
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper .externalLinkButton .linkContentBtn svg path { fill: var(--colorPrimary500); }
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerGiftCardWrapper .externalLinkButton .linkContentBtn.buttonPrimary svg path { fill: var(--colorBaseAlpha50); }
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerCateringTitle { font-family: BrooklynSamuelsThreeBold; font-size: 34px; line-height: 2.5rem; color: var(--colorBaseOffBlack500); text-transform: uppercase; }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerGiftCardWrapperCtr .bannerCateringTitle { font-size: 2.25rem; line-height: 2.25rem; }
}
.orderingPageContainer .bannerGiftCardWrapperCtr.bannerImageWidthMedium img { width: 100%; }
@media (min-width: 1024px) {
  .orderingPageContainer .bannerGiftCardWrapperCtr.bannerImageWidthMedium img { padding-left: 0px; }
}
.orderingPageContainer .bannerGiftCardWrapperCtr .bannerCateringSubTitle { display: flex; }
.orderingPageContainer .giftCardTopBanner { margin-left: auto; margin-right: auto; height: 188px; max-width: 335px; margin-inline: auto; }
@media (min-width: 1024px) {
  .orderingPageContainer .giftCardTopBanner { height: 378px; max-width: 548px; }
}
.orderingPageContainer .giftContainer .buttonPrimary { width: 152px; padding: 0px; display: flex; align-items: center; justify-content: center; }
.orderingPageContainer .contentPageBannerImage::before { content: var(--tw-content); height: 400px; }
.orderingPageContainer .contentPageBannerImage .externalLinkButton .linkContentBtn { width: 14rem; }
@media (min-width: 1024px) {
  .orderingPageContainer .contentPageBannerImage .externalLinkButton .linkContentBtn { width: auto; }
}
.orderingPageContainer .contentPageBannerImage .externalLinkButton .linkContentBtn svg { display: none; }
.orderCateringContainer, .orderCateringContainer .emptyElement { text-align: center; }
.contentPage .orderingPageContainer .bannerCateringWrapper .cateringBannerHeader { padding-top: 0px; padding-bottom: 0px; justify-content: center; }
@media (min-width: 768px) {
  .contentPage .homePageContainer { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (min-width: 1024px) {
  .contentPage .homePageContainer { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
}
.contentPage .homePageContainer .pdpListTile { margin-bottom: 1.25rem; border-radius: 1rem; }
@media (min-width: 1024px) {
  .contentPage .homePageContainer .pdpListTile { display: flex; flex-direction: row-reverse; }
}
.contentPage .homePageContainer .pdpListTile .listinnerwrapper { padding-top: 1rem; }
.contentPage .homePageContainer .pdpListTile .listinnerwrapper .pdpListTileText { padding-bottom: 0px; line-height: 1.5; }
@media (min-width: 1024px) {
  .contentPage .homePageContainer .pdpListTile.oddBox { flex-direction: row; }
}
.contentPage .homePageContainer .pdpListTile .moduleSubText { margin-top: 0.5rem; }
.contentPage .homePageContainer.cateringCont { margin-bottom: 2.5rem; }
@media (min-width: 640px) {
  .contentPage .homePageContainer.cateringCont { display: flex; flex-direction: column; }
}
@media (min-width: 1024px) {
  .contentPage .homePageContainer.cateringCont { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
}
.contentPage .homePageContainer.cateringCont .pdpListTile.oddBox img { border-bottom-right-radius: 0px; border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
@media (min-width: 1024px) {
  .contentPage .homePageContainer.cateringCont .pdpListTile.oddBox img { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; border-top-right-radius: 0px; }
}
.contentPage .homePageContainer.cateringCont .pdpListTile.oddBox .listinnerwrapper { border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; border-top-left-radius: 0px; padding-top: 1.5rem; }
@media (min-width: 1024px) {
  .contentPage .homePageContainer.cateringCont .pdpListTile.oddBox .listinnerwrapper { border-bottom-left-radius: 0px; border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; }
}
.contentPage .homePageContainer.cateringCont .pdpListTile .listinnerwrapper { padding-top: 1.5rem; }
@media (min-width: 1024px) {
  .contentPage .homePageContainer.cateringCont .pdpListTile .listinnerwrapper { row-gap: 0px; }
}
.contentPage .homePageContainer.cateringCont .pdpListTile img { border-top-left-radius: 1rem; border-top-right-radius: 1rem; height: auto; width: auto; }
@media (min-width: 1024px) {
  .contentPage .homePageContainer.cateringCont .pdpListTile img { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; border-top-left-radius: 0px; }
}
.contentPage .homePageContainer.cateringCont .pdpListTileImg { height: auto; border-radius: 0px; }
@media (min-width: 1024px) {
  .contentPage .homePageContainer.cateringCont .pdpListTileImg { min-height: 420px; }
}
.contentPage .homePageContainer.cateringCont .pdpListTileImg img { width: 100%; }
@media (min-width: 1024px) {
  .contentPage .homePageContainer.cateringCont .pdpListTileImg img { min-height: 420px; }
}
.contentPage .homePageContainer.cateringCont .listinnerwrapper { border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; border-top-left-radius: 0px; border-color: var(--colorForegroundBorderBrighter); border-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .contentPage .homePageContainer.cateringCont .listinnerwrapper { align-content: center; row-gap: 2rem; border-radius: 1rem 0px 0px 1rem; }
}
.contentPage .homePageContainer .pdpListTileImg { height: 188px; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; --tw-shadow-colored: 0 0 #0000; overflow: hidden; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-shadow: 0 0 #0000; }
@media (min-width: 1024px) {
  .contentPage .homePageContainer .pdpListTileImg { height: 358px; }
}
.contentPage .homePageContainer .pdpListTileImg img { height: 188px; object-fit: cover; }
@media (min-width: 1024px) {
  .contentPage .homePageContainer .pdpListTileImg img { height: 358px; }
}
@media (min-width: 640px) {
  .contentPage ol, .contentPage ul { max-width: 640px; }
}
@media (min-width: 768px) {
  .contentPage ol, .contentPage ul { max-width: 768px; }
}
@media (min-width: 1024px) {
  .contentPage ol, .contentPage ul { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .contentPage ol, .contentPage ul { max-width: 1280px; }
}
@media (min-width: 1440px) {
  .contentPage ol, .contentPage ul { max-width: 1440px; }
}
@media (min-width: 1536px) {
  .contentPage ol, .contentPage ul { max-width: 1536px; }
}
.site-map .contentPage ol, .site-map .contentPage ul { margin-left: auto; margin-right: auto; margin-inline: auto; justify-content: space-evenly; }
@media (min-width: 768px) {
  .site-map .contentPage ol, .site-map .contentPage ul { flex-direction: row; }
}
.site-map .contentPage ol .leftColumn .level-1, .site-map .contentPage ol .leftColumn .level-2, .site-map .contentPage ol .leftColumn .level-3, .site-map .contentPage ol .rightColumn .level-1, .site-map .contentPage ol .rightColumn .level-2, .site-map .contentPage ol .rightColumn .level-3, .site-map .contentPage ul .leftColumn .level-1, .site-map .contentPage ul .leftColumn .level-2, .site-map .contentPage ul .leftColumn .level-3, .site-map .contentPage ul .rightColumn .level-1, .site-map .contentPage ul .rightColumn .level-2, .site-map .contentPage ul .rightColumn .level-3 { padding-left: 1.5rem; padding-top: 0.75rem; }
.site-map .contentPage ol .level-1, .site-map .contentPage ul .level-1 { font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; line-height: 1.75rem; }
.site-map .contentPage ol .level-2, .site-map .contentPage ol .level-3, .site-map .contentPage ul .level-2, .site-map .contentPage ul .level-3 { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
.site-map .contentPage ol .rightColumn, .site-map .contentPage ul .rightColumn { background-color: transparent; }
.site-map .contentPage ol .rightColumn .level-3, .site-map .contentPage ul .rightColumn .level-3 { padding-left: 2rem; position: relative; }
.site-map .contentPage ol .rightColumn .level-3 .level-4, .site-map .contentPage ul .rightColumn .level-3 .level-4 { padding-left: 1rem; padding-top: 0.25rem; }
.site-map .contentPage ol .rightColumn .level-3 a::before, .site-map .contentPage ul .rightColumn .level-3 a::before { position: absolute; content: var(--tw-content); margin-left: -1rem; }
.site-map .contentPage ol .camelCaseClass, .site-map .contentPage ul .camelCaseClass { text-transform: capitalize; }
.site-map .contentPage ol .lowerCaseClass, .site-map .contentPage ul .lowerCaseClass { text-transform: lowercase; }
.site-map .contentPage ol h4, .site-map .contentPage ul h4 { font-family: var(--fontFamiliesPrimary); font-size: 1.5rem; line-height: 2rem; }
@media (min-width: 1024px) {
  .dealsHomeWrapper .contentPage ol, .dealsHomeWrapper.contentPage ul { margin-top: 3rem; margin-bottom: 3rem; width: 1296px; padding-left: 0px; padding-right: 0px; }
}
.site-map .contentPage ol, .site-map .contentPage ul { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .contentPage ol, .site-map .contentPage ul { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .contentPage ol .leftColumn, .site-map .contentPage ul .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .contentPage ol .leftColumn, .site-map .contentPage ul .leftColumn { width: 50%; }
}
.site-map .contentPage ol .leftColumn h4 a, .site-map .contentPage ul .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .contentPage ol .leftColumn .level-1, .site-map .contentPage ul .leftColumn .level-1 { padding: 0px; }
.site-map .contentPage ol .leftColumn .level-1 a, .site-map .contentPage ul .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .contentPage ol .rightColumn, .site-map .contentPage ul .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .contentPage ol .rightColumn, .site-map .contentPage ul .rightColumn { width: 50%; }
}
.site-map .contentPage ol .rightColumn .level-1, .site-map .contentPage ul .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .contentPage ol .rightColumn .level-1:first-child, .site-map .contentPage ul .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .contentPage ol .rightColumn .level-1 a, .site-map .contentPage ul .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .contentPage ol .rightColumn .level-2, .site-map .contentPage ul .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .contentPage ol .rightColumn .level-2 .camelCaseClass, .site-map .contentPage ul .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.contentPage ol, .contentPage ul { margin-left: auto; margin-right: auto; max-width: 1296px; padding-left: 2rem; }
@media screen and (min-width: 1230px) and (max-width: 1279px) {
  .contentPage ol, .contentPage ul { max-width: 1230px; padding-left: 4%; padding-right: 4%; }
}
@media (min-width: 1536px) {
  .contentPage ol, .contentPage ul { max-width: 1440px; }
}
.contentPage ol, .contentPage ul { width: 100%; margin-inline: auto; }
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .contentPage ol, .contentPage ul { padding-left: 5rem; padding-right: 5rem; }
}
@media screen and (max-width: 1200px) {
  .contentPage ol li h1, .contentPage ol li h2, .contentPage ol li h3, .contentPage ol li p, .contentPage ul li h1, .contentPage ul li h2, .contentPage ul li h3, .contentPage ul li p { padding-left: 0px; padding-right: 0px; }
}
.contentPage ol li ol, .contentPage ol li ul, .contentPage ul li ol, .contentPage ul li ul { padding-left: 1.5rem; padding-right: 1.5rem; }
.contentPage .faqLeftLinks li { padding-top: 0.75rem; padding-bottom: 0.75rem; list-style-type: none; }
.contentPage .faqLeftLinks li a { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeRg); line-height: 21px; }
.contentPage .faqLeftLinks li a.linkActive, .contentPage .faqLeftLinks li a:hover { border-color: var(--colorPrimary500); font-weight: 700; }
.contentPage .contentPageBannerImage.bannerSize { height: 400px; }
@media (min-width: 1024px) {
  .contentPage .contentPageBannerImage.bannerSize { height: 395px; }
}
.contentPage .contentPageBannerImage .externalLinkButton { width: auto; }
.contentPage .newsroomTopSection .newsroomTopText { padding-top: 0px; font-family: var(--fontFamiliesBody); --tw-leading: 22px; line-height: 22px; }
.contentPage .newsroomTopSection .newsroomTopSectionHdr { display: block; }
.contentPage .newsroomTopSection .newsroomTopSectionHdr .contentPageInnerTitle { text-align: center; }
.waysOfGifts { margin-bottom: 1.75rem; }
@media (min-width: 1024px) {
  .waysOfGifts { margin-bottom: 4rem; }
}
.contentPage .threeModuleContainer .waysOfGifts { margin-top: 3rem; padding-bottom: 0px; }
@media (min-width: 1024px) {
  .contentPage .threeModuleContainer .waysOfGifts { padding-top: 0px; }
}
.contentPage .threeModuleContainer .waysOfGifts h3 { font-family: BrooklynSamuelsThreeBold; font-size: 34px; }
.contentPage .questionSection { margin-left: auto; margin-right: auto; margin-inline: auto; }
@media (min-width: 1024px) {
  .contentPage .questionSection { margin-top: 3rem; }
}
.menuproductGrid h2 { font-family: var(--fontFamiliesPrimary); }
@media (min-width: 1024px) {
  .menuproductGrid p { padding-left: 0px; padding-right: 0px; }
}
section.emptyElement { padding-left: 1.25rem; padding-right: 1.25rem; }
.threeModuleContainer { padding-left: 0px; padding-right: 0px; }
.questionAndAnswer { margin-bottom: 3rem; }
.questionAndAnswer .buttonSecondary { width: 13rem; }
.contentPageInnerTitle { font-family: BrooklynSamuelsThreeBold; margin-top: 3rem; font-size: 34px; line-height: 2.5rem; text-align: center; text-transform: uppercase; }
@media (min-width: 1024px) {
  .contentPageInnerTitle { margin-top: 4rem; }
}
.contentPageInnerTitle:empty { display: none; }
.faqRightSection .contentPageTopSection { padding-top: 0px; }
@media (min-width: 1024px) {
  .faqRightSection .contentPageTopSection { margin-top: 0px; padding-top: 0px; }
}
.faqRightSection .contentPageTopSection .contentPageInnerTitle { font-family: BrooklynSamuelsThreeBold; }
@media (min-width: 1024px) {
  .faqRightSection .contentPageTopSection .contentPageInnerTitle { width: auto; }
}
.faqRightSection .contentPageTopSection { margin-top: 0px; }
@media (min-width: 1024px) {
  .faqRightSection .contentPageTopSection { margin-top: 0px; }
}
.faqRightSection .contentPageInnerTitle { margin-top: 0px; }
@media (min-width: 1024px) {
  .faqRightSection .contentPageInnerTitle { margin-top: 0px; }
}
.contentPage .contentPageInnerTitle { padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 1024px) {
  .contentPage .contentPageInnerTitle { margin-left: auto; margin-right: auto; width: 1296px; padding-left: 72px; padding-right: 72px; }
}
.contentPage ul { margin-left: inherit; margin-right: inherit; max-width: max-content; }
@media (min-width: 1024px) {
  .contentPage ul { padding-left: 2rem; }
  .contentPage .staticPageCtr { padding-bottom: 3rem; }
}
.contentPageRedUnderline { margin-left: auto; margin-right: auto; margin-top: 0px; border-bottom-width: 4px; border-color: var(--colorBaseRed550); margin-inline: auto; --tw-border-style: solid; border-style: solid; }
.contentPageRedUnderline::before { background-image: none; --tw-content: none; content: var(--tw-content); }
.contentPageRedUnderline + .staticPageCtr .contentPageTopSection { margin-top: 1rem; }
.newsContainer { border-color: var(--colorPrimary500); background-color: transparent; }
.newsContainer:first-child { margin-top: 0px; }
.newsContainer .descriptions { text-transform: uppercase; }
.formateDate { margin-top: 0.75rem; }
.newsroomWrapper { gap: 1.5rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .newsroomWrapper { flex-direction: row; }
}
.showAllLink { margin-top: 1.5rem; text-align: center; }
@media (min-width: 1024px) {
  .imageTextContainer { margin-left: 72px; margin-right: 72px; }
  .imageTextContainer .careerImg, .imageTextContainer .careerImgDescription { width: 50%; }
  .imageTextContainer .careerImgDescription { padding-left: 0px; padding-right: 0px; }
}
.imageTextContainer .careerImgDescription h3 { font-family: BrooklynSamuelsThreeBold; font-size: 22px; line-height: 24px; text-transform: uppercase; }
.imageTextContainer .careerImgDescription p { line-height: var(--lineHeightsMd); }
.imageTextContainer .careerImgDescription a.buttonPrimary { margin-top: 1.5rem; }
@media (min-width: 1024px) {
  .imageTextContainer .careerImgDescription a.buttonPrimary { display: flex; }
}
.imageTextContainer .careerImgDescription a.buttonSecondary { margin-top: 1.5rem; }
.contentPageMainContainer.specificnewsroom { margin-left: auto; margin-right: auto; max-width: none; margin-inline: auto; width: auto; }
@media (min-width: 1024px) {
  .contentPageMainContainer.specificnewsroom { padding-left: 72px; padding-right: 72px; }
}
.contentPageMainContainer.specificnewsroom .paragraphtext { padding-top: 0px; font-family: var(--fontFamiliesBody); }
.contentPageMainContainer.specificnewsroom .newsRoomFooter { background-color: var(--colorBaseLightBeige500); padding: 1rem 1.5rem; display: flex; flex-direction: column; --tw-border-style: none; border-style: none; }
@media (min-width: 1024px) {
  .contentPageMainContainer.specificnewsroom .newsRoomFooter { flex-direction: row; }
  .contentPageMainContainer.specificnewsroom + .newsRoomFooter { margin-left: auto; margin-right: auto; max-width: 1144px; }
  .contentPageMainContainer.specificnewsroom .newsRoomFooterInner { width: 50%; }
}
.contentPageMainContainer.specificnewsroom .newsRoomFooterInner:first-child { margin-bottom: 1.5rem; border-color: var(--colorBaseAlpha300); padding-bottom: 1.5rem; border-bottom-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .contentPageMainContainer.specificnewsroom .newsRoomFooterInner:first-child { margin-bottom: 0px; border-style: none; padding-bottom: 0px; }
}
.contentPageMainContainer.specificnewsroom .newsRoomFooterInner .newsRoomFooterTitle { margin-bottom: 0.5rem; padding-top: 0px; font-family: BrooklynSamuelsFiveMedium; line-height: 24px; font-size: 20px; }
.contentPageMainContainer.specificnewsroom .newsRoomFooterInner a { text-decoration-line: underline; }
@media (min-width: 1024px) {
  .cateringHeadingCtrl { padding-top: 0px; }
}
.contentPageTopSection { margin-top: 3rem; margin-bottom: 3rem; }
@media (min-width: 1024px) {
  .contentPageTopSection { margin-top: 4rem; margin-bottom: 4rem; }
}
.contentPage .contentPageInnerTitle + .staticPageCtr { padding-top: 0px; padding-bottom: 0px; }
.contentPage .contentPageBannerImage .bannerSingleTitle, .contentPage .gradiantHorizontalDeskTop .bannerSingleTitle, .contentPage .gradiantHorizontalMobile .bannerSingleTitle { font-family: BrooklynSamuelsThreeBold; margin-bottom: 1rem; font-size: 34px; line-height: 2.5rem; color: var(--colorBaseOffBlack500); text-transform: none; }
@media (min-width: 1024px) {
  .contentPage .contentPageBannerImage .bannerSingleTitle, .contentPage .gradiantHorizontalDeskTop .bannerSingleTitle, .contentPage .gradiantHorizontalMobile .bannerSingleTitle { margin-bottom: 2rem; font-size: 36px; line-height: 2.25rem; }
}
.contentPage .contentPageBannerImage .bannerDesc, .contentPage .gradiantHorizontalDeskTop .bannerDesc, .contentPage .gradiantHorizontalMobile .bannerDesc { color: var(--colorBaseOffBlack500); }
@media (min-width: 1024px) {
  .contentPage .contentPageBannerImage .bannerDesc, .contentPage .contentPageBannerImage .bannerSingleTitle, .contentPage .gradiantHorizontalDeskTop .bannerDesc, .contentPage .gradiantHorizontalDeskTop .bannerSingleTitle, .contentPage .gradiantHorizontalMobile .bannerDesc, .contentPage .gradiantHorizontalMobile .bannerSingleTitle { width: 480px; }
}
.site-map .container { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .container { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .\!container { gap: 3rem; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .\!container { flex-direction: row; gap: 1.5rem; padding-left: 72px; padding-right: 72px; }
}
.site-map .container .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .container .leftColumn { width: 50%; }
}
.site-map .\!container .leftColumn { gap: 1.5rem; display: flex; width: 100%; flex-direction: column; }
@media (min-width: 1024px) {
  .site-map .\!container .leftColumn { width: 50%; }
}
.site-map .\!container .leftColumn h4 a, .site-map .container .leftColumn h4 a { font-size: 1.125rem; line-height: 1.75rem; text-transform: capitalize; }
.site-map .\!container .leftColumn .level-1, .site-map .container .leftColumn .level-1 { padding: 0px; }
.site-map .\!container .leftColumn .level-1 a, .site-map .container .leftColumn .level-1 a { text-transform: capitalize; }
.site-map .container .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .container .rightColumn { width: 50%; }
}
.site-map .\!container .rightColumn { padding: 0px; width: 100%; }
@media (min-width: 1024px) {
  .site-map .\!container .rightColumn { width: 50%; }
}
.site-map .\!container .rightColumn .level-1, .site-map .container .rightColumn .level-1 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .\!container .rightColumn .level-1:first-child, .site-map .container .rightColumn .level-1:first-child { padding-top: 0px; }
.site-map .\!container .rightColumn .level-1 a, .site-map .container .rightColumn .level-1 a { text-transform: capitalize; }
.site-map .\!container .rightColumn .level-2, .site-map .container .rightColumn .level-2 { padding-left: 0px; padding-top: 1.5rem; }
.site-map .\!container .rightColumn .level-2 .camelCaseClass, .site-map .container .rightColumn .level-2 .camelCaseClass { text-transform: uppercase; }
.errorPageContainer .errorTitle.pageNotFoundTextTwo { display: none; }
.errorPageContainer .errorTitle.pageNotFoundTextOne { font-family: BrooklynSamuelsThreeBold; font-size: 3.75rem; line-height: 1; }
.olPolicy .globalPageLoader { height: 763px; }
.olPolicy .globalPageLoader .pageLoader { margin-top: 6rem; }
.tmobileBodyCont .signInButton { width: 100%; }
@media (min-width: 1024px) {
  .tmobileBodyCont .contentPageTopSection { margin-bottom: 0px; }
  .tmobileBodyCont.contentPage .staticPageCtr { padding-bottom: 2rem; }
  .tmobileBodyCont.contentPage .giftCardBuynow .careerBtnSection { justify-content: center; }
}
.drawerWrapper.drawerOpen .cartDrawer { background-color: var(--colorBaseAlpha50); color: var(--colorBaseOffBlack500); }
.drawerWrapper.drawerOpen .cartDrawer .buttonCart, .drawerWrapper.drawerOpen .cartDrawer buttontransparent { font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; }
.drawerWrapper.drawerOpen .cartDrawer .buttonCart span, .drawerWrapper.drawerOpen .cartDrawer buttontransparent span { top: 0.125rem; position: relative; }
.drawerWrapper.drawerOpen .cartDrawer .productHeading { font-size: 1.125rem; line-height: 1.75rem; }
.drawerWrapper.drawerOpen .cartDrawer .productHeading .countItems { margin-left: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; color: var(--colorBaseAlpha600); }
.drawerWrapper.drawerOpen .cartDrawer .\!line, .drawerWrapper.drawerOpen .cartDrawer .line { margin-bottom: 0.625rem; padding-bottom: 0.625rem; }
.drawerWrapper.drawerOpen .cartDrawer .\!line .orderAmount, .drawerWrapper.drawerOpen .cartDrawer .line .orderAmount { margin-bottom: 1rem; }
.drawerWrapper.drawerOpen .cartDrawer .\!line .orderAmount.justifyEnd, .drawerWrapper.drawerOpen .cartDrawer .line .orderAmount.justifyEnd { justify-content: flex-end; }
.drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider { margin-top: 1.5rem; }
.drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .rewardsSliderHeader { padding-top: 0px; font-weight: 500; }
.drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .rewardSliderTermsandCondition .taxAndFeesApplylink, .drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .rewardsPointsAvailable { padding-top: 0.25rem; }
.drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .rewardSliderTermsandCondition .sliderChevronIcon { margin-top: 0px; }
.drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .rewardSliderTermsandCondition .sliderChevronIcon .sliderArrowContainer { padding-right: 0px; }
.drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .rewardDishTitle h4 { margin-bottom: 14px; font-family: BrooklynSamuelsThreeBold; font-weight: 700; color: var(--colorBaseOffBlack500); text-transform: uppercase; }
.drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .\!rewards, .drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .rewards { height: 180px; min-width: 164px; background-color: var(--colorBaseAlpha50); border-style: var(--tw-border-style); border-width: 0px; }
.drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .rewards { box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 12px -12px, rgba(0, 0, 0, 0.1) 0px 12px 16px 0px; }
.drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .\!rewards { box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 12px -12px, rgba(0, 0, 0, 0.1) 0px 12px 16px 0px !important; }
.drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .\!rewards.isRewardApplied, .drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .rewards.isRewardApplied { background-color: var(--colorSecondary500); }
.drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .\!rewards.isRewardApplied .rewardsBadge, .drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .rewards.isRewardApplied .rewardsBadge { color: var(--colorBaseOffBlack500); }
.drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .\!rewards.isRewardApplied .rewardsBadge path, .drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .rewards.isRewardApplied .rewardsBadge path { fill: var(--colorBaseOffBlack500); }
.drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .\!rewards.isRewardApplied .rewardDishTitle h4, .drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .rewards.isRewardApplied .rewardDishTitle h4 { color: var(--colorBaseAlpha50); }
.drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .rewardsSection .itemListContainer .\!rewards.loyaltyRewardDisable, .drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .rewardsSection .itemListContainer .rewards.loyaltyRewardDisable { background-color: var(--colorBaseAlpha400); }
.drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .rewardsSection .itemListContainer .\!rewards.loyaltyRewardDisable .rewardDishTitle h4, .drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .rewardsSection .itemListContainer .\!rewards.loyaltyRewardDisable .rewardsBadge, .drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .rewardsSection .itemListContainer .rewards.loyaltyRewardDisable .rewardDishTitle h4, .drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .rewardsSection .itemListContainer .rewards.loyaltyRewardDisable .rewardsBadge { color: var(--colorBaseAlpha600); }
.drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .rewardsSection .itemListContainer .\!rewards.loyaltyRewardDisable .rewardsBadge path:first-child, .drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .rewardsSection .itemListContainer .rewards.loyaltyRewardDisable .rewardsBadge path:first-child { fill: var(--colorBaseAlpha600); }
.drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .rewardsSection .itemListContainer .itemList { padding-bottom: 1.25rem; }
.drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .rewardsBadge { color: var(--colorBaseOffBlack500); }
.drawerWrapper.drawerOpen .cartDrawer .NewLoyaltyRewardsSlider .rewardsBadge path:first-child { fill: var(--colorBaseOffBlack500); }
.drawerWrapper.drawerOpen .cartDrawer .cartChekoutButtonContainer { background-color: var(--colorBaseAlpha50); padding: 2rem 1.25rem; border-style: var(--tw-border-style); border-width: 0px; }
.drawerWrapper.drawerOpen .drawerCloseBtn svg { height: 3rem; width: 3rem; }
.drawerWrapper.drawerOpen .drawerCloseBtn path:first-child { fill: var(--colorPrimary500); }
.drawerWrapper.drawerOpen .drawerCloseBtn.allergensClose .customTitle { left: 4rem; right: 0px; width: auto; }
.drawerWrapper.drawerOpen .addMoreItems svg { height: 1.5rem; width: 1.5rem; }
.drawerWrapper.drawerOpen .addMoreItems svg path:first-child { fill: var(--colorPrimary500); }
.drawerWrapper.drawerOpen .addMoreItems .buttonTransparent { margin-top: 0px; letter-spacing: 0.38px; width: auto; text-transform: uppercase; }
.drawerWrapper.drawerOpen .addMoreItems .buttonTransparent span { padding-top: 5px; font-size: 22px; }
.drawerWrapper.drawerOpen .NewLoyaltyDealsSlider { margin-top: 2rem; }
.drawerWrapper.drawerOpen .NewLoyaltyDealsSlider .rewardsSliderHeader { padding-top: 0px; font-weight: 500; }
.drawerWrapper.drawerOpen .NewLoyaltyDealsSlider .dealSection { padding-top: 0.75rem; }
.drawerWrapper.drawerOpen .NewLoyaltyDealsSlider .dealCard { border-color: var(--colorBaseAlpha500); background-color: var(--colorBaseAlpha50); border-style: var(--tw-border-style); border-width: 1px; }
.drawerWrapper.drawerOpen .NewLoyaltyDealsSlider .dealCard .expireDate, .drawerWrapper.drawerOpen .NewLoyaltyDealsSlider .loyaltyTermsAndCondition { color: var(--colorBaseAlpha600); }
.drawerWrapper.drawerOpen .NewLoyaltyDealsSlider .rewardDishName { color: var(--colorBaseOffBlack500); }
.drawerWrapper.drawerOpen .NewLoyaltyDealsSlider .rightArrow path:first-child { fill: var(--colorBaseOffBlack500); }
.drawerWrapper.drawerOpen .NewLoyaltyDealsSlider .rewardDishName { font-family: BrooklynSamuelsThreeBold; font-weight: 700; text-transform: uppercase; }
.drawerWrapper.drawerOpen .NewLoyaltyDealsSlider .rightArrow { padding-left: 0.5rem; padding-right: 0.5rem; }
.drawerWrapper.drawerOpen .checkoutInfoContainer { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.drawerWrapper.drawerOpen .checkoutInfoContainer .itemInfos { margin-top: 0px; }
.drawerWrapper.drawerOpen .checkoutInfoContainer .itemInfos .itemsTitle { font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 1.5rem; }
.drawerWrapper.drawerOpen .checkoutInfoContainer .amountContainer { margin-bottom: 0px; margin-top: 1.25rem; gap: 0.5rem; display: flex; flex-direction: column; }
.drawerWrapper.drawerOpen .checkoutInfoContainer .amountContainer .amountDetailContainer { margin-bottom: 0px; }
.cartWrapper { margin-bottom: 2rem; margin-top: 0px; gap: 1rem; padding-top: 1.5rem; display: flex; flex-direction: column; }
.cartWrapper .deliveryType { margin-top: 0px; margin-bottom: 0px; --tw-leading: 22px; line-height: 22px; }
.cartWrapper .fbrInnerBox, .cartWrapper .fbrInnerBox .fbrInnerTextTwo { gap: 0.5rem; display: flex; flex-direction: column; }
.cartWrapper .fbrInnerBox .fbrInnerTextTwo .fbrAddressContent { padding-top: 0px; line-height: 19px; color: var(--colorBaseAlpha600); }
.cartWrapper .fbrInnerBox .fbrInnerTextTwo .fbrLeftContent { font-weight: 600; }
.cartWrapper .fbrInnerBox .scheduleType { margin-top: 0px; line-height: 19px; }
@media (min-width: 1024px) {
  .drawerContainer { width: 488px; }
}
.drawerContainer .errorInfoContainer .infoContainer.reverseContent { gap: 1rem; flex-direction: column; }
.drawerContainer .errorInfoContainer .infoContainer.reverseContent .infoWrapper { gap: 1rem; display: flex; flex-direction: column; }
.drawerContainer .errorInfoContainer .infoContainer.reverseContent .infoWrapper .errorTitle { padding-bottom: 0px; font-size: 22px; line-height: 1.5rem; }
.drawerContainer .errorInfoContainer .infoContainer.reverseContent .infoWrapper .errorDesc { padding-bottom: 0px; }
.drawerContainer .errorInfoContainer .infoContainer .emptyCartImage { width: 100px; height: 100px; }
.drawerContainer .errorInfoContainer .enterAddressBtn { margin-top: 1.5rem; width: 100%; }
@media (min-width: 1024px) {
  .drawerContainer .errorInfoContainer .enterAddressBtn { text-align: center; }
}
.drawerContainer .errorInfoContainer .enterAddressBtn .errorButton { background-color: var(--colorPrimary500); font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; width: 100%; text-transform: uppercase; }
@media (min-width: 1024px) {
  .drawerContainer .errorInfoContainer .enterAddressBtn .errorButton { width: auto; }
}
.drawerContainer .cartGalleryContainer { gap: 1rem; background-color: var(--colorSecondary50); padding-top: 1rem; padding-bottom: 1rem; padding-left: 0px; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .drawerContainer .cartGalleryContainer { padding-bottom: 1.5rem; padding-left: 1.25rem; }
}
.drawerContainer .cartGalleryContainer .cartGalleryHeading { height: 1.5rem; padding-top: 0px; padding-bottom: 0px; padding-left: 1.25rem; font-weight: 500; line-height: 21.6px; display: flex; align-items: center; }
@media (min-width: 1024px) {
  .drawerContainer .cartGalleryContainer .cartGalleryHeading { padding-left: 0px; }
}
.drawerContainer .cartGalleryContainer .gallerydSliderHeadingMobile { height: 1.5rem; line-height: unset; text-transform: capitalize; }
.drawerContainer .cartGalleryContainer .cartGalleryImgContainer .gallerySliderBox { border-color: var(--colorBaseAlpha300); border-width: 1px; --tw-border-style: solid; border-style: solid; }
.drawerContainer .cartGalleryContainer .cartGalleryImgContainer .gallerySliderBox.cartGallerySliderBox { box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 16px 0px, rgba(0, 0, 0, 0.25) 0px 12px 12px -12px; }
.drawerContainer .cartGalleryContainer .cartGalleryImgContainer .gallerySliderBox:first-child { margin-left: 1.25rem; }
@media (min-width: 1024px) {
  .drawerContainer .cartGalleryContainer .cartGalleryImgContainer .gallerySliderBox:first-child { margin-left: 0px; }
}
.drawerContainer .cartGalleryContainer .cartGalleryImgContainer .gallerySliderBox:last-child { margin-right: 1.25rem; }
@media (min-width: 1024px) {
  .drawerContainer .cartGalleryContainer .cartGalleryImgContainer .gallerySliderBox:last-child { margin-right: 0px; }
}
.drawerContainer .cartGalleryContainer .cartGalleryImgContainer .rewardSliderTermsandCondition { margin-left: 1.25rem; margin-right: 1.25rem; margin-top: 0px; }
.drawerContainer .cartGalleryContainer .cartGalleryImgContainer .rewardSliderTermsandCondition .sliderChevronIcon { margin-top: 0px; }
.drawerContainer .cartGalleryContainer .itemListContainer { gap: 0px; display: flex; flex-direction: column; }
.drawerContainer .cartGalleryContainer .itemListContainer .itemList { padding-bottom: 1.5rem; }
@media (min-width: 1024px) {
  .drawerContainer .cartGalleryContainer .itemListContainer .itemList { padding-bottom: 1rem; }
}
.drawerContainer .cartGalleryContainer .MobilesliderContainer { height: auto; }
.drawerContainer .cartGalleryContainer .MobilesliderContainer .gallerySliderBox.cartGallerySliderBox { border-color: var(--colorBaseAlpha300); border-width: 1px; --tw-border-style: solid; border-style: solid; box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 16px 0px, rgba(0, 0, 0, 0.25) 0px 12px 12px -12px; }
.drawerContainer .cartGalleryContainer .MobilesliderContainer .gallerySliderBox.cartGallerySliderBox:first-child { margin-left: 1.25rem; }
.drawerContainer .cartGalleryContainer .MobilesliderContainer .rewardSliderTermsandCondition { margin-top: -0.5rem; padding-left: 1.25rem; }
@media (min-width: 1024px) {
  .drawerContainer .cartGalleryContainer .MobilesliderContainer .rewardSliderTermsandCondition { margin-top: 0px; }
}
.drawerContainer .cartGalleryContainer .MobilesliderContainer .rewardSliderTermsandCondition .sliderArrowContainer { padding-right: 0px; }
.drawerContainer .cartGalleryContainer .cartGallerydescriptionHeading { font-family: BrooklynSamuelsThreeBold; font-weight: 700; line-height: 21.6px; letter-spacing: -0.15px; text-transform: uppercase; }
@media (min-width: 1024px) {
  .drawerContainer .cartGalleryContainer .cartGallerydescriptionHeading { font-size: 1.125rem; line-height: 21.6px; }
}
.drawerContainer .cartGalleryContainer .gallerySliderDescription { height: auto; }
.drawerContainer .cartGalleryContainer .gallerySliderDescription .galleryTextContainer { gap: 0.5rem; display: flex; flex-direction: column; }
.drawerContainer .cartGalleryContainer .gallerySliderDescription .galleryDescriptionCalAndPrice { padding-top: 0px; font-size: 0.87rem; --tw-leading: 19.1px; line-height: 19.1px; }
@media (min-width: 1024px) {
  .drawerContainer .cartGalleryContainer .gallerySliderDescription .galleryDescriptionCalAndPrice { padding-bottom: 0px; }
}
.drawerContainer .cartGalleryContainer .cartgallerySliderImgs { height: 123px; background-color: var(--colorBasePurple850); }
@media (min-width: 1024px) {
  .drawerContainer .cartGalleryContainer .cartgallerySliderImgs { height: 108px; }
}
.drawerContainer .cartGalleryContainer .suggestedSellAdd { border-color: var(--colorBaseAlpha50); border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 1px; }
.drawerContainer .deBottomIconImg, .drawerContainer .deTopIconImgTop { display: none; }
.drawerContainer .orderedList .yourOrderItemsList { margin-left: 0.75rem; }
.drawerContainer .orderedList .bogoItem { font-weight: var(--fontWeightsBold); display: flex; width: 100%; flex-direction: row; align-items: flex-start; justify-content: space-between; }
.drawerContainer .orderedList .yourOrderInformation { gap: 0.75rem; }
.drawerContainer .orderedList .editButton { margin-left: 1.25rem; margin-right: 1.25rem; }
.drawerContainer .orderedList .productSubTitle { font-weight: 500; }
.taxWrapper .costIcon { margin-top: 0px; }
.removeModelContainer svg { height: 3rem; width: 3rem; }
.modalTitle { color: var(--colorBaseOffBlack500); }
.texture { display: none; }
.addFavoriteModal .closeIcon svg path { fill: var(--colorBaseOffBlack500); }
.utensilsContainer { height: 1.5rem; border-radius: 0.25rem; border-color: var(--colorBaseAlpha300); padding-left: 0.375rem; padding-right: 0.375rem; font-family: var(--fontFamiliesBody); font-size: 0.875rem; line-height: 1.25rem; color: var(--colorBaseAlpha600); display: flex; justify-content: center; border-style: var(--tw-border-style); border-width: 1px; }
.stickyBtnStyle .customizeButton, .stickyBtnStyle .drinkOrSideButton { justify-content: center; font-family: BrooklynSamuelsThreeBold !important; text-transform: uppercase !important; }
.chooseSideOrDrinkHead .chooseSideTitleHead .chooseSideOrDrinkTitle { font-family: BrooklynSamuelsThreeBold; }
.chooseSideOrDrinkHead .chooseSideOrDrinkFooterButtons .selectSideOrDrinkAddToBtn, .chooseSideOrDrinkHead .chooseSideOrDrinkFooterButtons .selectSideOrDrinkDiscardBtn { font-family: BrooklynSamuelsThreeBold !important; }
.ChooseTwoLayout .authHeader { top: 0px; min-height: 0px; padding-bottom: 1.25rem; padding-top: 3rem; position: sticky; z-index: 10; }
@media (min-width: 1024px) {
  .ChooseTwoLayout .authHeader { height: 6rem; padding-top: 1rem; padding-bottom: 1rem; }
}
.ChooseTwoLayout .authHeader .authHeaderCloseIconWrapper { top: 3rem; }
@media (min-width: 1024px) {
  .ChooseTwoLayout .authHeader .authHeaderCloseIconWrapper { top: 0px; }
}
.ChooseTwoLayout .authHeader .authHeaderRightCloseIcon { left: 1.25rem; top: 3rem; margin-left: 0px; }
@media (min-width: 1024px) {
  .ChooseTwoLayout .authHeader .authHeaderRightCloseIcon { top: 0px; }
}
.ChooseTwoLayout .authHeader .authHeaderRightCloseIcon path:first-child { fill: var(--colorPrimary500); }
.ChooseTwoLayout .authHeader .mobileAuthHeader { padding-top: 0px; padding-bottom: 0px; }
@media (min-width: 1024px) {
  .ChooseTwoLayout .authHeader .mobileAuthHeader { padding: 1.5rem 0px; }
}
.ChooseTwoLayout .authHeader .mobileAuthHeader .brandLogoContainer { height: 2.25rem; }
@media (min-width: 1024px) {
  .ChooseTwoLayout .authHeader .mobileAuthHeader .brandLogoContainer { height: 3rem; }
}
.ChooseTwoLayout .authHeader .mobileAuthHeader .hideOnMobile { height: 3rem; display: flex; align-items: center; justify-content: center; }
.ChooseTwoLayout .auth-layout { z-index: auto; padding-top: 0px; }
.ChooseTwoLayout .auth-layout .auth-childlayout { width: 100%; }
@media (min-width: 1024px) {
  .ChooseTwoLayout .auth-layout .auth-childlayout .chooseLeft { margin-right: 1.5rem; }
}
.ChooseTwoLayout .auth-layout .menuPageListPdpContainer { display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .ChooseTwoLayout .auth-layout .menuPageListPdpContainer { flex-direction: row; }
}
.ChooseTwoLayout .auth-layout .menuPageListPdpContainer.chooseTwoMenuList { top: 0px; margin-top: 0px; gap: 0.75rem; background-color: var(--colorBaseAlpha50); padding-bottom: 0.5rem; padding-top: 0.75rem; position: sticky; z-index: 10; }
@media (min-width: 1024px) {
  .ChooseTwoLayout .auth-layout .menuPageListPdpContainer.chooseTwoMenuList { top: 96px; display: grid; grid-template-columns: 196px 1fr; padding-top: 2rem; }
}
.ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper { margin-top: -0.75rem; padding-bottom: 0.25rem; }
@media (min-width: 1024px) {
  .ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper { margin-top: 0px; padding-bottom: 0px; }
}
.ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper .categorySection { margin-top: -330px; padding-top: 300px; }
@media (min-width: 1024px) {
  .ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper .categorySection { margin-top: -300px; }
}
.ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper .categorySection .righttitleSticky { top: 194px; z-index: 8; }
.ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper .categorySection .righttitleSticky::after { content: var(--tw-content); top: 25px; }
@media (min-width: 1024px) {
  .ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper .categorySection .righttitleSticky { top: 285px; z-index: 11; }
  .ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper .categorySection .righttitleSticky::after { content: var(--tw-content); top: 35px; }
}
.ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper .categorySection .righttitleSticky.notBigger::after { content: var(--tw-content); top: 26px; }
@media (min-width: 1024px) {
  .ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper .categorySection .righttitleSticky.notBigger::after { content: var(--tw-content); top: 15px; }
}
.ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper .righttitletext { font-family: BrooklynSamuelsThreeBold; text-transform: uppercase; }
.ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper .righttitletext.biggerText { font-size: 18px; }
@media (min-width: 1024px) {
  .ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper .righttitletext.biggerText { font-size: 34px; }
}
.ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper .firstMenuSection { scroll-margin: 430px; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 1rem 0.5rem; display: grid; }
@media (min-width: 1024px) {
  .ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper .firstMenuSection { margin-bottom: 3rem; scroll-margin: 330px; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 2.25rem; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper .firstMenuSection .selectedProductIcon { display: none; }
.ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper .firstMenuSection .selectedProductIcon { right: 1.75rem; top: 0.75rem; z-index: 7; position: absolute; }
.ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper .firstMenuSection .selectedProductIcon svg path:nth-child(2) { fill: var(--colorPrimary500); }
.ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper .firstMenuSection .pdpListTile.selectedProduct { border-color: var(--colorPrimary500); border-style: var(--tw-border-style); border-width: 2px; }
.ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper .pdpListTileTextwrapper { padding: 1.5rem 0.75rem 0.5rem; }
@media (min-width: 1024px) {
  .ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper .pdpListTileTextwrapper { padding-left: 1.5rem; padding-right: 1.5rem; }
}
.ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper .pdpListTileTextwrapper .pdpListTileText { font-family: BrooklynSamuelsThreeBold; min-height: 100%; padding-bottom: 0px; width: 100%; text-transform: uppercase; }
.ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper .subText { padding-left: 0.75rem; padding-right: 0.75rem; padding-bottom: 1.5rem; }
@media (min-width: 1024px) {
  .ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper .subText { padding-left: 1.5rem; padding-right: 1.5rem; }
}
.ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper .\!subText { padding-left: 0.75rem; padding-right: 0.75rem; padding-bottom: 1.5rem; }
@media (min-width: 1024px) {
  .ChooseTwoLayout .auth-layout .menuPageListPdpContainer .rightSideWrapper .\!subText { padding-left: 1.5rem; padding-right: 1.5rem; }
  .ChooseTwoLayout .auth-layout .menuPageListPdpContainer + .menuPageListPdpContainer .rightSideWrapper { margin-top: 0px; }
}
.ChooseTwoLayout .auth-layout .menuPageListPdpContainer + .menuPageListPdpContainer .pickTwoLeftSideMenu { top: 270px; margin-top: 0px; }
.ChooseTwoLayout .auth-layout .accordionWrapper .chooseTwoProduct .chooseTwoProductImage { height: 210px; }
@media (min-width: 1024px) {
  .ChooseTwoLayout .auth-layout .accordionWrapper .chooseTwoProduct .chooseTwoProductImage { height: 275px; }
}
.ChooseTwoLayout .auth-layout .accordionWrapper .\!chooseTwoProduct .chooseTwoProductImage { height: 210px; }
@media (min-width: 1024px) {
  .ChooseTwoLayout .auth-layout .accordionWrapper .\!chooseTwoProduct .chooseTwoProductImage { height: 275px; }
}
.ChooseTwoLayout .auth-layout .accordionWrapper .\!chooseTwoProduct .productInfo .accordionContainer, .ChooseTwoLayout .auth-layout .accordionWrapper .chooseTwoProduct .productInfo .accordionContainer { background-color: var(--colorBaseAlpha50); }
.ChooseTwoLayout .auth-layout .accordionWrapper .\!chooseTwoProduct .productInfo .accordionContainer .favoritesDish, .ChooseTwoLayout .auth-layout .accordionWrapper .chooseTwoProduct .productInfo .accordionContainer .favoritesDish { min-height: 72px; border-top-width: 1px; border-bottom-width: 1px; border-color: var(--colorBaseAlpha300); background-color: var(--colorBaseLightBeige500); padding-left: 1.25rem; padding-right: 1.25rem; position: static; }
.ChooseTwoLayout .auth-layout .accordionWrapper .\!chooseTwoProduct .productInfo .accordionContainer .favoritesDish.locationSticky, .ChooseTwoLayout .auth-layout .accordionWrapper .chooseTwoProduct .productInfo .accordionContainer .favoritesDish.locationSticky { border-top-width: 1px; border-bottom-width: 1px; border-color: var(--colorBaseAlpha300); background-color: var(--colorBaseLightBeige500); }
.ChooseTwoLayout .auth-layout .accordionWrapper .\!chooseTwoProduct .productInfo .accordionContainer .favoritesDish.subAccordion, .ChooseTwoLayout .auth-layout .accordionWrapper .chooseTwoProduct .productInfo .accordionContainer .favoritesDish.subAccordion { margin-left: 0px; margin-right: 0px; min-height: 60px; background-color: var(--colorBaseAlpha50); padding-bottom: 0.75rem; padding-top: 1.5rem; border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; text-transform: uppercase; }
.ChooseTwoLayout .auth-layout .accordionWrapper .\!chooseTwoProduct .productInfo .accordionContainer .accordion-item .accordion-item, .ChooseTwoLayout .auth-layout .accordionWrapper .\!chooseTwoProduct .productInfo .accordionContainer .accordion-item .pdpItemModifier, .ChooseTwoLayout .auth-layout .accordionWrapper .chooseTwoProduct .productInfo .accordionContainer .accordion-item .accordion-item, .ChooseTwoLayout .auth-layout .accordionWrapper .chooseTwoProduct .productInfo .accordionContainer .accordion-item .pdpItemModifier { margin-left: 1.25rem; margin-right: 1.25rem; }
.ChooseTwoLayout .auth-layout .accordionWrapper .\!chooseTwoProduct .productInfo .stickyBtnStyle, .ChooseTwoLayout .auth-layout .accordionWrapper .chooseTwoProduct .productInfo .stickyBtnStyle { background-color: var(--colorBaseAlpha50); padding: 2rem 1.25rem; }
.ChooseTwoLayout .auth-layout .accordionWrapper .\!chooseTwoProduct .productInfo .stickyBtnStyle .startOrderButtonStyle, .ChooseTwoLayout .auth-layout .accordionWrapper .chooseTwoProduct .productInfo .stickyBtnStyle .startOrderButtonStyle { font-family: BrooklynSamuelsThreeBold; height: 3rem; font-size: 22px; text-transform: uppercase; }
.ChooseTwoLayout .auth-layout .accordionWrapper .\!chooseTwoProduct .productInfo .stickyBtnStartOrder, .ChooseTwoLayout .auth-layout .accordionWrapper .chooseTwoProduct .productInfo .stickyBtnStartOrder { background-color: var(--colorBaseAlpha50); }
.ChooseTwoLayout .auth-layout .accordionWrapper .\!chooseTwoProduct .titleName, .ChooseTwoLayout .auth-layout .accordionWrapper .chooseTwoProduct .titleName { font-family: BrooklynSamuelsThreeBold; margin-top: 1.5rem; font-size: 34px; line-height: 2.5rem; letter-spacing: 0.65px; color: var(--colorBaseOffBlack500); text-transform: uppercase; }
.ChooseTwoLayout .auth-layout .accordionWrapper .\!chooseTwoProduct .calories, .ChooseTwoLayout .auth-layout .accordionWrapper .chooseTwoProduct .\!calories, .ChooseTwoLayout .auth-layout .accordionWrapper .chooseTwoProduct .calories { margin-top: 0.5rem; font-family: var(--fontFamiliesBody); font-size: 1.125rem; line-height: 1.75rem; color: var(--colorBaseAlpha600); }
.ChooseTwoLayout .auth-layout .accordionWrapper .\!chooseTwoProduct .description, .ChooseTwoLayout .auth-layout .accordionWrapper .chooseTwoProduct .\!description, .ChooseTwoLayout .auth-layout .accordionWrapper .chooseTwoProduct .description { margin-top: 1rem; font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; color: var(--colorBaseAlpha600); }
.ChooseTwoLayout .auth-layout .accordionWrapper .\!chooseTwoProduct .allergensContain, .ChooseTwoLayout .auth-layout .accordionWrapper .chooseTwoProduct .allergensContain { padding-left: 1rem; }
.ChooseTwoLayout .auth-layout .accordionWrapper .\!chooseTwoProduct .allergensContain .allergensInfo, .ChooseTwoLayout .auth-layout .accordionWrapper .chooseTwoProduct .allergensContain .allergensInfo { gap: 0.5rem; padding-bottom: 0.5rem; display: flex; align-items: center; }
.ChooseTwoLayout :has(.hideChooseTwoDesc) .menuPageListPdpContainer .rightSideWrapper { margin-top: -6px; }
@media (min-width: 1024px) {
  .ChooseTwoLayout :has(.hideChooseTwoDesc) .menuPageListPdpContainer .rightSideWrapper { margin-top: 0px; }
}
.ChooseTwoLayout :has(.hideChooseTwoDesc) .chooseTwoMenuList + .menuPageListPdpContainer > div:first-child { top: 230px; }
.ChooseTwoLayout .drawerWrapper.drawerOpen { z-index: 30; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.ChooseTwoLayout .drawerWrapper.drawerOpen .drawerCloseBtn { display: none; }
.ChooseTwoLayout .drawerWrapper.drawerOpen .drawerCloseBtn { top: 0px; margin: 0px; position: absolute; }
.ChooseTwoLayout .drawerWrapper.drawerOpen .drawerCloseBtn svg { left: 1rem; top: 1rem; height: 3rem; width: 3rem; border-color: var(--colorBaseAlpha50); border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 2px; }
.ChooseTwoLayout .drawerWrapper.drawerOpen .drawerContainer { width: 100%; }
@media (min-width: 1024px) {
  .ChooseTwoLayout .drawerWrapper.drawerOpen .drawerContainer { max-width: 488px; }
}
.ChooseTwoLayout .selected { padding-left: 1rem; padding-right: 1rem; }
.ChooseTwoLayout .selected::after { height: 0.25rem; border-width: 2px; content: var(--tw-content); border-color: var(--colorPrimary500); }
@media (min-width: 1024px) {
  .ChooseTwoLayout .selected { padding-left: 0px; padding-right: 0px; }
}
.ChooseTwoLayout .\!selected { padding-left: 1rem; padding-right: 1rem; }
.ChooseTwoLayout .\!selected::after { height: 0.25rem; border-width: 2px; content: var(--tw-content); border-color: var(--colorPrimary500); }
@media (min-width: 1024px) {
  .ChooseTwoLayout .\!selected { padding-left: 0px; padding-right: 0px; }
}
.chooseSummary { margin-top: 3rem; margin-bottom: 3rem; padding-left: 1.25rem; padding-right: 1.25rem; width: 100%; }
@media (min-width: 1024px) {
  .chooseSummary { margin: 4rem auto; width: 420px; padding-left: 0px; padding-right: 0px; }
}
.chooseSummary h2 { font-family: BrooklynSamuelsThreeBold; padding-bottom: 1rem; font-size: 22px; line-height: 1.5rem; text-transform: uppercase; }
@media (min-width: 1024px) {
  .chooseSummary h2 { padding-bottom: 1.75rem; }
}
.chooseSummary .btnStartOrder { font-family: BrooklynSamuelsThreeBold; padding-left: 1.5rem; padding-right: 1.5rem; font-size: 22px; display: flex; justify-content: space-between; border-radius: calc(infinity * 1px); }
.chooseSummary .edit_button { font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: 700; cursor: pointer; text-decoration-line: underline; }
.chooseSummary .disableCartBtn { pointer-events: none; opacity: 0.5; }
.choosePortion { margin-top: 1rem; border-radius: 0.25rem; border-color: var(--colorPrimary500); display: flex; width: 100%; border-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .choosePortion { margin-top: 1.5rem; width: 70%; }
}
.choosePortion h3 { font-family: BrooklynSamuelsThreeBold; font-size: 1.125rem; line-height: 1.75rem; letter-spacing: 0.15px; text-transform: uppercase; }
.choosePortion.errorChooseSummary { border-color: var(--colorIndicatorsNotificationBorderDanger); border-style: var(--tw-border-style); border-width: 2px; }
.choosePortion.errorChooseSummary .choooseSummaryImg, .choosePortion.errorChooseSummary .edit_button, .choosePortion.errorChooseSummary h3, .choosePortion.errorChooseSummary p { pointer-events: none; opacity: 0.5; }
.choosePortion.errorChooseSummary .replace_button { pointer-events: auto; opacity: 1; }
.choosePortion .choooseSummaryImg { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-right-width: 1px; height: 100%; --tw-border-style: solid; border-style: solid; object-fit: cover; }
.choosePortion .chooseRightSection { margin-top: 1rem; gap: 0.75rem; display: flex; justify-content: flex-end; }
.choosePortion .choosePortionLeftSide { min-height: 10rem; }
.choosePortion .choosePortionRightSide { padding-bottom: 0.5rem; }
.chooseTwoMenuList + .menuPageListPdpContainer > div:first-child { position: sticky; top: 245px; z-index: 9; background-color: var(--colorBaseAlpha50); padding-top: 0.125rem; }
@media (min-width: 1024px) {
  .chooseTwoMenuList + .menuPageListPdpContainer > div:first-child { top: 230px; z-index: 20; }
}
.chooseTwoMenuList + .menuPageListPdpContainer > div > div { margin-top: 1.25rem; width: auto; overflow: hidden; }
@media (min-width: 1024px) {
  .chooseTwoMenuList + .menuPageListPdpContainer > div > div { width: 196px; overflow: auto; }
}
.chooseTwoMenuList + .menuPageListPdpContainer > div > div nav { max-width: 800px; flex-wrap: nowrap; overflow-x: scroll; border-color: var(--colorBaseAlpha300); display: flex; border-bottom-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .chooseTwoMenuList + .menuPageListPdpContainer > div > div nav { display: block; width: auto; overflow: auto; border-style: none; }
}
.chooseTwoMenuList + .menuPageListPdpContainer > div > div nav li { margin-right: 1.25rem; white-space: nowrap; }
@media (min-width: 1024px) {
  .chooseTwoMenuList + .menuPageListPdpContainer > div > div nav li { margin-right: 0px; }
  .chooseTwoMenuList + .menuPageListPdpContainer .rightSideWrapper .choosetwo_loader { width: 100%; }
}
.\!chooseTwoProduct .favoritesDish.remove-top.subAccordion .arrowDown, .\!chooseTwoProduct .favoritesDish.remove-top.subAccordion .arrowUp, .chooseTwoProduct .favoritesDish.remove-top.subAccordion .arrowDown, .chooseTwoProduct .favoritesDish.remove-top.subAccordion .arrowUp { right: 2rem; }
.chooseTwoProductImage { z-index: -10; height: 16rem; position: relative; width: 100%; }
.chooseItemContainer .chooseItemNumber { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
.chooseItemContainer .chooseItemName { padding-left: 0.75rem; padding-right: 0.75rem; }
.chooseItemContainer.itemChooseReady { min-height: 3.5rem; border-radius: var(--borderRadiusSoftlyRounded); background-color: var(--colorBackgroundBrandSecondary); display: flex; width: 100%; flex-direction: row; border-width: 0px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .chooseItemContainer.itemChooseReady { min-height: 150px; }
}
.chooseItemContainer.itemChooseReady .chooseItemNumber { width: 33.3333%; border-color: var(--colorSecondary500); background-color: var(--colorBaseAlpha50); font-size: 48px; line-height: var(--lineHeightsXl); color: var(--colorSecondary500); display: flex; align-items: center; justify-content: center; border-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .chooseItemContainer.itemChooseReady .chooseItemNumber { width: 150px; }
}
.chooseItemContainer.itemChooseReady .chooseItemNumber .bannerDoubleTextOne { font-size: 22px; line-height: 1.5rem; color: var(--colorSecondary500); }
@media (min-width: 1024px) {
  .chooseItemContainer.itemChooseReady .chooseItemNumber .bannerDoubleTextOne { font-size: 3rem; line-height: 2.5rem; }
}
.chooseItemContainer.itemChooseReady .chooseItemName { width: 66.6667%; font-family: var(--fontFamiliesBody); font-size: 0.875rem; font-weight: var(--fontWeightsSemibold); line-height: var(--lineHeightsRg); color: var(--colorBaseAlpha900); display: flex; align-items: center; justify-content: center; text-align: center; --tw-leading: --lineHeightsRg; }
@media (min-width: 1024px) {
  .chooseItemContainer.itemChooseReady .chooseItemName { font-size: var(--fontSizeFontSizeLg); line-height: var(--lineHeightsLg); }
}
.chooseItemContainer.itemChooseDisabled { min-height: 3.5rem; border-radius: var(--borderRadiusSoftlyRounded); border-color: var(--colorBrandSecondary); display: flex; width: 100%; flex-direction: row; border-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .chooseItemContainer.itemChooseDisabled { min-height: 150px; }
}
.chooseItemContainer.itemChooseDisabled .chooseItemNumber { width: 33.3333%; border-right-width: 1px; border-color: var(--colorSecondary500); background-color: var(--colorBaseAlpha50); font-size: 48px; line-height: var(--lineHeightsXl); color: var(--colorSecondary500); display: flex; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  .chooseItemContainer.itemChooseDisabled .chooseItemNumber { width: 150px; }
}
.chooseItemContainer.itemChooseDisabled .chooseItemNumber .bannerDoubleTextOne { font-size: 22px; line-height: 1.5rem; color: var(--colorSecondary500); }
@media (min-width: 1024px) {
  .chooseItemContainer.itemChooseDisabled .chooseItemNumber .bannerDoubleTextOne { font-size: 3rem; line-height: 2.5rem; }
}
.chooseItemContainer.itemChooseDisabled .chooseItemName { width: 66.6667%; font-family: var(--fontFamiliesBody); font-size: 0.875rem; font-weight: var(--fontWeightsSemibold); line-height: var(--lineHeightsRg); color: var(--colorBrandSecondary); display: flex; align-items: center; justify-content: center; text-align: center; --tw-leading: --lineHeightsRg; }
@media (min-width: 1024px) {
  .chooseItemContainer.itemChooseDisabled .chooseItemName { font-size: var(--fontSizeFontSizeLg); line-height: var(--lineHeightsLg); }
}
.chooseItemContainer.itemChoosed { width: 50%; border-radius: var(--borderRadiusSoftlyRounded); display: flex; flex-direction: row; }
.chooseItemContainer.itemChoosed, .chooseItemContainer.itemChoosed .chooseItemNumber { border-color: var(--colorBrandSecondary); border-width: 1px; --tw-border-style: solid; border-style: solid; }
.chooseItemContainer.itemChoosed .chooseItemNumber { width: 33.3333%; }
.chooseItemContainer.itemChoosed .chooseItemNumber img { height: 100%; width: 100%; object-fit: cover; }
.chooseItemContainer.itemChoosed .chooseItemName { width: 66.6667%; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsSemibold); line-height: var(--lineHeightsRg); color: var(--colorBrandSecondary); display: flex; align-items: center; justify-content: center; text-align: center; --tw-leading: --lineHeightsRg; }
@media (min-width: 1024px) {
  .chooseItemContainer.itemChoosed .chooseItemName { font-size: var(--fontSizeFontSizeLg); line-height: var(--lineHeightsLg); }
}
.chooseItemContainer.firstitemChoosed { width: 50%; border-radius: var(--borderRadiusSoftlyRounded); background-color: var(--colorBackgroundBrandSecondary); display: flex; flex-direction: row; }
.chooseItemContainer.firstitemChoosed, .chooseItemContainer.firstitemChoosed .chooseItemNumber { border-color: var(--colorBrandSecondary); border-width: 1px; --tw-border-style: solid; border-style: solid; }
.chooseItemContainer.firstitemChoosed .chooseItemNumber { width: 33.3333%; }
.chooseItemContainer.firstitemChoosed .chooseItemNumber img { height: 100%; width: 100%; object-fit: cover; }
.chooseItemContainer.firstitemChoosed .chooseItemName { width: 66.6667%; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsSemibold); line-height: var(--lineHeightsRg); color: var(--colorForegroundContentInverseEnabled); display: flex; align-items: center; justify-content: center; text-align: center; --tw-leading: --lineHeightsRg; }
@media (min-width: 1024px) {
  .chooseItemContainer.firstitemChoosed .chooseItemName { font-size: var(--fontSizeFontSizeLg); line-height: var(--lineHeightsLg); }
}
.menuContainer .menuPageListPdpContainer { position: static; flex-direction: column; }
@media (min-width: 1024px) {
  .menuContainer .menuPageListPdpContainer { flex-direction: row; }
}
.chooseTwoDescriptionContainer { border-color: var(--colorForegroundBorderBrighter); width: 100%; border-style: var(--tw-border-style); border-width: 0px; text-align: center; }
@media (min-width: 1024px) {
  .chooseTwoDescriptionContainer { width: 180px; border-bottom-width: 1px; border-top-width: 1px; padding-top: 1.5rem; padding-bottom: 1.5rem; text-align: left; }
}
.chooseTwoHeading { font-family: BrooklynSamuelsThreeBold; font-size: 34px; font-weight: var(--fontWeightsRegular); line-height: 2.25rem; color: var(--colorForegroundContentEnabled); text-align: center; }
@media (min-width: 1024px) {
  .chooseTwoHeading { text-align: left; }
}
.chooseTwoStartingPrice { padding-top: 0.25rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); font-weight: var(--fontWeightsRegular); line-height: var(--lineHeightsRg); color: var(--colorBaseOffBlack500); --tw-leading: --lineHeightsRg; }
.chooseTwoSelectItem { padding-top: 1rem; font-family: var(--fontFamiliesPrimary); font-size: 1.125rem; font-weight: var(--fontWeightsRegular); line-height: 1.5rem; letter-spacing: -0.05em; color: var(--colorForegroundContentEnabled); }
@media (min-width: 1024px) {
  .chooseTwoSelectItem { padding-top: 1rem; }
}
.drawerWrapper.pickTwoNutriDrawer .drawerContainer { width: 100%; }
@media (min-width: 1024px) {
  .drawerWrapper.pickTwoNutriDrawer .drawerContainer { max-width: 488px; }
}
.drawerWrapper.pickTwoNutriDrawer .drawerContainer .drawerCloseBtn svg { left: auto; right: 2rem; }
.drawerWrapper.pickTwoNutriDrawer .drawerContainer .drawerCloseBtn path:first-child { fill: var(--colorBaseAlpha50); }
.drawerWrapper.pickTwoNutriDrawer .drawerContainer .drawerCloseBtn path:last-child { fill: var(--colorBaseOffBlack500); }
.drawerWrapper.pickTwoNutriDrawer .TacosTopContainer { margin-top: 0px; }
.loyaltyPageContainer::after { content: var(--tw-content); background-image: none; }
.loyaltyPageContainer .loyaltyLeftSideWrapper .loyaltyLeftSideContainer { border-color: var(--colorBaseAlpha300); background-color: var(--colorBaseOffWhite500); padding: 2rem 1.5rem; border-radius: 0px; }
@media (min-width: 1024px) {
  .loyaltyPageContainer .loyaltyLeftSideWrapper .loyaltyLeftSideContainer { margin-top: 2rem; border-radius: 1.5rem; }
}
.loyaltyPageContainer .loyaltyLeftSideWrapper .loyaltyLeftSideContainer .rewardsWelcomeStatus { height: 6rem; width: 6rem; }
.loyaltyPageContainer .loyaltyLeftSideWrapper .loyaltyLeftSideContainer .rewardsWelcomeStatus img { margin-bottom: 0px; }
.loyaltyPageContainer .loyaltyLeftSideWrapper .loyaltyLeftSideContainer .imageWithText { margin-top: 1rem; }
.loyaltyPageContainer .loyaltyLeftSideWrapper .loyaltyLeftSideContainer .imageWithText .loyaltyheaderResponsive .bannerDoubleTextOne { font-family: BrooklynSamuelsThreeBold; font-size: 2.25rem; font-weight: 700; line-height: 2.25rem; color: var(--colorBaseOffBlack500); }
.loyaltyPageContainer .loyaltyLeftSideWrapper .loyaltyLeftSideContainer .imageWithText .loyaltyheaderResponsive .bannerDoubleTextTwo { display: none; }
@media (min-width: 1024px) {
  .loyaltyPageContainer .loyaltyLeftSideWrapper .loyaltyLeftSideContainer .imageWithText .loyaltyheaderResponsive.stayGold { width: auto; }
}
.loyaltyPageContainer .loyaltyLeftSideWrapper .loyaltyLeftSideContainer .rewardsBadge { margin-bottom: 0px; margin-top: 1rem; color: var(--colorBaseOffBlack500); }
.loyaltyPageContainer .loyaltyLeftSideWrapper .loyaltyLeftSideContainer .rewardsBadge.stayGold { border-color: var(--colorBaseAlpha300); background-color: var(--colorSecondary500); }
.loyaltyPageContainer .loyaltyLeftSideWrapper .loyaltyLeftSideContainer .loyaltyRewardText { margin-top: 2rem; padding-top: 0px; text-transform: uppercase; }
.loyaltyPageContainer .loyaltyLeftSideWrapper .loyaltyLeftSideContainer .loyaltyRewardText.loyaltyPointsText { margin-top: 0px; }
.loyaltyPageContainer .loyaltyLeftSideWrapper .loyaltyLeftSideContainer .loyaltyRewardText.loyaltyRewardUpperText { font-family: BrooklynSamuelsThreeBold; font-size: 17px; font-weight: 500; line-height: 1.25rem; letter-spacing: 0.7px; color: var(--colorBaseOffBlack500); text-transform: uppercase; }
.loyaltyPageContainer .loyaltyLeftSideWrapper .loyaltyLeftSideContainer .loyaltyPoints { margin-top: 0px; }
.loyaltyPageContainer .loyaltyLeftSideWrapper .loyaltyLeftSideContainer .loyaltyPoints .leftImageBurst, .loyaltyPageContainer .loyaltyLeftSideWrapper .loyaltyLeftSideContainer .loyaltyPoints .mcaRewardPoints .bannerDoubleTextTwo, .loyaltyPageContainer .loyaltyLeftSideWrapper .loyaltyLeftSideContainer .loyaltyPoints .rightImageburst { display: none; }
.loyaltyPageContainer .loyaltyLeftSideWrapper .loyaltyLeftSideContainer .loyaltyPoints .mcaRewardPoints .bannerDoubleTextOne { font-family: BrooklynSamuelsFourBold; font-size: 3.75rem; line-height: 1; color: var(--colorSecondary500); }
.loyaltyPageContainer .loyaltyLeftSideWrapper .hideInRewards, .loyaltyPageContainer .loyaltyLeftSideWrapper .nextRewardProgressText { display: none; }
.loyaltyPageContainer .loyaltyLeftSideWrapper .loyaltyRewardsBtn { border-color: var(--colorBaseOffBlack500); color: var(--colorBaseOffBlack500); text-transform: capitalize; }
.loyaltyPageContainer .loyaltyRightSideWrapper { margin-top: 0px; border-radius: 1.5rem; }
.loyaltyPageContainer .loyaltyRightSideWrapper.loyaltyBg { background-color: var(--colorBaseOffWhite500); }
@media (min-width: 1024px) {
  .loyaltyPageContainer .loyaltyRightSideWrapper.loyaltyBg { background-color: transparent; }
}
.loyaltyPageContainer .loyaltyRightSideWrapper .dealsTotalSticky { top: 170px; }
.loyaltyPageContainer .loyaltyRightSideWrapper .rewardsTabContainer { background-color: var(--colorBaseAlpha50); }
.loyaltyPageContainer .loyaltyRightSideWrapper .rewardsTabContainer .pickupMethodActiveTab { border-color: var(--colorBaseAlpha300); background-color: var(--colorSecondary500); }
.loyaltyPageContainer .loyaltyRightSideWrapper .rewardsTabContainer .pickupMethodText .prefixIcon { display: none; }
.loyaltyPageContainer .loyaltyRightSideWrapper .rewardsTabContainer.rewardsTabSticky { padding-bottom: 3rem; }
@media (min-width: 1024px) {
  .loyaltyPageContainer .loyaltyRightSideWrapper .rewardsTabContainer.rewardsTabSticky { top: 0px; padding-top: 2rem; }
}
.loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer { background-color: var(--colorBackgroundNeutralBright); }
.loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer::after, .loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer::before { content: var(--tw-content); background-image: none; }
.loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .ShowMoreItems { color: var(--colorBaseOffBlack500); }
.loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .ShowMoreItems .suffixIcon svg path { fill: var(--colorBaseOffBlack500); }
.loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer.loyaltyRightSideContainerWithBg { background-color: var(--colorBaseAlpha50); }
@media (min-width: 1024px) {
  .loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer.loyaltyRightSideContainerWithBg { padding-top: 0px; padding-bottom: 0px; }
}
.loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer.loyaltyRightSideContainerWithBg .loyaltyHeaderText { font-family: BrooklynSamuelsThreeBold; font-size: 1.125rem; font-weight: 700; --tw-leading: 22px; line-height: 22px; }
.loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer.loyaltyRightSideContainerWithBg .loyltyPromoCode { font-family: BrooklynSamuelsThreeBold; height: 2rem; line-height: 1rem; font-weight: 700; font-size: 14px; }
.loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer.loyaltyRightSideContainerWithBg .loyltyPromoCode span { top: 0.125rem; position: relative; }
.loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .loyaltyHeaderText { font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 1.5rem; color: var(--colorBaseOffBlack500); text-transform: uppercase; }
@media (min-width: 1024px) {
  .loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .loyaltyHeaderText { margin-bottom: 2rem; }
}
.loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .loyaltyHeaderText .hintText { font-weight: 400; color: var(--colorBaseOffBlack500); text-transform: capitalize; }
.loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .loyaltyHeaderText.loyaltySubHeaderText { font-size: 18px; }
.loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .loyltyPromoCode { height: 2rem; border-color: var(--colorBaseOffBlack500); color: var(--colorBaseOffBlack500); text-transform: uppercase; }
.loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .loyltyPromoCode span { top: 1px; position: relative; }
.loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .rewardsSection { margin-bottom: 1.5rem; }
@media (min-width: 1024px) {
  .loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .rewardsSection { margin-bottom: 2rem; }
}
.loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .rewardsSection .\!rewards, .loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .rewardsSection .rewards { background-color: var(--colorBaseAlpha50); border-style: var(--tw-border-style); border-width: 0px; }
.loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .rewardsSection .\!rewards.loyaltyRewardDisable, .loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .rewardsSection .rewards.loyaltyRewardDisable { background-color: var(--colorBaseAlpha400); }
.loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .rewardsSection .\!rewards.loyaltyRewardDisable .rewardsBadge, .loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .rewardsSection .rewards.loyaltyRewardDisable .rewardsBadge { color: var(--colorBaseAlpha600); }
.loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .rewardsSection .\!rewards.loyaltyRewardDisable .rewardsBadge path, .loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .rewardsSection .rewards.loyaltyRewardDisable .rewardsBadge path { fill: var(--colorBaseAlpha600); }
.loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .rewardsSection .\!rewards.loyaltyRewardDisable .rewardDishTitle, .loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .rewardsSection .rewards.loyaltyRewardDisable .rewardDishTitle { color: var(--colorBaseAlpha600); }
.loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .rewardsSection .\!rewards .rewardsBadge, .loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .rewardsSection .rewards .rewardsBadge { color: var(--colorBaseOffBlack500); }
.loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .rewardsSection .\!rewards .rewardsBadge path, .loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .rewardsSection .rewards .rewardsBadge path { fill: var(--colorBaseOffBlack500); }
.loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .rewardsSection .\!rewards .rewardDishTitle, .loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .rewardsSection .rewards .rewardDishTitle { font-family: BrooklynSamuelsThreeBold; margin-bottom: 0.625rem; font-weight: 700; color: var(--colorBaseOffBlack500); text-transform: uppercase; }
@media (min-width: 1024px) {
  .loyaltyPageContainer .loyaltyRightSideWrapper .loyaltyRightSideContainer .itemListContainer { width: 100%; }
}
.loyaltyPageContainer .loyaltyRightSideWrapper .imageWithText { margin-top: 1.25rem; display: block; }
@media (min-width: 1024px) {
  .loyaltyPageContainer .loyaltyRightSideWrapper .imageWithText { margin-top: 0px; }
}
.loyaltyPageContainer .loyaltyRightSideWrapper .imageWithText .leftImageBurst, .loyaltyPageContainer .loyaltyRightSideWrapper .imageWithText .rightImageburst { display: none; }
.loyaltyPageContainer .loyaltyRightSideWrapper .imageWithText .bannerDoubleText .loyaltyheaderResponsive .bannerDoubleTextOne { font-family: BrooklynSamuelsThreeBold; font-size: 2.25rem; line-height: 2.25rem; color: var(--colorPrimary500); }
.loyaltyPageContainer .loyaltyRightSideWrapper .imageWithText .bannerDoubleText .loyaltyheaderResponsive .bannerDoubleTextTwo { display: none; }
@media (min-width: 1024px) {
  .loyaltyPageContainer .loyaltyRightSideWrapper .intimationContainer { margin-left: 0px; margin-top: 2rem; padding: 2.5rem; }
}
.loyaltyPageContainer .loyaltyRightSideWrapper .intimation { font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 1.5rem; }
@media (min-width: 1024px) {
  .loyaltyPageContainer .loyaltyRightSideWrapper .intimation { font-family: BrooklynSamuelsFourBold; margin-top: 0px; max-width: 28rem; font-size: 34px; line-height: 2.5rem; }
}
.loyaltyPageContainer .loyaltyRightSideWrapper .rewardErrorText { color: var(--colorBaseAlpha600); }
.loyaltyPageContainer .loyaltyRightSideWrapper .noDealText, .loyaltyPageContainer .loyaltyRightSideWrapper .rewardErrorText { font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; }
@media (min-width: 1024px) {
  .loyaltyPageContainer .loyaltyRightSideWrapper .noDealText { padding-top: 2rem; padding-bottom: 2rem; }
}
.loyaltyPageContainer .loyaltyRightSideWrapper .offerTabSubTitle { font-family: BrooklynSamuelsThreeBold; padding-top: 0.5rem; font-size: 22px; font-weight: 700; line-height: 1.5rem; color: var(--colorBaseOffBlack500); text-align: center; text-transform: uppercase; }
.loyaltyPageContainer .loyaltyRightSideWrapper .intimationContainer svg { display: none; }
@media (min-width: 1024px) {
  .loyaltyPageContainer .loyaltyRightSideWrapper .rewardInfoNotAvailable { margin-left: 0px; margin-right: 0px; margin-top: 0.75rem; }
}
.loyaltyPageContainer .loyaltyRightSideWrapper .rewardInfoNotAvailable svg { display: none; }
.loyaltyPageContainer .errorInnerContainer.pointsRewardError { margin-bottom: 2rem; margin-top: 1.25rem; padding-top: 2.5rem; padding-bottom: 2.5rem; }
@media (min-width: 1024px) {
  .loyaltyPageContainer .errorInnerContainer.pointsRewardError { margin-bottom: 4rem; margin-top: 2rem; min-height: 558px; background-color: var(--colorBaseOffWhite500); padding: 2rem 1.5rem 0px; }
}
.loyaltyPageContainer .errorInnerContainer.pointsRewardError svg { display: none; }
.loyaltyPageContainer .errorInnerContainer.pointsRewardError .errorMessegeTitle { font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; }
.loyaltyPageContainer .errorInnerContainer.pointsRewardError .buttonSecondary { display: none; }
.loyaltyPageContainer .errorInnerContainer.pointsRewardError .checkBackLater { font-family: var(--fontFamiliesBody); font-size: 1rem; color: var(--colorBaseAlpha600); --tw-leading: 22px; line-height: 22px; }
.loyaltyPageContainer .rewardsTabContainer.rewardsTabSticky { margin-top: 0px; background-color: var(--colorBaseAlpha50); padding-top: 1.25rem; }
@media (min-width: 1024px) {
  .loyaltyPageContainer .rewardsTabContainer.rewardsTabSticky { background-color: var(--colorBaseAlpha50); }
}
.loyaltyPageContainer .rewardsTabContainer.rewardsTabSticky .pickupMethodText { font-family: BrooklynSamuelsThreeBold; height: 2rem; font-size: 0.75rem; line-height: 1rem; font-weight: 700; color: var(--colorBaseOffBlack500); }
@media (min-width: 1024px) {
  .loyaltyPageContainer .rewardsTabContainer.rewardsTabSticky .pickupMethodText { height: 2.5rem; font-size: 22px; }
}
.loyaltyPageContainer .rewardsTabContainer.rewardsTabSticky .pickupMethodText .prefixIcon { display: none; }
.loyaltyPageContainer .rewardsTabContainer.rewardsTabSticky .pickupMethodActiveTab { border-color: var(--colorBaseAlpha300); background-color: var(--colorSecondary500); color: var(--colorBaseAlpha50); }
.loyaltyPageContainer .rewardsTabContainer.rewardsTabSticky .rewardsButtons { border-color: var(--colorBaseAlpha300); background-color: var(--colorBaseOffWhite500); }
@media (min-width: 1024px) {
  .loyaltyPageContainer .rewardsTabContainer.rewardsTabSticky.locationNotSelected { position: static; padding-top: 2rem; }
}
.loyaltyRightSideContainer .loyltyPromoCode svg path:first-child { fill: var(--colorBaseOffBlack500); }
.selectedRewardModal .topIcon path { fill: var(--colorPrimary500); }
.selectedRewardModal .rewardsBadge.rewardsBadgeModal { color: var(--colorBaseOffBlack500); }
.selectedRewardModal .rewardsBadge.rewardsBadgeModal path { fill: var(--colorBaseOffBlack500); }
.selectedRewardModal .rewardsBadge.rewardsBadgeModal svg { height: 18px; width: 18px; }
.selectedRewardModal .referFriendInput { border-bottom-color: var(--colorBaseAlpha200); color: var(--colorBaseAlpha900); }
.selectedRewardModal .referFriendInputLabel { font-size: var(--fontSizeFontSizeSm); font-weight: 400; }
.dealsTotalSticky { display: none; }
.loyltyScanCode { height: 3rem; width: 15rem; border-color: var(--colorBaseOffBlack500); font-family: var(--fontFamiliesBody); font-size: 1rem; line-height: 1.5rem; font-weight: 700; color: var(--colorBaseOffBlack500); text-transform: capitalize; }
.redeemingRewardBg svg { display: none; }
.rewardPopupContainer .singleDealHeading, .selectedRewardModal .singleDealHeading { font-family: BrooklynSamuelsThreeBold; margin-bottom: 0px; margin-top: 1rem; font-size: 22px; line-height: 1.5rem; text-transform: uppercase; }
.rewardPopupContainer .singleDealExp, .selectedRewardModal .singleDealExp { margin-bottom: 0px; margin-top: 1rem; }
.rewardPopupContainer .\!selectedReward, .rewardPopupContainer .selectedReward, .selectedRewardModal .\!selectedReward, .selectedRewardModal .selectedReward { margin-bottom: 0px; margin-top: 1rem; padding-top: 0px; padding-bottom: 0px; font-family: var(--fontFamiliesBody); font-size: 1rem; --tw-leading: 22px; line-height: 22px; }
.rewardPopupContainer .signInButton, .selectedRewardModal .signInButton { font-family: BrooklynSamuelsThreeBold; margin-top: 1.5rem; margin-bottom: 1.5rem; font-size: 22px; font-weight: 700; letter-spacing: 0.38px; }
.rewardPopupContainer .modalBtns, .selectedRewardModal .modalBtns { margin-top: 1.5rem; padding-bottom: 0.5rem; }
.rewardPopupContainer .modalBtns .cancelButton, .selectedRewardModal .modalBtns .cancelButton { font-family: BrooklynSamuelsThreeBold; }
.rewardPopupContainer .modalBtns .singleDealDesc, .selectedRewardModal .modalBtns .singleDealDesc { margin-bottom: 0px; }
.rewardPopupContainer .singleDealTaxes, .rewardPopupContainer .singleDealTermsCondition, .selectedRewardModal .singleDealTaxes, .selectedRewardModal .singleDealTermsCondition { margin-top: 0.5rem; padding-top: 0px; }
.rewardPopupContainer .rewardsBadge, .selectedRewardModal .rewardsBadge { font-weight: 700; }
.scanReceipt.nlScanReceipt { border-color: var(--colorBackgroundNeutralDim); background-color: var(--colorBaseAlpha100); padding-bottom: 2rem; }
.scanReceipt.nlScanReceipt h3 { font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 1.5rem; color: var(--colorBaseOffBlack500); text-transform: uppercase; }
.scanReceipt.nlScanReceipt .startOrderButtonStyle { font-family: BrooklynSamuelsThreeBold; margin-top: 1.25rem; height: 3rem; font-size: 22px; }
.scanReceipt.nlScanReceipt .startOrderButtonStyle span { top: 0.125rem; position: relative; }
.scanLandingBg { background-color: var(--colorBaseAlpha50); padding-left: 1.5rem; padding-right: 1.5rem; }
.scanLandingBg .errorPageContainer { gap: 1rem; }
.scanLandingBg .errorPageContainer .errorInfoContainer.scanLanding { padding-left: 1rem; padding-right: 1rem; padding-top: 1.5rem; }
.scanLandingBg .errorPageContainer .errorInfoContainer.scanLanding .errorDesc { width: 100%; }
.scanLandingBg .errorPageContainer .errorInfoContainer.scanLanding .buttonPrimary { font-family: BrooklynSamuelsThreeBold; top: 0px; height: 3rem; font-size: 22px; font-weight: 700; }
.scanLandingBg .errorPageContainer .errorInfoContainer.scanLanding .errorTitle { padding-top: 0px; }
.scanLandingBg .errorPageContainer .buttonBottomCtrl { font-family: BrooklynSamuelsThreeBold; top: 0px; height: 3rem; font-size: 22px; font-weight: 700; }
.scanLandingBg .errorPageContainer .bottomButtonContainer { padding-left: 1rem; padding-right: 1rem; }
.scanLandingBg .errorTitle { font-family: BrooklynSamuelsThreeBold; width: 91.6667%; line-height: 1.5rem; letter-spacing: 0.5px; text-transform: uppercase; }
.modal .modalInner .receiptInfoModal { width: 287px; }
.modal .modalInner .receiptInfoModal svg { height: 3rem; width: 3rem; }
.modal .modalInner .receiptInfoModal .rewardsInputContainer svg { height: 1rem; width: 1rem; }
.modal .modalInner .receiptInfoModal .taxFeesModalHeading + .modalContent { margin-top: 1rem; }
.modal .modalInner .receiptInfoModal .rewardsInputContainer { margin-bottom: 2rem; margin-top: 1.25rem; }
.modal .modalInner .addCodeModal .modalBtns { margin-top: 0px; }
.modal .modalInner .addCodeModal .disclimerText { padding-top: 1rem; width: 100%; justify-content: center; }
.modal .modalInner .addCodeModal .floating-container .floatingInputField.peer.invalid { padding-top: 0.25rem; font-weight: 400; }
.modal .modalInner .addCodeModal .floating-container .fbr-floating-label { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.modal .modalInner .referFriendHeading, .modal .modalInner .taxFeesModalHeading { font-family: BrooklynSamuelsThreeBold; margin-bottom: 0px; font-size: 22px; text-transform: uppercase; }
.modal .modalInner .modalBtns .buttonWrapper { font-family: BrooklynSamuelsThreeBold; }
.modal .modalInner .desriptionContent { padding-top: 1rem; --tw-leading: 22px; line-height: 22px; }
.modal .modalInner .selectedRewardModal { margin-top: 0px; }
.modal .modalInner .selectedRewardModal .rewardsBadge { margin-bottom: 0px; }
.modal .modalInner .selectedRewardModal .referFriendHeading + .modalBtns .buttonPrimary span { top: 0px; position: relative; text-transform: uppercase; }
.modal .modalInner .selectedRewardModal .\!selectedReward + .modalBtns .buttonWrapper span, .modal .modalInner .selectedRewardModal .selectedReward + .modalBtns .buttonWrapper span { top: 0px; position: relative; }
.modal .modalInner .selectedRewardModal .\!selectedReward, .modal .modalInner .selectedRewardModal .modalBtns + .\!selectedReward, .modal .modalInner .selectedRewardModal .modalBtns + .selectedReward, .modal .modalInner .selectedRewardModal .selectedReward, .modal .modalInner .selectedRewardModal .singleDealHeading { margin-top: 1.5rem; }
.modal .modalInner .selectedRewardModal .modalBtns { padding-bottom: 0px; }
.modal .modalInner .selectedRewardModal .singleDealDesc { margin-bottom: 0px; margin-top: 1rem; }
.modal .modalInner .selectedRewardModal .singleDealTaxes { margin-top: 0.5rem; }
.modal .modalInner .receiptErrorModel svg { height: 3rem; width: 3rem; }
.modal .modalInner .receiptErrorModel .taxFeesModalHeading { margin-top: 1.5rem; }
.modal .modalInner .receiptErrorModel .modalContent { margin-top: 1rem; }
.modal .modalInner .receiptErrorModel .modalBtns { margin-top: 1.5rem; }
.modal .modalInner .useRewardOnline .modalTitle { color: var(--colorBaseOffBlack500); }
.modal .modalInner .useRewardOnline .useRewardText { margin-top: 1rem; display: block; }
.dealSection.dealCart { padding-bottom: 1.5rem; }
@media (min-width: 1024px) {
  .dealSection.dealCart { padding-bottom: 2rem; }
}
.dealSection.dealCart .dealCard { border-color: var(--colorBaseAlpha400); background-color: var(--colorBaseAlpha50); }
.dealSection.dealCart .dealCard.isDealApplied { background-color: var(--colorSecondary500); color: var(--colorBaseAlpha50); }
.dealSection.dealCart .dealCard.isDealApplied .expiringSoonBadge { background-color: var(--colorBaseAlpha50); color: var(--colorBaseOffBlack500); }
.dealSection.dealCart .dealCard.isDealApplied .expireDate, .dealSection.dealCart .dealCard.isDealApplied .loyaltyTermsAndCondition, .dealSection.dealCart .dealCard.isDealApplied .rewardDishName { color: var(--colorBaseAlpha50); }
.dealSection.dealCart .dealCard.isDealApplied .rightArrow path { fill: var(--colorBaseAlpha50); }
.dealSection.dealCart .rewardDishName { font-family: BrooklynSamuelsThreeBold; text-transform: uppercase; }
.dealSection.dealCart .expireDate, .dealSection.dealCart .rewardDishName { color: var(--colorBaseOffBlack500); }
.dealSection.dealCart .expireDate, .dealSection.dealCart .loyaltyTermsAndCondition { color: var(--colorBaseAlpha600); }
.dealSection.dealCart .expiringSoonBadge { background-color: var(--colorSecondary500); color: var(--colorBaseOffBlack500); }
.dealSection.dealCart .rightArrow path { fill: var(--colorBaseOffBlack500); }
.singleDealBanner { background-color: var(--colorSecondary500); color: var(--colorBaseAlpha50); }
.singleDealHeading { font-family: BrooklynSamuelsThreeBold; font-size: 22px; line-height: 1.5rem; text-transform: uppercase; }
.\!rewards.isRewardApplied, .rewards.isRewardApplied { background-color: var(--colorSecondary500); }
.\!rewards.isRewardApplied .rewardsBadge, .rewards.isRewardApplied .rewardsBadge { color: var(--colorBaseOffBlack500); }
.\!rewards.isRewardApplied .rewardsBadge path, .rewards.isRewardApplied .rewardsBadge path { fill: var(--colorBaseOffBlack500); }
.\!rewards.isRewardApplied .rewardDishTitle h4, .rewards.isRewardApplied .rewardDishTitle h4 { color: var(--colorBaseAlpha50); }
.referFriendInputContainer { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.with_cart_header .rewardsTabContainer.rewardsTabSticky { padding-top: 1.5rem; }
.fullSliderDeals .moduleCtr .rewardsSection .itemList { gap: 0.5rem; }
@media (min-width: 1024px) {
  .fullSliderDeals .moduleCtr .rewardsSection .itemList { gap: 0.75rem; }
}
.homePage .rewardDishTitle { font-family: BrooklynSamuelsFiveMedium; margin-bottom: 0.625rem; color: var(--colorBaseOffBlack500); text-transform: capitalize; }
.homePage .dealsHomeWrapper .dealsHomePoints { padding-top: 0.5rem; }
.homePage .taxAndFeesApplylink { padding-top: 1.25rem; }
.homePage .sliderChevronIcon { margin-top: 1rem; }
.dealsHomeWrapper .moduleCtr .rewardsSection .itemListContainer .\!rewards.loyaltyRewardDisable, .dealsHomeWrapper .moduleCtr .rewardsSection .itemListContainer .rewards.loyaltyRewardDisable { background-color: var(--colorBaseAlpha400); }
.dealsHomeWrapper .moduleCtr .rewardsSection .itemListContainer .\!rewards.loyaltyRewardDisable .rewardDishTitle h4, .dealsHomeWrapper .moduleCtr .rewardsSection .itemListContainer .rewards.loyaltyRewardDisable .rewardDishTitle h4 { color: var(--colorBaseAlpha600); text-transform: uppercase; }
.dealsHomeWrapper .moduleCtr .rewardsSection .itemListContainer .\!rewards.loyaltyRewardDisable .rewardDishTitle h4 p, .dealsHomeWrapper .moduleCtr .rewardsSection .itemListContainer .rewards.loyaltyRewardDisable .rewardDishTitle h4 p { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; }
.dealsHomeWrapper .moduleCtr .rewardsSection .itemListContainer .\!rewards.loyaltyRewardDisable .rewardsBadge, .dealsHomeWrapper .moduleCtr .rewardsSection .itemListContainer .rewards.loyaltyRewardDisable .rewardsBadge { border-color: var(--colorBaseAlpha500); color: var(--colorBaseAlpha600); border-style: var(--tw-border-style); border-width: 1px; background-color: transparent; }
.dealsHomeWrapper .moduleCtr .rewardsSection .itemListContainer .\!rewards.loyaltyRewardDisable .rewardsBadge path:first-child, .dealsHomeWrapper .moduleCtr .rewardsSection .itemListContainer .rewards.loyaltyRewardDisable .rewardsBadge path:first-child { fill: var(--colorBaseAlpha600); }
.dealsHomeWrapper .moduleCtr .rewardsSliderContainer { padding-top: 0px; }
@media (min-width: 1024px) {
  .dealsHomeWrapper .moduleCtr .rewardsSliderContainer .modHomeTitleCtr { margin-bottom: 1.25rem; }
}
.dealsHomeWrapper .moduleCtr .rewardsSliderContainer .availableText { margin-top: 0.5rem; }
.orderConfirmRewardsBanner { height: auto; }
.orderConfirmRewardsBanner::after { content: var(--tw-content); height: 100%; }
.orderConfirmRewardsBanner .orderViewRewards { margin-top: 22px; margin-bottom: 22px; padding-top: 2.5rem; padding-bottom: 2.5rem; }
.orderConfirmRewardsBanner .orderViewRewards .topText { padding-top: 0px; padding-bottom: 0px; }
.orderConfirmRewardsBanner .orderViewRewards .orderSignupBtn { margin-bottom: 0px; margin-top: 1.5rem; width: auto; }
.orderConfirmRewardsBanner .orderViewRewards .rewardPoints { font-weight: 600; color: var(--colorBaseAlpha50); }
.personalInfoFormContainer .orderConfirmRewardsBanner { height: auto; }
.personalInfoFormContainer .orderConfirmRewardsBanner::after { content: var(--tw-content); height: 100%; }
.personalInfoFormContainer .orderConfirmRewardsBanner .orderViewRewards { margin-top: 0px; margin-bottom: 0px; padding-top: 2.5rem; padding-bottom: 2.5rem; }
.howItWorksContainer .howItWorksInnerContainer .accountSectionTitle { font-family: BrooklynSamuelsThreeBold; font-size: 34px; font-weight: 700; text-transform: uppercase; }
.howItWorksContainer .howItWorksInnerContainer .howItWorksNewHeading { font-family: BrooklynSamuelsThreeBold; padding-bottom: 1.25rem; font-weight: 700; }
.howItWorksContainer .howItWorksInnerContainer .howItWorksNewDesc { padding-bottom: 1.5rem; font-family: var(--fontFamiliesBody); }
.howItWorksContainer .howItWorksInnerContainer .howItWorksNewCancel { font-size: 22px; }
.howItWorksContainer .howItWorksInnerContainer .singleDealTermsCondition { padding-top: 2rem; }
.howItWorksContainer .howItWorksInnerContainer .howItWorksNewEarn { padding-bottom: 0.5rem; color: var(--colorBaseAlpha500); }
.howItWorksContainer .howItWorksInnerContainer .howItWorksNewContent svg { margin-bottom: 3px; height: 19px; width: 19px; }
.howItWorksContainer .howItWorksInnerContainer span svg { display: none; }
.modalBtns button span { top: 0px; position: relative; }
.barCodePopup .barcodeScanHeading { font-family: BrooklynSamuelsThreeBold; font-size: 22px; line-height: 1.5rem; text-transform: uppercase; }
.barCodePopup .buttonPrimary { font-size: var(--typographyButtonPrimaryLargeFontSize); }
.barCodePopup .cancelButton { font-family: BrooklynSamuelsThreeBold; }
.buttonSecondary.loyaltyRewardsBtn { font-family: var(--fontFamiliesBody); }
.outletRight, .outletWrapper, .searchInputLabel { background-color: var(--colorBaseAlpha50); }
.outletWrapper .storeHeaderMobile .storeHeaderModule { margin-bottom: 1rem; margin-top: 3rem; }
.outletWrapper .storeHeaderMobile .storeHeaderModule .brandLogoContainer { margin-top: 0px; }
.outletWrapper .storeHeaderMobile .storeHeaderModule .brandLogoContainer svg { height: 3rem; width: 130px; }
.outletWrapper .storeHeaderMobile .storeHeaderModule .backArrowIcon { top: 0px; }
.outletWrapper .storeHeaderMobile .storeHeaderModule .backArrowIcon path:first-child { fill: var(--colorPrimary500); }
.outletWrapper .outletRightContainer { padding: 0px; }
@media (min-width: 1024px) {
  .outletWrapper .outletRightContainer .storeHeaderDesktop .storeHeaderModule { margin-bottom: 1rem; margin-top: 3rem; }
}
.outletWrapper .outletRightContainer .storeHeaderDesktop .storeHeaderModule .brandLogoContainer { margin-top: 0px; margin-bottom: 0px; cursor: default; }
.outletWrapper .outletRightContainer .storeHeaderDesktop .storeHeaderModule .brandLogoContainer svg { height: 3rem; width: 130px; }
.outletWrapper .outletRightContainer .storeButtonTabWrapper { margin: 1rem 1.25rem; }
@media (min-width: 1024px) {
  .outletWrapper .outletRightContainer .storeButtonTabWrapper { margin-top: 0.75rem; margin-bottom: 0.75rem; }
}
.outletWrapper .outletRightContainer .storeButtonTabWrapper .buttonTabWrapper .activeButtonTab { background-color: var(--colorBaseOffBlack500); }
.outletWrapper .outletRightContainer .searchBarContentContainer { margin-left: 1.25rem; margin-right: 1.25rem; }
.outletWrapper .outletRightContainer .searchBarContentWrapperButton .searchBarWrapper { margin-top: 0.75rem; }
.outletWrapper .outletRightContainer .searchBarContentWrapperButton .searchResultContainerWrapper { top: 61px; border-color: var(--colorBaseAlpha500); border-style: var(--tw-border-style); border-width: 1px; }
.outletWrapper .outletRightContainer .searchBarContentWrapperButton .searchResultContainerWrapper .resultCount { width: 91.6667%; color: var(--colorBaseOffBlack500); }
.outletWrapper .outletRightContainer .searchBarContentWrapperButton .searchResultContainerWrapper .listItem { color: var(--colorBaseOffBlack500); }
.outletWrapper .outletRightContainer .searchBarContentWrapperButton .searchInputWrapper input { font-weight: 400; color: var(--colorBaseAlpha800); }
.outletWrapper .outletRightContainer .errorInfoWrapper.errorLocationShare.noSearchResult .outletRightBottom { margin-left: auto; margin-right: auto; width: 375px; margin-inline: auto; }
.outletWrapper .outletRightContainer .errorInfoWrapper.errorLocationShare.noSearchResult .outletRightBottom .locationNoAreaContainer.errorInfoContainer { padding-top: 2rem; }
.outletWrapper .outletRightContainer .errorInfoWrapper.errorLocationShare.noSearchResult .rightBottomContainer { margin: 2rem 1.25rem; gap: 1.5rem; padding-top: 0px; padding-bottom: 0px; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .outletWrapper .outletRightContainer .errorInfoWrapper.errorLocationShare.noSearchResult .rightBottomContainer { margin-left: 0px; margin-right: 0px; }
}
.outletWrapper .outletRightContainer .errorInfoWrapper.errorLocationShare.noSearchResult .rightBottomContainer .errorInfoContainer { padding-top: 0px; }
.outletWrapper .outletRightContainer .errorInfoWrapper.errorLocationShare.noSearchResult .rightBottomContainer .infoContainer { margin: auto; gap: 1.5rem; }
.outletWrapper .outletRightContainer .errorInfoWrapper.errorLocationShare.noSearchResult .rightBottomContainer .infoContainer .infoWrapper { gap: 1rem; display: flex; flex-direction: column; }
.outletWrapper .outletRightContainer .errorInfoWrapper.errorLocationShare.noSearchResult .rightBottomContainer .infoContainer .infoWrapper .errorTitle.errorlocationPrice { padding-top: 0px; font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 1.5rem; letter-spacing: 0.5px; text-transform: uppercase; }
.outletWrapper .outletRightContainer .errorInfoWrapper.errorLocationShare.noSearchResult .rightBottomContainer .infoContainer .infoWrapper .errorDesc { padding-top: 0px; color: var(--colorBaseOffBlack500); }
.outletWrapper .outletRightContainer .errorInfoWrapper.errorLocationShare.noSearchResult .rightBottomContainer .enableLocationButtonWrapper { padding-top: 0px; }
.outletWrapper .outletRightContainer .errorInfoWrapper.errorLocationShare.noSearchResult .rightBottomContainer .enableLocationButtonWrapper .buttonWrapper { background-color: var(--colorBaseRed550); padding-left: 0px; padding-right: 0px; font-family: BrooklynSamuelsThreeBold; font-weight: 700; color: var(--colorBaseAlpha50); border-style: var(--tw-border-style); border-width: 0px; font-size: 19px; text-transform: uppercase; }
@media (min-width: 1024px) {
  .outletWrapper .outletRightContainer .errorInfoWrapper.errorLocationShare.noSearchResult .rightBottomContainer .enableLocationButtonWrapper .buttonWrapper { padding-left: 1rem; padding-right: 1rem; }
}
.outletWrapper .outletRightContainer .errorInfoWrapper.errorLocationShare.noSearchResult .rightBottomContainer .enableLocationButtonWrapper .buttonWrapper path:first-child { fill: var(--colorBaseAlpha50); }
.outletWrapper .outletRightContainer .sectionTabWrapper { margin-left: 0px; margin-right: 0px; padding-top: 1rem; }
@media (min-width: 1024px) {
  .outletWrapper .outletRightContainer .sectionTabWrapper { padding-bottom: 0px; padding-top: 0.75rem; }
}
.outletWrapper .outletRightContainer .sectionTabWrapper .activeSectionTab, .outletWrapper .outletRightContainer .sectionTabWrapper .inActiveSectionTab { padding-bottom: 0.375rem; padding-top: 0.75rem; }
.outletWrapper .outletRightContainer .sectionTabWrapper .activeSectionTab { border-bottom-width: 4px; border-color: var(--colorBaseRed550); }
.outletWrapper .outletRightContainer .cardTitleText { padding-top: 0px; font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; }
.outletWrapper .outletRightContainer .cardTextPara { padding-top: 1rem; }
.outletWrapper .outletRightContainer .outDeliveryRange .outDeliveryCont { margin: 2rem auto; max-width: 375px; gap: 1.5rem; padding: 0px 1.25rem; margin-inline: auto; display: flex; flex-direction: column; }
.outletWrapper .outletRightContainer .outDeliveryRange .outDeliveryCont .outDeliveryImg { width: 100px; height: 100px; align-items: center; }
.outletWrapper .outletRightContainer .outDeliveryRange .outDeliveryCont .nearStoreCardWrapper { margin-top: 0px; }
.outletWrapper .outletRightContainer .changePickupButton, .outletWrapper .outletRightContainer .pickupHereButton, .outletWrapper .outletRightContainer .recentsSignUpButton { background-color: var(--colorBaseRed550); font-family: BrooklynSamuelsThreeBold; font-weight: 700; color: var(--colorBaseAlpha50); width: 100%; font-size: 19px; text-transform: uppercase; }
.outletWrapper .outletRightContainer .tryAnotherAddress { border-color: var(--colorBaseRed550); background-color: var(--colorBaseAlpha50); font-family: BrooklynSamuelsThreeBold; font-weight: 700; color: var(--colorBaseRed550); font-size: 19px; text-transform: uppercase; }
.outletWrapper .outletRightContainer .recentsSignUpButtonWrapper { padding-top: 0px; width: 100%; }
.outletWrapper .outletRightContainer .enterAddressBtn .btnPrimaryDark { background-color: var(--colorBaseRed550); font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; color: var(--colorBaseAlpha50); text-transform: uppercase; }
.outletWrapper .outletRightContainer .tryAnotherAddressBtn { gap: 1rem; display: flex; flex-direction: column; }
.outletWrapper .outletRightContainer .tryAnotherAddressBtn .buttonWrapper { margin-top: 0px; margin-bottom: 0px; }
.outletWrapper .outletRightContainer .tryAnotherAddressBtn .restaurantSeeMoreBtn { width: auto; background-color: transparent; }
.outletWrapper .outletRightContainer .tryAnotherAddressBtn span { top: 1px; position: relative; }
.outletWrapper .outletRightContainer .signUpToViewRecentTextWrapper { padding-top: 0px; font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; --tw-leading: 22px; line-height: 22px; text-transform: uppercase; }
.outletWrapper .outletRightContainer .guestRecentErrorWrapper { margin: 2rem auto; max-width: 375px; gap: 1.5rem; padding: 0px 1.25rem; margin-inline: auto; display: flex; }
.outletWrapper .outletRightContainer .nearStoreCardWrapper { gap: 0.5rem; display: flex; flex-direction: column; border-style: var(--tw-border-style); border-width: 1px; }
.outletWrapper .outletRightContainer .nearStoreCardWrapper .nearStoreCardTitle { font-family: var(--fontFamiliesBody); font-size: 1rem; font-weight: 700; color: var(--colorBaseOffBlack500); --tw-leading: 22px; line-height: 22px; text-decoration-line: none; }
.outletWrapper .outletRightContainer .nearStoreCardWrapper .nearStoreCardAddress { font-size: 0.875rem; line-height: 1.25rem; }
.outletWrapper .outletRightContainer .warningIconPos { margin-top: 0px; width: 100px; height: 100px; }
.outletWrapper .outletRightContainer .titleText { padding-top: 0px; font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; }
.outletWrapper .outletRightContainer .optionalInputContainer { margin-top: 0px; border-color: var(--colorBaseAlpha500); }
.outletWrapper .outletRightContainer .errorLocationOutlet.addressLookCorrectContainer { margin: 2rem auto; max-width: 375px; gap: 1.5rem; padding: 0px 1.25rem; margin-inline: auto; display: flex; }
.outletWrapper .outletRightContainer .errorLocationOutlet.addressLookCorrectContainer .btnContainer { padding-top: 0px; }
.outletWrapper .outletRightContainer .errorLocationOutlet.addressLookCorrectContainer .btnContainer .btnPrimaryDark { background-color: var(--colorBaseRed550); font-family: BrooklynSamuelsThreeBold; font-weight: 700; color: var(--colorBaseAlpha50); width: 100%; font-size: 19px; text-transform: uppercase; }
.outletWrapper .outletRightContainer .errorLocationOutlet.addressLookCorrectContainer .btnContainer .btnSecondary { border-color: var(--colorBaseRed550); background-color: var(--colorBaseAlpha50); font-family: BrooklynSamuelsThreeBold; font-weight: 700; color: var(--colorBaseRed550); font-size: 19px; text-transform: uppercase; }
.outletWrapper .outletRightContainer .actionItemContainer { margin-top: -0.5rem; height: 3rem; }
.outletWrapper .outletRightContainer .outletRightBottom { margin-left: auto; margin-right: auto; max-width: 375px; padding-left: 1.25rem; padding-right: 1.25rem; margin-inline: auto; }
.outletWrapper .outletRightContainer .outletRightBottom .errorTitle { padding-top: 1.5rem; font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; }
.outletWrapper .outletRightContainer .outletRightBottom .locationShareFailedBtn .btnSecondary { border-color: var(--colorBaseRed550); background-color: var(--colorBaseAlpha50); font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; color: var(--colorBaseRed550); text-transform: uppercase; }
.outletWrapper .outletRightContainer .outletRightBottom .enterAddressBtn { margin-top: 1.5rem; }
.outletWrapper .outletRightContainer .outletRightBottom .infoWrapper .errorDesc { padding-top: 1rem; }
.outletWrapper .restaurantInfoMapView { margin: 0px; }
.outletWrapper .storeCardWrapper { margin-left: 1.25rem; margin-right: 1.25rem; margin-top: 1.25rem; padding-right: 0px; }
.outletWrapper .storeCardWrapper .storeCardContainer { padding-bottom: 1.25rem; }
.outletWrapper .storeCardWrapper .openingHoursAndMoreInfoWrapper, .outletWrapper .storeCardWrapper .storeAddressAndMilesWrapper { padding-top: 0.5rem; }
.outletWrapper .storeCardWrapper .selectLocationButtonWrapper { padding-top: 1.25rem; }
.outletWrapper .fbrRestaurantInfo { background-color: var(--colorBaseAlpha50); }
.outletWrapper .fbrRestaurantInfo .fbrInnerBox .fbrAddressContent { color: var(--colorBaseAlpha600); }
.outletWrapper .fbrRestaurantInfo .fbrInnerBox .fbrAlignItemCenter { color: var(--colorBaseAlpha500); }
.outletWrapper .fbrRestaurantInfo .fbrInnerBox .fbrInnerTextTwo .fbrEditBtn { margin-bottom: 0.5rem; }
.outletWrapper .fbrRestaurantInfo .fbrScheduleType { font-family: var(--fontFamiliesBody); }
.outletWrapper .fbrRestaurantInfo .fbrOrderInfoTitle { color: var(--colorBaseOffBlack500); }
.outletWrapper .fbrOrderinfooverlayHeadingWrapper { gap: 0.5rem; display: flex; text-align: center; }
.outletWrapper .fbrOrderinfooverlayHeadingWrapper svg.backArrow { top: 3rem; border-color: var(--colorBaseRed550); }
.outletWrapper .fbrOrderinfooverlayHeadingWrapper svg.backArrow path:first-child { fill: var(--colorBaseRed550); }
.outletWrapper .fbrOrderinfooverlayHeadingWrapper .fbrOrderinfooverlayHeading { margin: 3rem auto 1rem; max-width: 13rem; padding: 0px; font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 1.75rem; margin-inline: auto; align-items: center; justify-content: center; text-align: center; }
@media (min-width: 1024px) {
  .outletWrapper .fbrOrderinfooverlayHeadingWrapper .fbrOrderinfooverlayHeading { max-width: 20rem; }
}
.outletWrapper .orderInfoHeaderBg .storeButtonTabWrapper .buttonTabWrapper { margin-top: 1rem; }
@media (min-width: 1024px) {
  .outletWrapper .orderInfoHeaderBg .storeButtonTabWrapper .buttonTabWrapper { margin-top: 0.75rem; margin-bottom: 0.75rem; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.outletWrapper .restaurantDesk .fbrStoreSearchHeading { display: none; }
.outletWrapper .restaurantDesk .fbrStoreSearchHeading { left: 0px; padding: 0px; position: absolute; }
@media (min-width: 1024px) {
  .outletWrapper .restaurantDesk .getDirection { margin-bottom: 0px; }
}
.outletWrapper .restaurantDesk .getDirectionsBtn { height: 3rem; border-color: var(--colorBaseRed550); font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; color: var(--colorBaseRed550); display: flex; align-items: center; text-transform: uppercase; }
@media (min-width: 1024px) {
  .outletWrapper .restaurantDesk .getDirectionsBtn { height: 2rem; width: 10rem; border-color: var(--colorBaseOffBlack500); padding: 0px; font-size: 0.75rem; line-height: 1rem; color: var(--colorBaseOffBlack500); }
}
.outletWrapper .restaurantDesk .getDirectionsBtn svg { height: 1.5rem; width: 1.5rem; }
@media (min-width: 1024px) {
  .outletWrapper .restaurantDesk .getDirectionsBtn svg { height: 18px; width: 18px; }
}
.outletWrapper .restaurantDesk .getDirectionsBtn svg path:first-child { fill: var(--colorBaseRed550); }
@media (min-width: 1024px) {
  .outletWrapper .restaurantDesk .getDirectionsBtn svg path:first-child { fill: var(--colorBaseOffBlack500); }
}
.outletWrapper .restaurantDesk .getDirectionsBtn svg rect { fill: var(--colorBaseOffBlack500); }
.outletWrapper .restaurantDesk .getDirectionsBtn span { top: 1px; position: relative; }
.restaurantInfo { background-color: var(--colorBaseAlpha50); }
.restaurantInfo .storeHeaderModule svg { z-index: 10; cursor: pointer; }
.restaurantInfo .storeHeaderModule svg path:first-child { fill: var(--colorPrimary500); }
.restaurantInfo .callbtn .buttonWrapper { height: 3rem; font-family: BrooklynSamuelsThreeBold; font-weight: 700; font-size: 19px; }
.restaurantInfo .CobrandInfo { margin-top: 1.25rem; }
@media (min-width: 1024px) {
  .restaurantInfo .CobrandInfo { margin-top: 1rem; }
}
.restaurantInfo .CobrandInfo .storeCoBrandingWrapper { margin-top: 0px; }
.restaurantInfo .restaurantInfoBtn { margin-top: 1.25rem; }
@media (min-width: 1024px) {
  .restaurantInfo .restaurantInfoBtn { margin-top: 1rem; }
}
.actionRequiredCont .errorLocationWrapper { padding-top: 0px; padding-bottom: 0px; }
.actionRequiredCont .errorLocationWrapper .actionRequiredImage { margin-top: 0px; }
.actionRequiredCont .errorLocationWrapper .actionRequiredImage path { fill: var(--colorBaseRed550); }
.actionRequiredCont .errorLocationWrapper .titleText { padding-top: 1.25rem; font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; }
.actionRequiredCont .errorLocationWrapper .btnsWrapper { padding-top: 2rem; }
.actionRequiredCont .errorLocationWrapper .btnsWrapper .buttonPrimary { height: 3rem; background-color: var(--colorBaseRed550); font-family: BrooklynSamuelsThreeBold; font-weight: 700; color: var(--colorBaseAlpha50); border-style: var(--tw-border-style); border-width: 0px; font-size: 19px; text-transform: uppercase; }
.actionRequiredCont .errorLocationWrapper .actionItemContainer .buttonTertiaryText.accoutRequireText { font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; }
.actionRequiredCont .errorLocationWrapper .actionItemContainer .buttonTertiaryText.accoutRequireText b { font-weight: 700; }
.actionRequiredCont .errorLocationWrapper .actionItemContainer .buttonTertiaryText.accoutRequireText:hover path { fill: var(--colorBaseRed550); stroke: var(--colorBaseRed550); }
.orderInfoHeaderBg .fbrOrderinfooverlayHeadingWrapper svg { top: 3rem; }
.orderInfoHeaderBg .fbrOrderinfooverlayHeadingWrapper .fbrOrderinfooverlayHeading { margin: 3rem auto 1rem; height: 3rem; padding: 0px; margin-inline: auto; display: flex; align-items: center; justify-content: center; }
.orderInfoHeaderBg .activeButtonTab { background-color: var(--colorBaseOffBlack500); }
.fbrConfirmBtn { font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; text-transform: uppercase; }
.saveAddressCheckbox { margin-top: 0px; justify-content: flex-start; }
@media (min-width: 1024px) {
  .storeCardContainer.storeCardLoader { padding-left: 1.25rem; padding-right: 1.25rem; }
}
.storeCardContainer .\!day, .storeCardContainer .day { color: var(--colorBaseAlpha500); }
.storeCardContainer .selectLocationButtonWrapper .orderNowButton { height: 2rem; background-color: var(--colorBaseOffBlack500); font-family: BrooklynSamuelsThreeBold; font-size: 0.75rem; line-height: 1rem; font-weight: 700; }
.storeCardContainer .selectLocationButtonWrapper .orderAheadButton { height: 2rem; border-color: var(--colorBaseOffBlack500); font-family: BrooklynSamuelsThreeBold; font-size: 0.75rem; line-height: 1rem; font-weight: 700; color: var(--colorBaseOffBlack500); }
.storeCardContainer .selectLocationButtonWrapper .selectLocationButton { font-family: BrooklynSamuelsThreeBold; font-weight: 700; text-transform: uppercase; }
.storeCardContainer .selectLocationButtonWrapper .selectLocationButton span { top: 1px; position: relative; }
.signedInRecentsErrorWrapper { margin-left: auto; margin-right: auto; max-width: 375px; padding: 2rem 1.25rem; margin-inline: auto; }
.signedInRecentsErrorWrapper .signedInRecentsErrorContainer { width: 100px; height: 100px; }
.signedInRecentsErrorWrapper .signedInRecentsErrorContainer svg { height: 100%; width: 100%; }
.nothingHereYetText { padding-top: 1.5rem; font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; }
.completeOrderforRecentLocationsText { padding-top: 1rem; }
.buttonTabButton { font-family: BrooklynSamuelsThreeBold; font-weight: 700; text-transform: uppercase; }
.disableTabButton { font-family: var(--fontFamiliesPrimary); color: var(--colorBaseAlpha400); background-color: transparent; }
.disableTabButton svg path { fill: var(--colorBaseAlpha400); }
button.disableTabButton { background-color: transparent; }
@media (hover: hover) {
  button.disableTabButton:hover { background-color: transparent; }
}
button.disableTabButton:hover { background-color: transparent; }
.restaurantInfoTime .restaurantStatusUpdate { gap: 0.5rem; display: flex; flex-direction: column; }
.restaurantInfoTime .restaurantOpenTime, .restaurantInfoTime .restaurantStatusUpdate .restaurantOpenTime { margin-bottom: 0px; }
.restaurantInfoTime .restaurantOpenTime .openToday { color: var(--colorBaseOffBlack500); }
.fbrInnerBox { border-color: var(--colorBaseAlpha500); }
.fbrLeftContent, .storeClosedState { text-decoration-line: underline; }
.storeCoBrandingWrapper { margin-top: 0.5rem; display: flex; }
.storeCoBrandingWrapper .storeCoBrandingText { padding-left: 0.25rem; padding-right: 0.25rem; font-family: var(--fontFamiliesBody); font-size: var(--fontSizeFontSizeSm); }
.phoneNumber { height: auto; }
@media (min-width: 1024px) {
  .restaurantInfoAddress { margin-bottom: 0px; }
}
.orderType { padding-bottom: 1.5rem; }
.changePickupButton span { top: 1px; position: relative; }
@media (min-width: 1024px) {
  .bodyContainer .orderDetailBannerDividerOne, .bodyContainer .orderDetailbannerdividerTwo { height: 2.25rem; }
}
.modalInner .orderInfoModalContainer .cartUpdated { font-family: BrooklynSamuelsThreeBold; font-size: 22px; text-transform: uppercase; }
.modalInner .orderInfoModalContainer .orderInfoFrame2 .okBtn { font-family: BrooklynSamuelsThreeBold; background-color: var(--colorPrimary500); font-size: 19px; text-transform: uppercase; }
.groupOrderInfo { margin-top: 2rem; gap: 0.25rem; border-radius: 0.25rem; border-color: var(--colorBaseAlpha300); background-color: var(--colorBaseAlpha100); padding: 1rem 0.5rem; color: var(--colorBaseOffBlack500); display: flex; border-style: var(--tw-border-style); border-width: 1px; }
.groupOrderInfo p { padding: 0px; line-height: 1.25; align-items: flex-start; }
.auth-layout { background-color: var(--colorBaseAlpha50); }
.auth-layout .sectionTitle { margin-bottom: 0.25rem; border-bottom-width: 3px; border-color: var(--colorTertiary500); font-size: 22px; font-weight: 700; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .auth-layout .sectionTitle { line-height: 1.5rem; }
}
.auth-layout .borderLine { display: none; }
@media (min-width: 1024px) {
  .auth-layout .signInContainer { width: 60%; min-width: 335px; }
}
.auth-layout .signInCtr { padding-top: 1rem; }
.auth-layout .signInToast:empty { display: none; }
.auth-layout .signInButton { font-size: 22px; }
.auth-layout .signInButton span { top: -0.125rem; position: relative; }
.auth-layout .signUpLink { margin-top: 0.25rem; font-weight: 400; }
@media (min-width: 1024px) {
  .auth-layout .signUpLink { margin-top: 1.25rem; }
}
.auth-layout .signUpLink span { font-weight: 700; }
.auth-layout .welcomeContent { position: relative; z-index: 50; }
@media (min-width: 1024px) {
  .auth-layout .welcomeContent { margin-top: 0px; }
}
.auth-layout .welcomeContent .smallText { display: none; }
.auth-layout .welcomeContent .largeText { margin-left: auto; margin-right: auto; max-width: 283px; font-family: var(--fontFamiliesPrimary); font-size: 34px; font-weight: 700; line-height: 40px; margin-inline: auto; }
.auth-layout .welcomeContent .largeText + .\!content, .auth-layout .welcomeContent .largeText + .content { font-weight: 400; }
.auth-layout .welcomeContent .content { font-weight: 700; line-height: 21px; color: var(--colorBaseAlpha600); }
@media (min-width: 1024px) {
  .auth-layout .welcomeContent .content { margin-top: 1.5rem; padding-bottom: 18px; }
}
.auth-layout .welcomeContent .\!content { font-weight: 700; line-height: 21px; color: var(--colorBaseAlpha600); }
@media (min-width: 1024px) {
  .auth-layout .welcomeContent .\!content { margin-top: 1.5rem; padding-bottom: 18px; }
}
.auth-layout .welcomeContent .signInButton, .auth-layout .welcomeContent .signupBtn { font-size: 22px; }
.auth-layout .welcomeContent .signInButton { line-height: 33px; }
@media (min-width: 1024px) {
  .auth-layout .welcomeContent .signInButton { line-height: 1.5rem; }
}
.auth-layout .welcomeContent .signInButton span, .auth-layout .welcomeContent .signupBtn span { top: 2px; position: relative; }
.auth-layout .welcomeContent .btnSection { gap: 0.5rem; }
.auth-layout.welcomeBg::after { position: absolute; bottom: -1.25rem; height: 100%; width: 100%; background-image: url("../scraped_assets/images/welcome_bg.png"); background-position: center bottom; background-repeat: no-repeat; --tw-content: ""; content: var(--tw-content); }
.auth-layout .eyeIconCtr { top: 0.375rem; position: relative; }
.auth-layout .floating-container .floatingInputField { color: var(--colorBaseAlpha900); }
.auth-layout .scoreExclusiveWrapper .sectionTitle { padding-bottom: 0.25rem; }
.auth-layout .scoreExclusiveWrapper .spanStyleOne { display: none; }
.auth-layout .scoreExclusiveWrapper .submitButton { margin-bottom: 3rem; margin-top: 2rem; height: 3rem; padding-left: 2rem; padding-right: 2rem; font-size: 22px; width: 100%; }
@media (min-width: 1024px) {
  .auth-layout .scoreExclusiveWrapper .submitButton { margin-bottom: 4rem; width: auto; }
}
.auth-layout .scoreExclusiveWrapper .submitButton span { top: -3px; position: relative; }
.auth-layout .checkboxLabel.\!checked #img_check_box, .auth-layout .checkboxLabel.checked #img_check_box { --tw-border-style: none; border-style: none; }
.auth-layout .checkboxLabel.\!checked #img_check_box rect, .auth-layout .checkboxLabel.checked #img_check_box rect { fill: var(--colorPrimary500); stroke: var(--colorPrimary500); }
.auth-layout .checkboxLabel.\!checked svg, .auth-layout .checkboxLabel.checked svg { padding: 0px; }
.auth-layout .floating-container .floatingInputField.invalid { font-family: var(--fontFamiliesBody); font-weight: 400; color: var(--colorBaseRed700); }
.auth-layout .floating-container .fbr-floating-label { font-size: 16px; }
.groupOrderWelcome .groupOrderWelcomeHeading { font-family: BrooklynSamuelsThreeBold; text-transform: uppercase; }
.groupOrderWelcome .auth-layout.welcomeBg { padding-bottom: 6rem; position: static; }
.groupOrderWelcome .auth-layout.welcomeBg::after { position: absolute; bottom: 0px; background-size: contain; background-position: center bottom; background-repeat: no-repeat; opacity: 1; --tw-content: ""; content: var(--tw-content); }
@media not all and (min-width: 768px) {
  .groupOrderWelcome .auth-layout.welcomeBg::after { content: var(--tw-content); background-image: url("../scraped_assets/images/welcome_bg_sm.png"); }
}
@media (min-width: 1024px) {
  .groupOrderWelcome .auth-layout.welcomeBg { position: relative; }
  .groupOrderWelcome .auth-layout.welcomeBg::after { content: var(--tw-content); bottom: -1.25rem; }
}
.taxFeesModalHeading { margin-bottom: 1rem; margin-top: 1.5rem; font-family: BrooklynSamuelsThreeBold; font-size: 22px; line-height: 1.5rem; text-transform: uppercase; }
.modalContent { font-weight: 400; color: var(--colorBaseAlpha600); }
.modalBtns { gap: 1rem; }
.modalBtns button { height: 3rem; font-size: 22px; }
.authHeaderRightCloseIconWrapper svg path:first-child { fill: var(--colorBaseRed550); }
.authFooter .footerWrapper { border-color: var(--colorBaseAlpha300); background-color: var(--colorBaseAlpha100); border-top-width: 1px; --tw-border-style: solid; border-style: solid; }
@media (min-width: 1024px) {
  .authFooter .footerWrapper { top: 18px; z-index: 50; height: 3rem; padding-top: 1.5rem; }
}
.authFooter .footerContainerTexture, .authFooter .footerLineImage { display: none; }
@media screen and (max-height: 950px) {
  @media (min-width: 1440px) {
  .auth-layout.welcomeBg { min-height: 800px; }
}
}
.auth-layout .resetPasswordWrapper .spanStyleOne { display: none; }
.auth-layout .resetPasswordWrapper .returnToSignInButton { border-color: var(--colorPrimary500); font-size: 22px; color: var(--colorPrimary500); }
.auth-layout .resetPasswordWrapper .returnToSignInButton span { top: 2px; position: relative; }
.auth-layout .resetPasswordWrapper .sectionTitle { margin-bottom: 0.5rem; font-size: 22px; --tw-border-style: none; border-style: none; }
.auth-layout .resetPasswordWrapper .paragraphStyle { margin-bottom: 2rem; margin-top: 0.5rem; }
.auth-layout .resetPasswordWrapper .linkDivider { margin-top: 1.25rem; }
@media (min-width: 1024px) {
  .auth-layout .resetPasswordWrapper .linkDivider { margin-left: 0.75rem; margin-top: 0.25rem; }
}
.auth-layout .resetPasswordWrapper .resetPasswordButton { margin-top: 0px; font-size: 22px; }
.auth-layout .resetPasswordWrapper .resetPasswordButton span { top: -3px; position: relative; }
.auth-layout .peer:placeholder-shown ~ .fbr-floating-label { font-size: var(--fontSizeFontSizeRg); }
.auth-layout .createAccount:empty { display: none; }
.auth-layout .letsGetStartedWrapper { margin-top: 0px; }
.auth-layout .letsGetStartedWrapper .letsGetStartedBurstIcon { display: none; }
.auth-layout .letsGetStartedWrapper .mandatoryLabel { margin-top: 1rem; margin-bottom: 1rem; }
@media (min-width: 1024px) {
  .auth-layout .letsGetStartedWrapper .mandatoryLabel { margin-bottom: 0.75rem; }
}
.auth-layout .letsGetStartedWrapper .sectionTitle { margin-bottom: 0px; border-style: var(--tw-border-style); border-width: 0px; }
.auth-layout .oneLastThingWrapper.oneLastThingWrapperEdit .headerDividerOne .sectionTitle { font-family: BrooklynSamuelsThreeBold; margin-bottom: 0px; font-size: 34px; line-height: 2rem; color: var(--colorBaseOffBlack500); }
.auth-layout .oneLastThingWrapper.oneLastThingWrapperEdit .formEdit .sectionTitle { color: var(--colorBaseOffBlack500); }
.auth-layout .oneLastThingWrapper.oneLastThingWrapperEdit .submitButton { font-family: BrooklynSamuelsThreeBold; height: 3rem; padding-top: 0px; padding-bottom: 0px; font-size: 22px; width: auto; }
.auth-layout .oneLastThingWrapper.oneLastThingWrapperEdit .orderConfirmRewardsBanner { margin-top: 2rem; margin-bottom: 2rem; }
.auth-layout .oneLastThingWrapper.oneLastThingWrapperEdit .orderConfirmRewardsBanner .orderViewRewards { margin: 0px; padding: 2.5rem 1.25rem; }
.auth-layout .oneLastThingWrapper.oneLastThingWrapperEdit .orderConfirmRewardsBanner .orderViewRewards .topText { padding-bottom: 0px; text-transform: uppercase; }
.auth-layout .oneLastThingWrapper.oneLastThingWrapperEdit .orderConfirmRewardsBanner .orderViewRewards .topText.pointsThisOrder { font-family: BrooklynSamuelsThreeBold; font-size: 1.125rem; line-height: 1.75rem; }
.auth-layout .oneLastThingWrapper.oneLastThingWrapperEdit .orderConfirmRewardsBanner .orderViewRewards .orderViewRewardsDescription { margin-top: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; color: var(--colorBaseAlpha50); }
.auth-layout .oneLastThingWrapper.oneLastThingWrapperEdit .orderConfirmRewardsBanner .orderViewRewards .headTextNo { margin-top: 1rem; margin-bottom: 1rem; line-height: 60px; }
.auth-layout .oneLastThingWrapper.oneLastThingWrapperEdit .orderConfirmRewardsBanner .orderViewRewards span { color: var(--colorBaseAlpha50); }
.auth-layout .oneLastThingWrapper .spanStyleOne { display: none; }
.auth-layout .oneLastThingWrapper .sectionTitle { --tw-border-style: none; border-style: none; }
@media (min-width: 1024px) {
  .auth-layout .oneLastThingWrapper .labelHeader { margin-bottom: 1rem; }
}
.auth-layout .oneLastThingWrapper .checkboxLabel #img_check_box rect { stroke: none; }
.auth-layout .oneLastThingWrapper .checkboxLabel.\!checked #img_check_box, .auth-layout .oneLastThingWrapper .checkboxLabel.checked #img_check_box { --tw-border-style: none; border-style: none; }
.auth-layout .oneLastThingWrapper .checkboxLabel.\!checked #img_check_box rect, .auth-layout .oneLastThingWrapper .checkboxLabel.checked #img_check_box rect { fill: var(--colorPrimary500); stroke: var(--colorPrimary500); }
.auth-layout .oneLastThingWrapper .birthdayWrapper { margin-bottom: 1.5rem; margin-top: 2rem; }
.auth-layout .oneLastThingWrapper .enableEmailSms { margin-bottom: 1.5rem; }
.auth-layout .oneLastThingWrapper .dividerLight { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.auth-layout .oneLastThingWrapper .completeSignUp { margin-top: 2rem; }
.auth-layout .oneLastThingWrapper .continueButtonSignup span { top: 0.125rem; position: relative; }
.auth-layout .signupOnboardingWrapper .onboardWrapper { padding-top: 2rem; }
.auth-layout .signupOnboardingWrapper .onboardWrapper .onBoardContent .onBoardOneImage { padding-bottom: 1.5rem; padding-top: 0px; }
@media (min-width: 1024px) {
  .auth-layout .signupOnboardingWrapper .onboardWrapper .onBoardContent .onBoardOneImage { margin-left: 0px; padding-bottom: 0.75rem; }
}
.auth-layout .signupOnboardingWrapper .onboardWrapper .onBoardContent .onBoardOneImage.firstImage { display: none; }
@media (min-width: 1024px) {
  .auth-layout .signupOnboardingWrapper .onboardWrapper .onBoardContent .quesoContent { margin-left: -72px; }
}
.auth-layout .signupOnboardingWrapper .onboardWrapper .onBoardContent .sectionTitle { margin-top: 0px; margin-bottom: 0px; padding-bottom: 1rem; padding-top: 1.5rem; font-size: 34px; line-height: 40px; --tw-border-style: none; border-style: none; }
@media (min-width: 1024px) {
  .auth-layout .signupOnboardingWrapper .onboardWrapper .onBoardContent .sectionTitle { min-width: 415px; padding-left: 6rem; padding-right: 6rem; }
}
.auth-layout .signupOnboardingWrapper .onboardWrapper .onBoardContent .\!description, .auth-layout .signupOnboardingWrapper .onboardWrapper .onBoardContent .description { gap: 22px; padding-bottom: 1rem; padding-top: 0px; color: var(--colorBaseAlpha600); display: flex; }
.auth-layout .signupOnboardingWrapper .onboardWrapper .onBoardContent .\!description svg, .auth-layout .signupOnboardingWrapper .onboardWrapper .onBoardContent .description svg { height: 22px; width: 22px; }
.auth-layout .signupOnboardingWrapper .onboardWrapper .onBoardContent .\!description svg path, .auth-layout .signupOnboardingWrapper .onboardWrapper .onBoardContent .description svg path { fill: var(--colorPrimary500); }
.auth-layout .signupOnboardingWrapper .onboardWrapper .onBoardContent .onBoardSubContent { padding-bottom: 0.75rem; padding-top: 0px; }
@media (min-width: 1024px) {
  .auth-layout .signupOnboardingWrapper .onboardWrapper .onBoardContent .onBoardSubContent { grid-column: span 3 / span 3; }
}
.auth-layout .signupOnboardingWrapper .onboardWrapper .onBoardContent .quesoContent { color: var(--colorBaseAlpha600); }
@media (min-width: 1024px) {
  .auth-layout .signupOnboardingWrapper .onboardWrapper .onBoardContent .quesoContent { margin-left: -78px; }
}
.auth-layout .signupOnboardingWrapper .onboardWrapper .onBoardContent .quesoContent .taxsApply { margin-top: 0.5rem; display: block; text-align: center; }
@media (min-width: 1024px) {
  .auth-layout .signupOnboardingWrapper .onboardWrapper .onBoardContent .quesoContent .taxsApply { text-align: left; }
}
.auth-layout .signupOnboardingWrapper .onboardWrapper .onBoardContent .quesoContent + .taxsApply { display: none; }
.auth-layout .signupOnboardingWrapper .onboardWrapper .onboradingBtns { margin-top: 1rem; gap: 0.5rem; }
@media (min-width: 1024px) {
  .auth-layout .signupOnboardingWrapper .onboardWrapper .onboradingBtns { gap: 1.25rem; }
}
.auth-layout .signupOnboardingWrapper .onboardWrapper .onboradingBtns .skipButton { margin-top: 0px; margin-bottom: 0px; margin-right: 0px; padding-left: 2rem; padding-right: 2rem; width: auto; }
.auth-layout .signupOnboardingWrapper .onboardWrapper .onboradingBtns .skipButton + div { margin-left: 0px; }
.auth-layout .signupOnboardingWrapper .onboardWrapper .onboradingBtns .skipButton + div .continueButton { padding-left: 2rem; padding-right: 2rem; }
.auth-layout .signupOnboardingWrapper .onboardWrapper .onboradingBtns .continueButton, .auth-layout .signupOnboardingWrapper .onboardWrapper .onboradingBtns .skipButton { font-size: 22px; }
.auth-layout .signupOnboardingWrapper .onboardWrapper .onboradingBtns .letsGetStartedButton { padding-left: 2rem; padding-right: 2rem; width: 100%; }
@media (min-width: 1024px) {
  .auth-layout .signupOnboardingWrapper .onboardWrapper .onboradingBtns .letsGetStartedButton { width: auto; }
}
.auth-layout .signupOnboardingWrapper .onboardWrapper .onboradingBtns .letsGetStartedButton span { top: 0.125rem; position: relative; }
.auth-layout .signupOnboardingWrapper .onboardWrapper .onBoardOneHeader .headerDividerOne { border-bottom-width: 5px; border-top-width: 5px; border-color: var(--colorPrimary500); --tw-border-style: solid; border-style: solid; }
.auth-layout .signupOnboardingWrapper .onboardWrapper .onboardCarouselContent { padding-left: 0px; padding-right: 0px; }
.auth-layout .signupOnboardingWrapper .onboardWrapper .signUpDescription { width: 100%; text-align: center; }
@media (min-width: 1024px) {
  .auth-layout .signupOnboardingWrapper .onboardWrapper .signUpDescription { text-align: left; }
}
.auth-layout .scoreExclusiveWrapper .sectionTitle { border-style: var(--tw-border-style); border-width: 0px; }
.signInButton:disabled { font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; color: var(--colorBaseAlpha500); }
.signInButton:disabled, .signInButton:disabled:hover { background-color: var(--colorBaseAlpha300); }
.letsGetStartContainer .sectionTitle { font-family: BrooklynSamuelsThreeBold; font-size: 34px; font-weight: 700; line-height: 2.5rem; }
.letsGetStartContainer .continueButtonSignup { height: 3rem; font-family: BrooklynSamuelsThreeBold; font-size: 22px; font-weight: 700; }
.scoreExclusiveContainer .inputSpace svg { padding: 0.125rem; }
.modalContainer .confirmBirthday { max-width: 287px; }
.modalContainer .confirmBirthday .taxFeesModalHeading { margin-bottom: 0px; margin-top: 1.5rem; font-family: BrooklynSamuelsThreeBold; font-size: 22px; text-transform: uppercase; }
.modalContainer .confirmBirthday .modalContent { margin-top: 1rem; }
.modalContainer .confirmBirthday .modalBtns { margin-top: 1.5rem; }
.confirmBirthday { width: 100% !important; }
.confirmBirthday .modalBtns { margin-top: 1.5rem; }
.confirmBirthday .modalBtns button span { top: -3px; }
@media (min-width: 1024px) {
  .CheckoutPageContainer { padding-bottom: 3.5rem; }
}
.CheckoutPageContainer .titleBurstIcon { margin-top: 1.5rem; }
@media (min-width: 1024px) {
  .CheckoutPageContainer .titleBurstIcon { margin-top: 4rem; }
}
.CheckoutPageContainer .titleBurstIcon span svg { display: none; }
.CheckoutPageContainer .checkoutHeaderText { font-family: BrooklynSamuelsThreeBold; font-size: 34px; font-weight: 700; line-height: 2.5rem; width: 100%; text-transform: uppercase; }
.CheckoutPageContainer .checkoutHeaderText br { display: none; }
.CheckoutPageContainer .borderContainer { margin-top: 1.5rem; padding: 2rem 1.25rem; }
@media (min-width: 1024px) {
  .CheckoutPageContainer .borderContainer { width: 526px; }
}
.CheckoutPageContainer .borderContainer.OrderDetailContainer { gap: 1.5rem; padding-top: 1rem; padding-bottom: 1rem; }
.CheckoutPageContainer .borderContainer .buttonTransparent { margin-top: 1.5rem; border-color: var(--colorBaseAlpha800); font-family: var(--fontFamiliesBody); color: var(--colorBaseAlpha800); }
@media (min-width: 1024px) {
  .CheckoutPageContainer .borderContainer .buttonTransparent { width: 486px; }
}
.CheckoutPageContainer .borderContainer.giftCard { padding-left: 0px; padding-right: 0px; padding-top: 0px; width: auto; }
.CheckoutPageContainer .borderContainer.addCard .checkout-cvv { margin-top: -14px; }
.CheckoutPageContainer .checkoutSubHeaderText, .CheckoutPageContainer .orderSumaaryTitle { font-size: 22px; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; }
.CheckoutPageContainer .checkoutLink { font-size: var(--fontSizeFontSizeSm); }
.CheckoutPageContainer .orderPlaceBtn { background-color: var(--colorBaseAlpha50); padding-top: 1.5rem; }
@media (min-width: 1024px) {
  .CheckoutPageContainer .orderPlaceBtn { background-color: transparent; }
}
.CheckoutPageContainer .orderPlaceBtn button { font-size: 22px; text-transform: uppercase; }
.CheckoutPageContainer .orderPlaceBtn button span { top: 0.125rem; position: relative; }
@media screen and (min-width: 1024px) {
  .CheckoutPageContainer .checkoutRightCont { margin-top: 145px; }
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .CheckoutPageContainer .orderPlaceBtn button { font-size: var(--fontSizeFontSizeRg); }
}
.CheckoutPageContainer .restaurantName { font-weight: 500; line-height: 21px; }
.CheckoutPageContainer .orderOpenTimeContent { font-size: var(--fontSizeFontSizeSm); }
.CheckoutPageContainer .restaurantAddress { padding-top: 0px; }
.CheckoutPageContainer .restaurantAddress p { font-size: 14px; }
.CheckoutPageContainer .restaurantAddress p:empty { display: none; }
.CheckoutPageContainer .cityName { padding-top: 1rem; font-size: 16px; }
.CheckoutPageContainer .noteBadge { margin-bottom: 0.75rem; margin-top: 0px; background-color: var(--colorSecondary500); color: var(--colorBaseOffBlack500); }
.CheckoutPageContainer .contactInfoContainer svg { top: 0.125rem; height: 0.75rem; width: 0.75rem; position: relative; }
.CheckoutPageContainer .contactInfoContainer { padding-top: 1.5rem; }
.CheckoutPageContainer .contactInformation { padding-left: 0.25rem; font-size: var(--fontSizeFontSizeXs); line-height: 16px; }
.CheckoutPageContainer .floating-container .floatingInputField { margin-bottom: 1.25rem; border-color: var(--colorBaseAlpha600); padding-bottom: 0.5rem; padding-top: 0px; font-family: var(--fontFamiliesBody); font-size: 16px; }
.CheckoutPageContainer .floating-container .fbr-floating-label { top: 0.5rem; font-family: var(--fontFamiliesBody); font-size: 14px; }
.CheckoutPageContainer .peer:placeholder-shown ~ .fbr-floating-label { font-size: var(--fontSizeFontSizeRg); color: var(--colorBaseAlpha600); }
.CheckoutPageContainer .paymentOptionContainer { padding-top: 1rem; }
.CheckoutPageContainer .paymentOptionContainer input { accent-color: var(--colorBaseRed550); }
.CheckoutPageContainer .paymentOptionCharges .paymentOption svg path { fill: var(--colorBaseRed550); }
.CheckoutPageContainer .itemCounts { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.CheckoutPageContainer .amountDetails { padding-bottom: 1.25rem; padding-top: 0.25rem; }
.CheckoutPageContainer .amountDetails .checkoutText { font-size: 16px; }
.CheckoutPageContainer .totalAmountText { margin-bottom: 0px; margin-top: 0.5rem; font-size: var(--fontSizeFontSizeRg); }
.CheckoutPageContainer .pickupMethodCont .pickupMethod { color: var(--colorBaseOffBlack500); }
.CheckoutPageContainer .pickupMethodText { font-weight: 600; font-size: 14px; }
.CheckoutPageContainer .pickupMethodText.pickupMethodActiveTab { font-weight: 700; }
.CheckoutPageContainer .giftCardHdng { margin-top: 1.5rem; font-weight: 500; line-height: 21px; }
.CheckoutPageContainer .tipText { margin-top: 0.25rem; }
.CheckoutPageContainer .tipAmount { margin-top: 0.75rem; }
.CheckoutPageContainer .otherAmountBox { border-color: var(--colorBaseAlpha500); position: relative; }
.CheckoutPageContainer .otherAmountBox input { height: 3rem; font-family: var(--fontFamiliesBody); font-size: 16px; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.CheckoutPageContainer .otherAmountBox #rewards_deal_selected_icon { display: none; }
.CheckoutPageContainer .otherAmountBox #rewards_deal_selected_icon { right: 0.5rem; top: 0.875rem; position: absolute; }
.checkoutHeaderContainer .brandLogoContainer { left: 2rem; height: 2.25rem; }
@media (min-width: 1024px) {
  .checkoutHeaderContainer .brandLogoContainer { left: 2.75rem; height: 3rem; }
}
.checkoutHeaderContainer #img_link_back { top: -1px; position: relative; }
.checkoutHeaderContainer #img_link_back path:first-child { fill: var(--colorPrimary500); }
@media (min-width: 1024px) {
  .checkoutHeaderContainer .checkoutHeaderArrow { bottom: -2px; }
}
.orderSummaryDetails .ingredientsIncluded .checkoutItemModSection { color: var(--colorBaseOffBlack500); font-size: 14px; }
.orderSummaryDetails .ingredientsIncluded .checkoutItemModSection + .subProdTitle { margin-top: 1rem; }
.orderSummaryDetails .ingredientsIncluded .subProdTitle { font-weight: 700; color: var(--colorBaseOffBlack500); font-size: 16px; --tw-leading: 22px; line-height: 22px; }
.atomicModal .warningIconPos, .modalInner .warningIconPos { margin-bottom: 2.25rem; margin-top: 0px; }
.atomicModal .warningIconPos svg, .modalInner .warningIconPos svg { height: 3rem; width: 3rem; }
.atomicModal .warningIconPos svg path, .modalInner .warningIconPos svg path { fill: var(--colorPrimary500); }
.atomicModal .taxFeesModalHeading, .modalInner .taxFeesModalHeading { margin-bottom: 1.5rem; }
.atomicModal .taxFeesModalHeading.goBackPopupHeading, .modalInner .taxFeesModalHeading.goBackPopupHeading { margin-top: 0px; margin-bottom: 0px; font-size: 22px; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; }
.atomicModal .taxFeesModalHeading + .modalContent, .modalInner .taxFeesModalHeading + .modalContent { margin-bottom: 0px; margin-top: 1.5rem; }
.atomicModal .taxFeesModalHeading + .modalBtns, .modalInner .taxFeesModalHeading + .modalBtns { margin-top: 1.5rem; }
.atomicModal .buttonSecondary, .modalInner .buttonSecondary { top: 0.125rem; position: relative; }
.atomicModal .cardIconWrapper.customTipModal svg, .modalInner .cardIconWrapper.customTipModal svg { height: 3rem; width: 3rem; }
.atomicModal .cardIconWrapper.customTipModal svg path, .modalInner .cardIconWrapper.customTipModal svg path { fill: var(--colorPrimary500); }
.atomicModal .tipAmountBtn, .modalInner .tipAmountBtn { height: 3rem; font-size: 22px; font-weight: 700; width: 100%; }
.atomicModal .tipAmountBtn span, .modalInner .tipAmountBtn span { top: -0.125rem; position: relative; }
.atomicModal .tipAmountContainer, .modalInner .tipAmountContainer { margin-bottom: 2rem; }
.atomicModal .taxFeesModalHeading, .modalInner .taxFeesModalHeading { margin-top: 1.25rem; margin-bottom: 1.25rem; font-size: var(--fontSizeFontSizeMd); font-weight: 500; text-transform: capitalize; }
.atomicModal .inputFlexBox input, .modalInner .inputFlexBox input { font-weight: 700; }
.atomicModal .orderSubTotal span, .modalInner .orderSubTotal span { font-weight: 600; }
.pdpLanding.pdpLandingBg .productInfo { padding-top: 1.5rem; }
.pdpLanding.pdpLandingBg .productInfo .priceLocationText { padding-top: 0.5rem; }
.pdpLanding.pdpLandingBg .productInfo .pdpdescription { margin-bottom: 0px; padding-bottom: 2rem; padding-top: 0px; }
@media (min-width: 1024px) {
  .pdpLanding.pdpLandingBg .productInfo .pdpdescription { margin-bottom: 2rem; padding-bottom: 0px; }
}
.pdpLanding.pdpLandingBg .productInfo .pdpdescription p { margin-bottom: 0px; }
.pdpLanding.pdpLandingBg .productInfo .stickyBtnStyle { padding-bottom: 3rem; }
@media (min-width: 1024px) {
  .pdpLanding.pdpLandingBg .productInfo .stickyBtnStyle { padding-bottom: 4rem; }
}
.pdpLanding.pdpLandingBg .productInfo .stickyBtnStartOrder .btnStartOrder { margin-top: 0px; }
.pdpLanding.pdpLandingBg .resetToOriginal, .pdpLanding.pdpLandingBg .viewInforLink { margin-top: 1.5rem; }
@media (min-width: 1024px) {
  .pdpLanding.pdpLandingBg .resetToOriginal, .pdpLanding.pdpLandingBg .viewInforLink { margin-top: 2rem; }
  .pdpLanding.pdpLandingBg .menuPageContent { padding: 0px 1.25rem; }
}
.pdpLanding button:disabled.qtyBtn.increaseBtn { border-style: var(--tw-border-style); border-width: 0px; }
.pdpLanding .clearAll { font-family: var(--fontFamiliesBody); font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; text-decoration-line: underline; }
@media (hover: hover) {
  .buttonSecondary:hover { background-color: transparent; }
}
.buttonSecondary:hover { background-color: transparent; }
.drawerWrapper.drawerOpen .drawerOverlay { background-color: var(--colorBaseOffBlack500); }
.drawerWrapper.drawerOpen .drawerCloseBtn { left: 0px; top: 0px; margin-bottom: 1.25rem; margin-top: 3rem; height: 3rem; cursor: default; position: relative; }
@media (min-width: 1024px) {
  .drawerWrapper.drawerOpen .drawerCloseBtn { margin-bottom: 1.5rem; }
}
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.drawerWrapper.drawerOpen .drawerCloseBtn svg { display: none; }
.drawerWrapper.drawerOpen .drawerCloseBtn svg { left: 1.25rem; position: absolute; cursor: pointer; }
.drawerWrapper.drawerOpen .drawerCloseBtn .cartTitle { font-family: BrooklynSamuelsThreeBold; height: 3rem; font-size: 22px; font-weight: 700; display: flex; width: 100%; align-items: center; justify-content: center; }
.drawerWrapper.drawerOpen .drawerCloseBtn.allergensClose { right: 0px; top: 0px; gap: 1rem; padding: 1.25rem 0px 1.75rem 1.25rem; position: relative; display: flex; width: 100%; align-items: center; justify-content: center; }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.drawerWrapper.drawerOpen .drawerCloseBtn.allergensClose .customTitle { display: none; }
.drawerWrapper.drawerOpen .drawerCloseBtn.allergensClose .customTitle { left: auto; right: auto; width: 10rem; padding: 0.25rem 0px 0px; font-weight: var(--fontWeightsBold); color: var(--colorBaseOffBlack500); position: absolute; font-size: 18px; --tw-leading: 22px; line-height: 22px; text-transform: uppercase; opacity: 1; }
@media (min-width: 1024px) {
  .drawerWrapper.drawerOpen .drawerCloseBtn.allergensClose .customTitle { width: auto; }
}
.drawerWrapper.drawerOpen .allergensContainer .allergensDesc { line-height: 19px; --tw-text-opacity: 1; color: rgb(0 0 0/var(--tw-text-opacity)); }
.drawerWrapper.drawerOpen .allergensContainer .drawerToggle { gap: 1rem; border-color: var(--colorDividerBase); padding-top: 1.25rem; padding-bottom: 1.25rem; display: flex; align-items: center; justify-content: space-between; border-bottom-width: 1px; --tw-border-style: solid; border-style: solid; }
.drawerWrapper.drawerOpen .allergensContainer .drawerToggle .circleImg { height: 1.5rem; width: 1.5rem; border-style: var(--tw-border-style); border-width: 0px; background-color: transparent; }
.drawerWrapper.drawerOpen .allergensContainer .drawerToggle .circleImg img { height: 100%; width: 100%; }
.drawerWrapper.drawerOpen .allergensContainer .menuPageContent { margin-top: 0px; padding-top: 1rem; }
@media (min-width: 1024px) {
  .drawerWrapper.drawerOpen .allergensContainer .menuPageContent { margin-left: 1.25rem; margin-right: 1.25rem; padding-left: 0px; padding-right: 0px; padding-top: 1rem; }
}
.drawerWrapper.drawerOpen .allergensContainer .saveChanges { margin: 0px 1.25rem 2rem; }
@media (min-width: 1024px) {
  .drawerWrapper.drawerOpen .allergensContainer .saveChanges { margin-top: 8rem; }
}
.drawerWrapper.drawerOpen .allergensContainer .saveChanges .startOrderButtonStyle { height: 3rem; font-size: 1rem; --tw-leading: normal; line-height: normal; }
.drawerWrapper .quPDPHeader path { fill: var(--colorPrimary500); }
.allergenFlex .tooltipContainer .circleImg { height: 1.5rem; width: 1.5rem; border-radius: var(--borderRadiusPill); border-width: 0.75px; border-color: var(--colorPrimary500); background-color: var(--colorPrimary50); display: flex; align-items: center; justify-content: center; --tw-border-style: solid; border-style: solid; }
.productInfo .stickyName .allergensInfo { margin-bottom: 0.5rem; gap: 0.5rem; display: flex; flex-direction: row; align-items: center; }
.productInfo .stickyName .allergensInfo svg { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.searchBorder .\!loader, .searchBorder .loader { top: 3rem; padding: 1rem; }
.menuSearchResultContainerWrapper { top: 3rem; }
.menuSearchResultContainerWrapper .listSearchContainerWrapper { border-radius: 0.25rem; border-color: var(--colorBaseAlpha1000); background-color: var(--colorBaseAlpha50); --tw-shadow: 0px 7px 8px var(--spacing-4x,8px) rgba(0,0,0,.25); --tw-shadow-colored: 0px 7px 8px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); border-width: 1px; --tw-border-style: solid; border-style: solid; }
.menuSearchResultContainerWrapper .listSearchContainerWrapper .menuListContainerWrapper .listItemWrapper:first-child .listDivider { border-style: hidden; }
.menuSearchResultContainerWrapper .listSearchContainerWrapper .menuListContainerWrapper .listItemWrapper .allergensListItem { padding-top: 0.875rem; padding-bottom: 0.875rem; display: flex; align-items: center; }
.menuSearchResultContainerWrapper .listSearchContainerWrapper .menuListContainerWrapper .listItemWrapper .allergensListItem .listItemImg { height: 3rem; width: 3rem; }
.orderConfirmation { height: 342px; background-color: var(--colorBaseOffWhite500); padding-left: 1.25rem; padding-right: 1.25rem; padding-bottom: 2rem; }
.orderConfirmation .orderHeaderBannerInitial { background-color: var(--colorBaseOffWhite500); padding-top: 2rem; height: 100%; }
.orderConfirmation .orderHeaderBannerInitial::after { content: var(--tw-content); background-image: none; }
.orderConfirmation .orderHeaderBannerInitial.submitted { height: 342px; padding-bottom: 2rem; overflow-y: hidden; }
.orderConfirmation .orderHeaderBannerInitial.submitted .bannerDoubleTextTwoTexture, .orderConfirmation .orderHeaderBannerInitial.submitted .leftImageTrippleArrow, .orderConfirmation .orderHeaderBannerInitial.submitted .rightImageTrippleArrow { display: none; }
.orderConfirmation .orderHeaderBannerInitial.submitted .orderSubmitHeading { margin-top: 0px; height: 342px; }
.orderConfirmation .orderHeaderBannerInitial.submitted .orderSubmitHeading .orderSubmitTitle .bannerDoubleTextoneTexture { gap: 1rem; padding-top: 22px; display: flex; flex-direction: column; }
.orderConfirmation .orderHeaderBannerInitial.submitted .orderSubmitHeading .orderSubmitTitle .bannerDoubleTextoneTexture .bannerOrderText { font-family: BrooklynSamuelsThreeBold; font-size: 34px; line-height: 40.8px; letter-spacing: 0.65px; }
.orderConfirmation .orderHeaderBannerInitial.submitted .orderSubmitHeading .orderSubmitTitle .bannerDoubleTextoneTexture .bannerSubmittedText { font-family: BrooklynSamuelsThreeBold; font-size: 48px; line-height: 2.5rem; }
.orderConfirmation .orderHeaderBannerInitial.submitted .orderSubmitHeading .confirmationCont { padding-top: 0px; width: 100%; text-transform: uppercase; }
.orderConfirmation .orderHeaderBannerInitial.submitted .orderSubmitHeading .confirmationCont .waitContent { font-family: BrooklynSamuelsThreeBold; font-size: 22px; }
.orderConfirmation .orderHeaderBannerInitial.submitted .orderSubmitHeading .ordertickWrapper { margin-top: 2rem; padding-bottom: 2rem; padding-left: 10px; }
.orderConfirmation .orderHeaderBannerInitial.submitted .orderSubmitHeading .ordertickWrapper .icon.\!enable svg path, .orderConfirmation .orderHeaderBannerInitial.submitted .orderSubmitHeading .ordertickWrapper .icon.enable svg path { fill: var(--colorPrimary500); }
.orderConfirmation .orderHeaderBannerInitial.submitted .orderSubmitHeading .ordertickWrapper .icon.disable svg path { fill: var(--colorBaseAlpha400); }
.orderConfirmation .orderHeaderBannerInitial .orderContentWrapper .bannerDoubleTextTwo, .orderConfirmation .orderHeaderBannerInitial .orderContentWrapper .leftImageBurst, .orderConfirmation .orderHeaderBannerInitial .orderContentWrapper .rightImageburst { display: none; }
.orderConfirmation .orderHeaderBannerInitial .orderContentWrapper .weGottext { font-family: BrooklynSamuelsThreeBold; padding-top: 5rem; font-size: 34px; line-height: 40.8px; letter-spacing: 0.65px; }
.orderConfirmation .orderHeaderBannerInitial .orderContentWrapper .confirmationTitle { margin-left: 0px; }
.orderConfirmation .orderHeaderBannerInitial .orderContentWrapper .confirmationTitle .bannerDoubleText { margin-left: 0px; margin-right: 0px; }
.orderConfirmation .orderHeaderBannerInitial .orderContentWrapper .confirmationTitle .bannerDoubleText .bannerTextSecond { width: 100%; }
.orderConfirmation .orderHeaderBannerInitial .orderContentWrapper .confirmationTitle .bannerDoubleTextOne { font-family: BrooklynSamuelsThreeBold; font-size: 3rem; line-height: 2.5rem; color: var(--colorBaseOffBlack500); }
.orderConfirmation .orderHeaderBannerInitial .orderContentWrapper .bannerSubtext { padding-top: 1.5rem; }
@media (min-width: 1024px) {
  .orderConfirmation .orderHeaderBannerInitial .orderContentWrapper .bannerSubtext { padding-top: 2rem; }
}
.orderConfirmation .orderHeaderBannerInitial .orderContentWrapper .bannerSubtext .estimatedPickupTimeContainer { display: flex; justify-content: center; }
.orderConfirmation .orderHeaderBannerInitial .orderContentWrapper .bannerSubtext .bannerSubtextContent { padding-top: 0px; font-weight: 600; }
.orderConfirmation .orderHeaderBannerInitial .orderContentWrapper .bannerSubtext .bannerSubtextContent.scheduleBannerText { padding-bottom: 0.5rem; padding-top: 1rem; font-size: 22px; line-height: 1.5rem; letter-spacing: 0.5px; }
.orderConfirmation .orderHeaderBannerInitial .orderContentWrapper .bannerSubtext .estimatedTime { padding-left: 0.25rem; font-weight: 600; }
.orderConfirmation .orderHeaderBannerInitial .orderContentWrapper .bannerSubtext .pickupTimeText { font-family: BrooklynSamuelsThreeBold; padding-top: 0.5rem; font-size: 34px; line-height: 40.8px; letter-spacing: 0.65px; color: var(--colorSecondary500); }
.orderConfirmation .orderHeaderBannerwithRed { height: 342px; background-color: var(--colorBaseOffWhite500); }
.orderConfirmation .orderHeaderBannerwithRed::after, .orderConfirmation .orderHeaderBannerwithRed::before { content: var(--tw-content); background-image: none; }
.orderConfirmation .orderHeaderBannerwithRed .icon.\!enable::before, .orderConfirmation .orderHeaderBannerwithRed .icon.enable::before { content: var(--tw-content); background-color: var(--colorPrimary500); }
.orderConfirmation .orderHeaderBannerwithRed .icon.\!enable svg path, .orderConfirmation .orderHeaderBannerwithRed .icon.enable svg path { fill: var(--colorPrimary500); }
.orderConfirmation .orderHeaderBannerwithRed .icon.disable svg path { fill: var(--colorBaseAlpha400); }
.orderConfirmation .orderHeaderBannerwithRed .orderContentWrapper .boldFlatext { font-family: BrooklynSamuelsThreeBold; padding-bottom: 0.25rem; padding-top: 50px; font-size: 34px; font-weight: 700; line-height: 40.8px; letter-spacing: 0.65px; text-transform: uppercase; }
@media (min-width: 1024px) {
  .orderConfirmation .orderHeaderBannerwithRed .orderContentWrapper .boldFlatext { padding-top: 46px; }
}
.orderConfirmation .orderHeaderBannerwithRed .orderContentWrapper .progressBar { margin-top: 0px; margin-bottom: 0px; padding-left: 10px; }
.orderConfirmation .orderHeaderBannerwithRed .orderContentWrapper .awaitOrderContent .bannerDoubleText { margin-bottom: 2rem; }
.orderConfirmation .orderHeaderBannerwithRed .orderContentWrapper .awaitOrderContent .bannerDoubleText .bannerTextSecond .bannerDoubleTextOne { font-family: BrooklynSamuelsThreeBold; font-size: 48px; line-height: 2.5rem; }
.orderConfirmation .orderHeaderBannerwithRed .orderContentWrapper .bannerSubtext .redBannerSubtextContent { padding-top: 2rem; --tw-leading: 19.1px; line-height: 19.1px; }
.orderConfirmation .orderHeaderBannerwithRed .orderContentWrapper .bannerSubtext .bannerSubtextContent { padding-top: 0px; font-weight: 600; }
.orderConfirmation .orderHeaderBannerwithRed .orderContentWrapper .bannerSubtext .bannerSubtextContent.scheduleBannerText { padding-bottom: 0.5rem; padding-top: 1rem; font-size: 22px; line-height: 1.5rem; letter-spacing: 0.5px; }
.orderConfirmation .orderHeaderBannerwithRed .orderContentWrapper .bannerSubtext .redBannerBold { font-family: BrooklynSamuelsThreeBold; padding-top: 0.5rem; font-size: 34px; line-height: 40.8px; letter-spacing: 0.65px; color: var(--colorSecondary500); }
.orderConfirmation .orderHeaderBannerwithBlue { height: 342px; background-color: var(--colorBaseOffWhite500); }
.orderConfirmation .orderHeaderBannerwithBlue::after, .orderConfirmation .orderHeaderBannerwithBlue::before { content: var(--tw-content); background-image: none; }
.orderConfirmation .orderHeaderBannerwithBlue .icon.\!enable::before, .orderConfirmation .orderHeaderBannerwithBlue .icon.enable::before { content: var(--tw-content); background-color: var(--colorPrimary500); }
.orderConfirmation .orderHeaderBannerwithBlue .icon.\!enable svg path, .orderConfirmation .orderHeaderBannerwithBlue .icon.enable svg path { fill: var(--colorPrimary500); }
.orderConfirmation .orderHeaderBannerwithBlue .icon.disable svg path { fill: var(--colorBaseAlpha400); }
.orderConfirmation .orderHeaderBannerwithBlue .orderContentWrapper .boldPickingText { font-family: BrooklynSamuelsThreeBold; padding-bottom: 0px; padding-top: 50px; font-size: 34px; font-weight: 700; line-height: 40.8px; letter-spacing: 0.65px; text-transform: uppercase; }
@media (min-width: 1024px) {
  .orderConfirmation .orderHeaderBannerwithBlue .orderContentWrapper .boldPickingText { padding-top: 45px; }
}
.orderConfirmation .orderHeaderBannerwithBlue .orderContentWrapper .progressBar { margin-top: 0px; margin-bottom: 0px; padding-left: 10px; }
.orderConfirmation .orderHeaderBannerwithBlue .orderContentWrapper .pickingUpOrder .bannerDoubleText { margin-bottom: 1.5rem; }
.orderConfirmation .orderHeaderBannerwithBlue .orderContentWrapper .pickingUpOrder .bannerDoubleText .bannerTextSecond .bannerDoubleTextOne { font-family: BrooklynSamuelsThreeBold; font-size: 48px; line-height: 2.5rem; }
.orderConfirmation .orderHeaderBannerwithBlue .orderContentWrapper .pickingUpOrder .bannerDoubleText .bannerTextSecond .blueBannerDoubleTextTwo { display: none; }
.orderConfirmation .orderHeaderBannerwithBlue .orderContentWrapper .bannerSubtext .blueBannerSubtextContent { padding-top: 2rem; --tw-leading: 19.1px; line-height: 19.1px; }
.orderConfirmation .orderHeaderBannerwithBlue .orderContentWrapper .bannerSubtext .bannerSubtextContent { padding-top: 0px; font-weight: 600; }
.orderConfirmation .orderHeaderBannerwithBlue .orderContentWrapper .bannerSubtext .bannerSubtextContent.scheduleBannerText { padding-bottom: 0.5rem; padding-top: 0.5rem; font-size: 22px; line-height: 1.5rem; letter-spacing: 0.5px; }
.orderConfirmation .orderHeaderBannerwithBlue .orderContentWrapper .bannerSubtext .blueBannerBold { font-family: BrooklynSamuelsThreeBold; padding-bottom: 45px; padding-top: 0px; font-size: 34px; line-height: 40.8px; letter-spacing: 0.65px; color: var(--colorSecondary500); }
.orderConfirmation .orderHeaderBannerCompleted { height: 342px; background-color: var(--colorBaseOffWhite500); }
.orderConfirmation .orderHeaderBannerCompleted::after, .orderConfirmation .orderHeaderBannerCompleted::before { content: var(--tw-content); background-image: none; }
.orderConfirmation .orderHeaderBannerCompleted .icon.\!enable::before, .orderConfirmation .orderHeaderBannerCompleted .icon.enable::before { content: var(--tw-content); background-color: var(--colorPrimary500); }
.orderConfirmation .orderHeaderBannerCompleted .icon.\!enable svg path, .orderConfirmation .orderHeaderBannerCompleted .icon.enable svg path { fill: var(--colorPrimary500); }
.orderConfirmation .orderHeaderBannerCompleted .icon.disable svg path { fill: var(--colorBaseAlpha400); }
.orderConfirmation .orderHeaderBannerCompleted .ordercompletedContentwrapper .boldPickingText { font-family: BrooklynSamuelsFiveMedium; padding-top: 60px; font-size: 34px; font-weight: 700; line-height: 40.8px; letter-spacing: 0.65px; }
@media (min-width: 1024px) {
  .orderConfirmation .orderHeaderBannerCompleted .ordercompletedContentwrapper .boldPickingText { padding-top: 58px; }
}
.orderConfirmation .orderHeaderBannerCompleted .ordercompletedContentwrapper .progressBar { margin-top: 2rem; margin-bottom: 2rem; padding-left: 10px; }
.orderConfirmation .orderHeaderBannerCompleted .ordercompletedContentwrapper .imageWithTextCompleteTexture { margin-top: 0px; }
.orderConfirmation .orderHeaderBannerCompleted .ordercompletedContentwrapper .imageWithTextCompleteTexture .bannerDoubleTextTwo, .orderConfirmation .orderHeaderBannerCompleted .ordercompletedContentwrapper .imageWithTextCompleteTexture .leftImageBurst, .orderConfirmation .orderHeaderBannerCompleted .ordercompletedContentwrapper .imageWithTextCompleteTexture .rightImageburst { display: none; }
.orderConfirmation .orderHeaderBannerCompleted .ordercompletedContentwrapper .imageWithTextCompleteTexture .bannerDoubleTextTexture .bannerTextsecondtexture .bannerDoubleTextoneTexture { padding-top: 62px; display: flex; flex-direction: column; }
@media (min-width: 1024px) {
  .orderConfirmation .orderHeaderBannerCompleted .ordercompletedContentwrapper .imageWithTextCompleteTexture .bannerDoubleTextTexture .bannerTextsecondtexture .bannerDoubleTextoneTexture { padding-top: 54px; }
}
.orderConfirmation .orderHeaderBannerCompleted .ordercompletedContentwrapper .imageWithTextCompleteTexture .bannerDoubleTextTexture .bannerTextsecondtexture .bannerDoubleTextoneTexture .bannerOrderText { font-family: BrooklynSamuelsThreeBold; padding-bottom: 1rem; font-size: 34px; font-weight: 700; line-height: 40.8px; letter-spacing: 0.65px; }
.orderConfirmation .orderHeaderBannerCompleted .ordercompletedContentwrapper .imageWithTextCompleteTexture .bannerDoubleTextTexture .bannerTextsecondtexture .bannerDoubleTextoneTexture .bannerCompleteText { font-family: BrooklynSamuelsThreeBold; font-size: 48px; line-height: 2.5rem; }
.orderConfirmation .orderHeaderBannerCompleted .ordercompletedContentwrapper .imageWithTextCompleteTexture .bannerDoubleTextTexture .bannerTextsecondtexture .bannerDoubleTextTwoCompletetexture { display: none; }
.orderConfirmation .orderHeaderBannerCompleted .thankYouText { font-family: BrooklynSamuelsThreeBold; padding-top: 0px; padding-bottom: 0px; font-size: 22px; line-height: 1.5rem; width: 100%; text-transform: uppercase; }
.orderHeaderWrapper { margin-top: 1.5rem; }
@media (min-width: 1024px) {
  .orderHeaderWrapper { margin-top: 4rem; }
}
.orderHeaderWrapper .orderConfirmleftSection { padding-bottom: 1.5rem; }
.orderHeaderWrapper .orderConfirmleftSection .pickupTimingContainer { gap: 1.5rem; border-bottom-width: 1px; border-bottom-color: var(--colorBaseAlpha200); padding-bottom: 1.5rem; }
@media (min-width: 1024px) {
  .orderHeaderWrapper .orderConfirmleftSection .pickupTimingContainer { border-style: none; }
}
.orderHeaderWrapper .orderConfirmleftSection .pickupTimingContainer .pickupRes .pickUpresHead { font-size: 22px; font-weight: 700; line-height: 1.5rem; letter-spacing: 0.5px; text-transform: uppercase; }
.orderHeaderWrapper .orderConfirmleftSection .pickupTimingContainer .pickupRes .pickUpresDesc { line-height: 21.8px; }
.orderHeaderWrapper .orderConfirmleftSection .pickupTimingContainer .pickupRes .instrutionText { padding-top: 1rem; }
.orderHeaderWrapper .orderConfirmleftSection .pickupTimingContainer .pickupRes .instrutionText .instruContent, .orderHeaderWrapper .orderConfirmleftSection .pickupTimingContainer .pickupRes .instrutionText .instruHead { line-height: 21.8px; }
.orderHeaderWrapper .orderConfirmleftSection .pickupTimingContainer .pickuplocation .pickupLocationDesc { padding-right: 0.25rem; }
.orderHeaderWrapper .orderConfirmleftSection .pickupTimingContainer .pickuplocation .pickupLocationdescTwo { padding-left: 6px; }
.orderHeaderWrapper .orderConfirmleftSection .pickupTimingContainer .pickuplocation .pickupLocationdescTwo::after { left: 0px; }
.orderHeaderWrapper .orderConfirmleftSection .pickupTimingContainer .pickuplocation .storeOpeningTimeAndDistContainer { display: flex; }
.orderHeaderWrapper .orderConfirmleftSection .pickupTimingContainer .pickuplocation .storeOpeningTimeAndDistContainer .fbrAvailableTime .storeAvailableTime { padding-right: 0.25rem; }
.orderHeaderWrapper .orderConfirmleftSection .pickupTimingContainer .pickuplocation .storeOpeningTimeAndDistContainer .fbrAvailableTime .storeAvailableTime .fbrAlignItemCenter { gap: 0.5rem; }
.orderHeaderWrapper .orderConfirmleftSection .pickupTimingContainer .pickuplocation .storeOpeningTimeAndDistContainer .fbrAvailableTime .storeAvailableTime .fbrAlignItemCenter .storeOpenTime { color: var(--colorBaseOffBlack500); }
.orderHeaderWrapper .orderConfirmleftSection .pickupTimingContainer .pickuplocation .storeOpeningTimeAndDistContainer .pickupLocationdescTwo { top: 11px; font-family: var(--fontFamiliesBody); }
.orderHeaderWrapper .orderConfirmleftSection .pickupTimingContainer .pickuplocation .pickupTime { margin-top: 0px; }
.orderHeaderWrapper .orderConfirmleftSection .pickupTimingContainer .pickuplocation .pickupTime .pickupLocationHead { line-height: 21.6px; }
.orderHeaderWrapper .orderConfirmleftSection .pickupTimingContainer .pickuplocation .pickupTime .pickupLocationSubhead { line-height: 21.8px; }
.orderHeaderWrapper .orderConfirmleftSection .pickupTimingContainer .pickuplocation .pickupTime .pickupLocationDesc { padding-right: 0.25rem; --tw-leading: 19.1px; line-height: 19.1px; }
.orderHeaderWrapper .orderConfirmleftSection .pickupTimingContainer .pickuplocation .pickupTime .pickupLocationdescTwo { padding-left: 6px; }
.orderHeaderWrapper .orderConfirmleftSection .pickupTimingContainer .Details { padding-right: 0px; }
.orderHeaderWrapper .orderConfirmleftSection .pickupTimingContainer .Details .getDirection { margin-bottom: 0.5rem; }
.orderHeaderWrapper .orderConfirmleftSection .pickupTimingContainer .Details .getDirectionsBtn { border-color: var(--colorPrimary500); font-size: 22px; color: var(--colorPrimary500); }
.orderHeaderWrapper .orderConfirmleftSection .pickupTimingContainer .Details .getDirectionsBtn svg path { fill: var(--colorPrimary500); }
.orderHeaderWrapper .orderConfirmleftSection .orderConfirmRewardsBanner { margin-top: 1.5rem; padding-top: 0px; }
.orderHeaderWrapper .orderConfirmleftSection .orderConfirmRewardsBanner::after { box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 16px 0px, rgba(0, 0, 0, 0.25) 0px 12px 12px -12px; }
.orderHeaderWrapper .orderConfirmleftSection .orderConfirmRewardsBanner .orderViewRewards { margin-top: 0px; margin-bottom: 0px; height: 304px; width: 636px; padding-top: 0px; padding-bottom: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.orderHeaderWrapper .orderConfirmleftSection .orderConfirmRewardsBanner .orderViewRewards .howitWorksCTA { padding-top: 1rem; }
.orderHeaderWrapper .orderConfirmleftSection .orderConfirmRewardsBanner .orderViewRewards .howitWorksCTA a { font-family: var(--fontFamiliesBody); font-weight: 700; color: var(--colorBaseOffBlack500); font-size: 16px; }
.orderHeaderWrapper .orderConfirmleftSection .orderConfirmRewardsBanner .orderViewRewards .howitWorksCTA .arrowIconCtr { left: 0px; }
.orderHeaderWrapper .orderConfirmleftSection .orderConfirmRewardsBanner .orderViewRewards .howitWorksCTA .arrowIconCtr svg path { fill: var(--colorBaseOffBlack500); }
.orderHeaderWrapper .orderConfirmleftSection .orderConfirmRewardsBanner .orderViewRewards .headSmallText, .orderHeaderWrapper .orderConfirmleftSection .orderConfirmRewardsBanner .orderViewRewards .headTextNo { margin-top: 0.5rem; }
.orderHeaderWrapper .orderConfirmleftSection .orderConfirmRewardsBanner .orderViewRewards .rewardPoints { width: 295px; font-size: 14px; --tw-leading: 19.1px; line-height: 19.1px; }
.orderHeaderWrapper .orderConfirmrightSection { padding-bottom: 1.5rem; }
@media (min-width: 1024px) {
  .orderHeaderWrapper .orderConfirmrightSection { padding-bottom: 4rem; }
}
.orderHeaderWrapper .orderConfirmrightSection .accordionContainer:last-child .orderDetailWrapper.orderDetailsAccordion { padding-top: 0px; padding-bottom: 0px; }
.orderHeaderWrapper .orderConfirmrightSection .accordionContainer:first-child .orderDetailWrapper.orderDetailsAccordion { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.orderHeaderWrapper .orderConfirmrightSection .accordionContainer .accordioncontent .accordionHeader .accordionHeadContent .itemCount { padding-left: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; }
.orderHeaderWrapper .orderConfirmrightSection .accordionContainer .orderDetailWrapper.orderDetailsAccordion { padding: 15px 1.25rem; }
.orderHeaderWrapper .orderConfirmrightSection .accordionContainer .orderDetailWrapper .orderDetail { padding: 0px; }
.orderHeaderWrapper .orderConfirmrightSection .accordionContainer .orderDetailWrapper .orderDetail .orderDetailHeader { padding-bottom: 1rem; }
.orderHeaderWrapper .orderConfirmrightSection .accordionContainer .orderDetailWrapper .orderDetail .orderDetailTime { padding-bottom: 1rem; line-height: 21.82px; }
.orderHeaderWrapper .orderConfirmrightSection .accordionContainer .orderDetailWrapper .orderDetail .orderemail { padding-top: 0.25rem; line-height: 1.5rem; }
.orderHeaderWrapper .orderConfirmrightSection .accordionContainer .orderDetailWrapper .orderDetail .orderphone { line-height: 1.5rem; }
.orderHeaderWrapper .orderConfirmrightSection .accordionContainer .orderDetailWrapper .payDetail { padding-left: 0px; padding-right: 0px; }
.orderHeaderWrapper .orderConfirmrightSection .accordionContainer .orderDetailWrapper .payDetail .cardInner { background-color: var(--colorBaseAlpha100); }
.orderHeaderWrapper .orderConfirmrightSection .accordionContainer .orderDetailWrapper .payDetail .rewardsInfo { padding-bottom: 1rem; padding-top: 1.25rem; }
.orderHeaderWrapper .orderConfirmrightSection .orderDetailsAccordionDefault .totalContent { border-color: var(--colorBaseAlpha300); }
.orderHeaderWrapper .orderConfirmrightSection .subProductItem { padding-bottom: 1rem; }
.orderHeaderWrapper .orderConfirmrightSection .bogoProductImg, .orderHeaderWrapper .orderConfirmrightSection .subProductItemImg { border-radius: 0.5rem; height: 78px; width: 104px; overflow: hidden; }
.orderHeaderWrapper .orderConfirmrightSection .bogoProductImg img, .orderHeaderWrapper .orderConfirmrightSection .subProductItemImg img { height: 100%; width: 100%; }
.productOrderhistoryDetails .bogoOrderConfirmTitle { padding-top: 1rem; font-family: var(--fontFamiliesBody); font-weight: var(--fontWeightsBold); color: var(--colorBaseOffBlack500); display: flex; width: 100%; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 10px; border-top: 1px var(--tw-border-style); }
.productOrderhistoryDetails .bogoOrderConfirmTitle + .dishContainer, .productOrderhistoryDetails .bogoOrderConfirmTitle:first-child { border-top-width: 0px; }
.productOrderhistoryDetails .dishContainer { border-top: 1px var(--tw-border-style); }
.productOrderhistoryDetails .dishContainer:first-child { border-top-width: 0px; }
.productOrderhistoryDetails .dishContainer .listThumbTitle { padding-left: 0px; }
.productOrderhistoryDetails .dishContainer .listThumbTitle .\!productName, .productOrderhistoryDetails .dishContainer .listThumbTitle .productName { padding-top: 0px; display: flex; align-items: center; }
.productOrderhistoryDetails .dishContainer .listThumbTitle .orderDetailImg img { border-color: var(--colorForegroundBorderBrighter); border-width: 1px; --tw-border-style: solid; border-style: solid; }
.productOrderhistoryDetails .dishContainer .price-top { padding-right: 0px; display: flex; align-items: center; }
.productOrderhistoryDetails .dishContainer .price-top .\!price, .productOrderhistoryDetails .dishContainer .price-top .price { padding-top: 5px; }
.productOrderhistoryDetails .subOrderDishContainer:last-child .yourOrderInformation:last-child { padding-bottom: 0px; }
.productOrderhistoryDetails .subOrderDishContainer:last-child .yourOrderInformationContainer:last-child .yourOrderInformation:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
.productOrderhistoryDetails .subOrderDishContainer .yourOrderInformationContainer .yourOrderInformation:last-child { border-bottom-width: 1px; --tw-border-style: solid; border-style: solid; }
.auth-layout .\!groupOrder .titleAndDesc .title, .auth-layout .groupOrder .titleAndDesc .\!title, .auth-layout .groupOrder .titleAndDesc .title { font-family: BrooklynSamuelsThreeBold; text-transform: uppercase; }
.auth-layout .\!groupOrder .groupOrderMembeDesc, .auth-layout .groupOrder .groupOrderMembeDesc { margin: auto; max-width: 18rem; }
.auth-layout .\!groupOrder .haveAnAccountLink, .auth-layout .groupOrder .haveAnAccountLink { font-family: BrooklynSamuelsThreeBold; letter-spacing: 1px; }
.bannerDoubleTextTwo { display: none; }
.orderHeaderBannerInitial::after { content: var(--tw-content); background-image: none; }
.groupOrderSignUpContainer { background-color: var(--colorSecondary500); background-image: none; }
.groupOrderSignUpContainer .promoOfferText .signupBannerTitle { height: auto; }
.groupOrderSignUpContainer .promoOfferText .doubleTextFirst { display: none; }
.groupOrderSignUpContainer .promoOfferText .doubleTextSecond { position: static; }
.groupOrderSignUpContainer .groupOrderSignUpBtn, .groupOrderSignUpContainer .groupOrderSignUpSectionDesc, .groupOrderSignUpContainer .promoOfferText .doubleTextSecond { color: var(--colorBaseOffBlack500); }
.groupOrderSignUpContainer .groupOrderSignUpBtn { background-color: var(--colorBaseAlpha50); }
.groupOrderConfirmationWrapper .weGottext { font-size: 34px; }
.groupOrderConfirmationWrapper .bannerDoubleText .bannerDoubleTextOne { font-size: 48px; }
.groupOrderConfirmationWrapper .leftImageBurst, .groupOrderConfirmationWrapper .rightImageburst { display: none; }
.groupOrderConfirmationWrapper .orderHeaderWrapper .orderConfirmrightSection .accordionContainer:first-child .orderDetailWrapper { padding: 0px 0px 1.75rem; }
.groupOrderConfirmationWrapper .orderHeaderWrapper .orderConfirmrightSection .accordionContainer .orderDetailWrapper .productOrderhistoryDetails .subOrderDishContainer:last-child .yourOrderInformationContainer:last-child .yourOrderInformation:last-child { padding-bottom: 1.25rem; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.orderConfirmrightSection .accordionContainer .orderDetailWrapper .productOrderhistoryDetails { border-color: var(--colorBaseAlpha200); --tw-border-style: solid; border-style: solid; }
.orderConfirmrightSection .accordionContainer .orderDetailWrapper .productOrderhistoryDetails:last-child { --tw-border-style: none; border-style: none; }
.orderConfirmrightSection .accordionContainer .orderDetailWrapper .productOrderhistoryDetails .yourOrderAccount { padding-left: 0px; }
.orderConfirmrightSection .accordionContainer .orderDetailWrapper .productOrderhistoryDetails .dishContainer.orderDishContainer { border-top-width: 0px; }
.orderConfirmrightSection .accordionContainer .orderDetailWrapper .productOrderhistoryDetails .subOrderDishContainer:last-child .yourOrderInformationContainer:last-child .yourOrderInformation:last-child { border-bottom-width: 1px; padding-bottom: 0.25rem; }
.orderConfirmrightSection .accordionContainer .orderDetailWrapper .productOrderhistoryDetails:last-child .subOrderDishContainer .yourOrderInformationContainer { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
.personalInfoFormContainer .orderConfirmrightSection .productOrderhistoryDetails .subOrderDishContainer { border-color: var(--colorBaseAlpha200); --tw-border-style: solid; border-style: solid; }
.groupOrderConfirmationWrapper .groupOrderConfirmationContainer { flex-direction: column-reverse; }
@media (min-width: 1024px) {
  .groupOrderConfirmationWrapper .groupOrderConfirmationContainer { flex-direction: row-reverse; }
}
.groupOrderLeaveModal { gap: 1.5rem; }
.groupOrderLeaveModal .modalBtns { padding-left: 1.5rem; padding-right: 1.5rem; }
.cartChekoutButtonContainer .groupOrderBtns .buttonPrimary span { font-size: 22px; font-weight: 700; }
.\!groupOrder .titleAndDesc .title, .groupOrder .titleAndDesc .\!title, .groupOrder .titleAndDesc .title { font-family: var(--fontFamiliesPrimary); font-size: 22px; --tw-leading: 22px; line-height: 22px; }
.\!groupOrder .buttonSecondary span, .groupOrder .buttonSecondary span { font-size: 22px; }
.drawerWrapper .drawerContainer .groupOrderTitleBar { border-color: var(--colorBaseAlpha300); background-color: var(--colorBaseLightBeige500); border-style: var(--tw-border-style); border-width: 1px; }
.drawerWrapper .drawerContainer .groupOrderTitleBar .groupOrderName { font-family: BrooklynSamuelsThreeMedium; letter-spacing: 0.7px; text-transform: uppercase; }
.drawerWrapper .drawerContainer .groupOrderTitleBar .groupOrderName.\!member, .drawerWrapper .drawerContainer .groupOrderTitleBar .groupOrderName.member { text-transform: capitalize; }
.memberOrderContainer .memberOrder .memberOrderStatusBadge { background-color: var(--colorQuaternary500); padding-top: 0px; padding-bottom: 0px; color: var(--colorBaseAlpha50); display: flex; align-items: center; }
.memberOrderContainer .memberOrder .memberOrderStatusBadge.completed { background-color: var(--colorTertiary500); }
.memberOrderContainer .memberOrder .memberOrderStatusBadge.completed span { color: var(--colorBaseOffBlack500); }
.memberOrderContainer .memberOrder .memberOrderStatusBadge.inprogress { background-color: var(--colorQuaternary500); }
.memberOrderContainer .memberOrder .memberOrderStatusBadge.inprogress span { color: var(--colorBaseAlpha50); }
.memberOrderContainer .\!line.memberOrder .yourOrderItems, .memberOrderContainer .line.memberOrder .yourOrderItems { padding-bottom: 2rem; }
.orderSummaryCount .itemCounts { font-size: 16px; text-transform: capitalize; }
.orderSummaryDetails h1:first-child { border-top-width: 1px; border-color: var(--colorBaseAlpha300); --tw-border-style: solid; border-style: solid; }
.orderSummaryDetails h1 { text-transform: capitalize; }
.groupOrderConfirmationContainer .orderConfirmrightSection button { font-family: BrooklynSamuelsThreeBold; }
.groupOrderConfirmationContainer [data-slot="accordion"] { border-color: var(--colorBaseAlpha300); border-bottom-width: 1px; --tw-border-style: solid; border-style: solid; }
.groupOrderConfirmationContainer .productOrderhistoryDetails .subOrderDishContainer:last-child .yourOrderInformation:last-child, .groupOrderConfirmationContainer .productOrderhistoryDetails .yourOrderInformation:last-child { padding-bottom: 1rem; }
.schlotzskys, :root { --fontFamilies-primary: Brooklyn Samuels,No3 Bold; --fontFamilies-body: Nunito Sans; --border-radius-4: 4px; --border-radius-6: 6px; --border-radius-8: 8px; --border-radius-12: 12px; --border-radius-16: 16px; --border-radius-24: 24px; --border-radius-button-large: 1600px; --border-radius-button-small: 1600px; --border-radius-square: 0px; --border-radius-pill: 1600px; --color-primary-50: #fff3ed; --color-primary-100: #ffe4d6; --color-primary-200: #ffc6ad; --color-primary-300: #ffa984; --color-primary-400: #ff7a3a; --color-primary-500: #fc4c02; --color-primary-600: #e04302; --color-primary-700: #b83602; --color-primary-800: #8f2a01; --color-primary-900: #661e01; --color-primary-950: #3d1200; --color-secondary-50: #f2fbfb; --color-secondary-100: #ddf5f4; --color-secondary-200: #beebe9; --color-secondary-300: #9ee1de; --color-secondary-400: #7fd6d3; --color-secondary-500: #64ccc9; --color-secondary-600: #4fb3b0; --color-secondary-700: #3c8f8c; --color-secondary-800: #2a6b69; --color-secondary-900: #184746; --color-secondary-950: #0d2b2a; --color-tertiary-50: #fff8e6; --color-tertiary-100: #ffefc2; --color-tertiary-200: #ffe299; --color-tertiary-300: #ffd36b; --color-tertiary-400: #ffc642; --color-tertiary-500: #ffb81c; --color-tertiary-600: #e6a516; --color-tertiary-700: #bf8612; --color-tertiary-800: #996a0e; --color-tertiary-900: #734f0a; --color-tertiary-950: #402c05; --color-quaternary-50: #fbf5f2; --color-quaternary-100: #f3e3db; --color-quaternary-200: #e4c6b6; --color-quaternary-300: #d4a18a; --color-quaternary-400: #b86d4f; --color-quaternary-500: #73391d; --color-quaternary-600: #5f2f18; --color-quaternary-700: #4a2413; --color-quaternary-800: #351a0d; --color-quaternary-900: #221008; --color-quaternary-950: #dcdad4; --color-base-off-white-500: #faf9f5; --color-base-off-black-500: #242021; --color-base-alpha-50: #fff; --color-base-alpha-100: #f5f5f5; --color-base-alpha-200: #e5e5e5; --color-base-alpha-300: #d4d4d4; --color-base-alpha-400: #a3a3a3; --color-base-alpha-500: #737373; --color-base-alpha-600: #525252; --color-base-alpha-700: #404040; --color-base-alpha-800: #262626; --color-base-alpha-900: #171717; --color-base-alpha-950: #000; --color-base-red-50: #fef2f2; --color-base-red-100: #fee2e2; --color-base-red-200: #fecaca; --color-base-red-300: #fca5a5; --color-base-red-400: #f87171; --color-base-red-500: #ef4444; --color-base-red-600: #dc2626; --color-base-red-700: #b91c1c; --color-base-red-800: #991b1b; --color-base-red-900: #7f1d1d; --color-base-red-950: #450a0a; --color-base-green-50: #f0fdf5; --color-base-green-100: #dcfce8; --color-base-green-200: #bbf7d1; --color-base-green-300: #86efad; --color-base-green-400: #4ade80; --color-base-green-500: #22c55e; --color-base-green-600: #16a34a; --color-base-green-700: #15803c; --color-base-green-800: #166533; --color-base-green-900: #14532b; --color-base-green-950: #052e14; --color-base-orange-50: #fff4ed; --color-base-orange-100: #ffe6d5; --color-base-orange-200: #feccaa; --color-base-orange-300: #fdac74; --color-base-orange-400: #fb8a3c; --color-base-orange-500: #f97316; --color-base-orange-600: #ea670c; --color-base-orange-700: #c2570c; --color-base-orange-800: #9a4a12; --color-base-orange-900: #7c3d12; --color-base-orange-950: #432007; --color-base-blue-50: #eff5ff; --color-base-blue-100: #dbe8fe; --color-base-blue-200: #bfd7fe; --color-base-blue-300: #93bbfd; --color-base-blue-400: #609afa; --color-base-blue-500: #3b82f6; --color-base-blue-600: #2570eb; --color-base-blue-700: #1d64d8; --color-base-blue-800: #1e55af; --color-base-blue-900: #1e478a; --color-base-blue-950: #172e54; --color-base-light-beige-100: #dcdad4; --color-base-light-beige-500: #f4f2ec; --color-brand-primary: #fc4c02; --color-brand-secondary: #64ccc9; --color-brand-tertiary: #ffb81c; --color-brand-quaternary: #73391d; --color-brandCustomization-icons-illustrations-brandIcons: #fc4c02; --color-brandCustomization-icons-illustrations-favorite-heart-enabled-outline: #242021; --color-brandCustomization-icons-illustrations-favorite-heart-selected-filled: #fc4c02; --color-brandCustomization-icons-illustrations-allergens-icon: #fc4c02; --color-brandCustomization-icons-illustrations-allergens-background: #fff3ed; --color-brandCustomization-rewards-offers-rewards-card-background-available: #fff; --color-brandCustomization-rewards-offers-rewards-card-background-selected: #64ccc9; --color-brandCustomization-rewards-offers-rewards-badge-text-available: #fff; --color-brandCustomization-rewards-offers-rewards-badge-text-selected: #242021; --color-brandCustomization-rewards-offers-rewards-badge-background-available: #64ccc9; --color-brandCustomization-rewards-offers-rewards-badge-background-selected: #fff; --color-brandCustomization-rewards-offers-offers-card-background-available: #fff; --color-brandCustomization-rewards-offers-offers-card-background-selected: #64ccc9; --color-brandCustomization-rewards-offers-offers-card-icon-available: #fc4c02; --color-brandCustomization-rewards-offers-offers-card-icon-selected: #fff; --color-brandCustomization-rewards-offers-offers-badge-text-available: #fff; --color-brandCustomization-rewards-offers-offers-badge-text-selected: #242021; --color-brandCustomization-rewards-offers-offers-badge-background-available: #64ccc9; --color-brandCustomization-rewards-offers-offers-badge-background-selected: #fff; --color-brandCustomization-rewards-offers-rewards-hero-color: #64ccc9; --color-brandCustomization-promo-modules-rewards-card-background: #64ccc9; --color-brandCustomization-promo-modules-rewards-element-background: #fff; --color-brandCustomization-promo-modules-rewards-element-text: #242021; --color-brandCustomization-promo-modules-offers-card-background: #64ccc9; --color-brandCustomization-promo-modules-offers-element-background: #fff; --color-brandCustomization-promo-modules-offers-element-text: #242021; --color-brandCustomization-promo-modules-product-promo-card-background: #64ccc9; --color-brandCustomization-promo-modules-product-promo-element-background: #fff; --color-brandCustomization-promo-modules-product-promo-element-text: #242021; --color-brandCustomization-promo-modules-celebratory-card-background: #64ccc9; --color-brandCustomization-promo-modules-celebratory-element-background: #fff; --color-brandCustomization-promo-modules-celebratory-element-text: #242021; --color-brandCustomization-app-footer-background: #242021; --color-brandCustomization-app-footer-active-tab: #fc4c02; --color-brandCustomization-app-footer-fixed-button-gradient: #faf9f5; --color-brandCustomization-menu-tabs-menu-tab-background-default: #faf9f5; --color-brandCustomization-menu-tabs-menu-tab-background-selected: #64ccc9; --color-brandCustomization-menu-tabs-menu-tab-icon-default: #242021; --color-brandCustomization-menu-tabs-menu-tab-icon-selected: #fff; --color-brandCustomization-misc-order-method-toggle: #242021; --color-brandCustomization-misc-delivery-progress-stepper: #fc4c02; --color-brandCustomization-web-footer-background-lower: #64ccc9; --color-brandCustomization-web-footer-background-upper: #faf9f5; --color-brandCustomization-cart-cart-empty: #fc4c02; --color-brandCustomization-cart-cart-filled: #fc4c02; --color-brandCustomization-suggestedSell-section-background: #f2fbfb; --color-brandCustomization-suggestedSell-header-background: #64ccc9; --color-brandCustomization-suggestedSell-line-item-border: #d4d4d4; --color-brandCustomization-selector-controls-chooseTwo-containerNumber-background: #fff; --color-brandCustomization-selector-controls-chooseTwo-main-color: #64ccc9; --color-brandCustomization-selector-controls-controls-selected: #fc4c02; --color-brandCustomization-selector-controls-active-underline: #fc4c02; --color-brandCustomization-buttons-primary-large-background: #fc4c02; --color-brandCustomization-buttons-primary-large-foreground: #fff; --color-brandCustomization-buttons-primary-large-border: transparent; --color-brandCustomization-buttons-primary-large-pressed: #8f2a01; --color-brandCustomization-buttons-primary-small-background: #242021; --color-brandCustomization-buttons-primary-small-foreground: #fff; --color-brandCustomization-buttons-primary-small-border: transparent; --color-brandCustomization-buttons-primary-small-pressed: #000; --color-brandCustomization-buttons-secondary-large-background: transparent; --color-brandCustomization-buttons-secondary-large-foreground: #fc4c02; --color-brandCustomization-buttons-secondary-large-border: #fc4c02; --color-brandCustomization-buttons-secondary-large-pressed: #8f2a01; --color-brandCustomization-buttons-secondary-small-background: transparent; --color-brandCustomization-buttons-secondary-small-foreground: #242021; --color-brandCustomization-buttons-secondary-small-border: #242021; --color-brandCustomization-buttons-secondary-small-pressed: #000; --color-brandCustomization-buttons-quick-add-background: #fc4c02; --color-brandCustomization-buttons-quick-add-foreground: #fff; --color-brandCustomization-buttons-quick-add-border: #fff; --color-brandCustomization-buttons-quick-add-pressed: #8f2a01; --color-brandCustomization-buttons-header-buttons-background: #fc4c02; --color-brandCustomization-buttons-header-buttons-foreground: #fff; --color-brandCustomization-buttons-header-buttons-border: transparent; --color-brandCustomization-buttons-header-buttons-pressed: #8f2a01; --color-brandCustomization-indicators-map-pins-unselected-fill: #fc4c02; --color-brandCustomization-indicators-map-pins-unselected-border: #fff; --color-brandCustomization-indicators-map-pins-selected-fill: #64ccc9; --color-brandCustomization-indicators-map-pins-selected-border: #fff; --color-background-brand-primary: #fc4c02; --color-background-brand-secondary: #64ccc9; --color-background-brand-tertiary: #ffb81c; --color-background-brand-quaternary: #73391d; --color-background-neutral-inverse-base: #242021; --color-background-neutral-dim: #f4f2ec; --color-background-neutral-base: #f4f2ec; --color-background-neutral-bright: #f4f2ec; --color-background-neutral-white: #fff; --color-background-neutral-white-dim: #f5f5f5; --color-background-neutral-disabled: #a3a3a3; --color-background-neutral-off-white: #faf9f5; --color-foreground-brand-primary-on-background: #fff; --color-foreground-brand-primary-on-surface: #8f2a01; --color-foreground-brand-secondary-on-background: #242021; --color-foreground-brand-secondary-on-surface: #2a6b69; --color-foreground-brand-tertiary-on-background: #242021; --color-foreground-brand-tertiary-on-surface: #996a0e; --color-foreground-brand-quaternary-on-background: #242021; --color-foreground-brand-quaternary-on-surface: #351a0d; --color-foreground-accent-enabled: #fc4c02; --color-foreground-accent-pressed: #fc4c02; --color-foreground-accent-disabled: #fc4c02; --color-foreground-content-enabled: #242021; --color-foreground-content-pressed: #404040; --color-foreground-content-filled: #171717; --color-foreground-content-disabled: #525252; --color-foreground-content-subtle-enabled: #525252; --color-foreground-content-subtle-pressed: #262626; --color-foreground-content-subtle-disabled: #a3a3a3; --color-foreground-content-subtle-inverse-enabled: #e5e5e5; --color-foreground-content-subtle-inverse-pressed: #a3a3a3; --color-foreground-content-subtle-inverse-disabled: #525252; --color-foreground-content-subtlest-enabled: #737373; --color-foreground-content-subtlest-pressed: #404040; --color-foreground-content-subtlest-disabled: #a3a3a3; --color-foreground-content-inverse-enabled: #fff; --color-foreground-content-inverse-pressed: #e5e5e5; --color-foreground-content-inverse-filled: #fff; --color-foreground-content-inverse-disabled: #a3a3a3; --color-foreground-border-dim: #171717; --color-foreground-border-neutral: #262626; --color-foreground-border-bright: #737373; --color-foreground-border-brighter: #d4d4d4; --color-foreground-icon-enabled: #242021; --color-foreground-icon-pressed: #404040; --color-foreground-icon-disabled: #a3a3a3; --color-foreground-icon-inverse-enabled: #fff; --color-surface-neutral-dim: #e5e5e5; --color-surface-neutral-base: #f5f5f5; --color-surface-neutral-bright: #f5f5f5; --color-surface-brand-primary: #ffe4d6; --color-surface-brand-secondary: #ddf5f4; --color-surface-brand-tertiary: #ffe299; --color-surface-brand-quaternary: #f3e3db; --color-divider-dim: #a3a3a3; --color-divider-base: #d4d4d4; --color-divider-bright: #e5e5e5; --color-divider-inverse-dim: #404040; --color-divider-inverse-base: #525252; --color-divider-inverse-bright: #737373; --color-status-positive-base: #22c55e; --color-status-positive-on-base: #242021; --color-status-positive-container: #f0fdf5; --color-status-positive-on-container: #166533; --color-status-warning-base: #f97316; --color-status-warning-on-base: #fff; --color-status-warning-container: #fff4ed; --color-status-warning-on-container: #9a4a12; --color-status-danger-base: #b91c1c; --color-status-danger-on-base: #fff; --color-status-danger-container: #fef2f2; --color-status-danger-on-container: #991b1b; --color-status-info-base: #3b82f6; --color-status-info-on-base: #fff; --color-status-info-container: #eff5ff; --color-status-info-on-container: #1e55af; --color-misc-none: transparent; --color-misc-order-method-toggle: #242021; --color-misc-delivery-progress-stepper: #fc4c02; --color-template-background-enabled: #262626; --color-template-background-focus: #171717; --color-template-background-active: #171717; --color-template-background-complete: #262626; --color-template-background-incomplete: #262626; --color-template-background-disabled: #737373; --color-template-background-error: #b91c1c; --color-template-background-success: #22c55e; --color-template-background-read-only: transparent; --color-template-foreground-enabled: #242021; --color-template-foreground-focus: #242021; --color-template-foreground-active: #171717; --color-template-foreground-complete: #171717; --color-template-foreground-incomplete: #171717; --color-template-foreground-disabled: #737373; --color-template-foreground-error: #b91c1c; --color-template-foreground-success: #22c55e; --color-buttons-primary-large-background-enabled: #fc4c02; --color-buttons-primary-large-background-pressed: #8f2a01; --color-buttons-primary-large-background-disabled: #d4d4d4; --color-buttons-primary-large-foreground-enabled: #fff; --color-buttons-primary-large-foreground-pressed: #fff; --color-buttons-primary-large-foreground-disabled: #737373; --color-buttons-primary-large-border-enabled: transparent; --color-buttons-primary-large-border-pressed: transparent; --color-buttons-primary-large-border-disabled: transparent; --color-buttons-primary-small-background-enabled: #242021; --color-buttons-primary-small-background-pressed: #000; --color-buttons-primary-small-background-disabled: #d4d4d4; --color-buttons-primary-small-foreground-enabled: #fff; --color-buttons-primary-small-foreground-pressed: #fff; --color-buttons-primary-small-foreground-disabled: #737373; --color-buttons-primary-small-border-enabled: transparent; --color-buttons-primary-small-border-pressed: transparent; --color-buttons-primary-small-border-disabled: transparent; --color-buttons-secondary-large-background-enabled: transparent; --color-buttons-secondary-large-background-pressed: #e5e5e5; --color-buttons-secondary-large-background-disabled: #d4d4d4; --color-buttons-secondary-large-foreground-enabled: #fc4c02; --color-buttons-secondary-large-foreground-pressed: #8f2a01; --color-buttons-secondary-large-foreground-disabled: #737373; --color-buttons-secondary-large-border-enabled: #fc4c02; --color-buttons-secondary-large-border-pressed: #8f2a01; --color-buttons-secondary-large-border-disabled: transparent; --color-buttons-secondary-small-background-enabled: transparent; --color-buttons-secondary-small-background-pressed: #e5e5e5; --color-buttons-secondary-small-background-disabled: #d4d4d4; --color-buttons-secondary-small-foreground-enabled: #242021; --color-buttons-secondary-small-foreground-pressed: #000; --color-buttons-secondary-small-foreground-disabled: #737373; --color-buttons-secondary-small-border-enabled: #242021; --color-buttons-secondary-small-border-pressed: #000; --color-buttons-secondary-small-border-disabled: transparent; --color-buttons-tertiary-background-enabled: transparent; --color-buttons-tertiary-background-pressed: transparent; --color-buttons-tertiary-background-disabled: transparent; --color-buttons-tertiary-foreground-enabled: #242021; --color-buttons-tertiary-foreground-pressed: #404040; --color-buttons-tertiary-foreground-disabled: #737373; --color-buttons-tertiary-border-enabled: transparent; --color-buttons-tertiary-border-pressed: transparent; --color-buttons-tertiary-border-disabled: transparent; --color-buttons-text-link-background-enabled: transparent; --color-buttons-text-link-background-pressed: transparent; --color-buttons-text-link-background-disabled: transparent; --color-buttons-text-link-foreground-enabled: #242021; --color-buttons-text-link-foreground-pressed: #404040; --color-buttons-text-link-foreground-disabled: #737373; --color-buttons-text-link-border-enabled: transparent; --color-buttons-text-link-border-pressed: transparent; --color-buttons-text-link-border-disabled: transparent; --color-buttons-header-standard-background-enabled: #fc4c02; --color-buttons-header-standard-background-pressed: #8f2a01; --color-buttons-header-standard-background-disabled: rgba(#fc4c02,0.50); --color-buttons-header-standard-foreground-enabled: #fff; --color-buttons-header-standard-foreground-pressed: #fff; --color-buttons-header-standard-foreground-disabled: rgba(#FFFFFF,0.50); --color-buttons-header-standard-border-enabled: transparent; --color-buttons-header-standard-border-pressed: transparent; --color-buttons-header-standard-border-disabled: transparent; --color-buttons-header-standard-inverse-background-enabled: #242021; --color-buttons-header-standard-inverse-background-pressed: #404040; --color-buttons-header-standard-inverse-foreground-enabled: #fff; --color-buttons-header-standard-inverse-foreground-pressed: #fff; --color-buttons-header-standard-inverse-border-enabled: transparent; --color-buttons-header-standard-inverse-border-pressed: transparent; --color-buttons-header-cart-empty-background-enabled: transparent; --color-buttons-header-cart-empty-background-pressed: #e5e5e5; --color-buttons-header-cart-empty-background-disabled: rgba(rgba(0,0,0,0),0.50); --color-buttons-header-cart-empty-foreground-enabled: #fc4c02; --color-buttons-header-cart-empty-foreground-pressed: #8f2a01; --color-buttons-header-cart-empty-foreground-disabled: rgba(#fc4c02,0.50); --color-buttons-header-cart-empty-border-enabled: #fc4c02; --color-buttons-header-cart-empty-border-pressed: #8f2a01; --color-buttons-header-cart-empty-border-disabled: transparent; --color-buttons-header-cart-filled-background-enabled: #fc4c02; --color-buttons-header-cart-filled-background-pressed: #8f2a01; --color-buttons-header-cart-filled-background-disabled: #d4d4d4; --color-buttons-header-cart-filled-foreground-enabled: #fff; --color-buttons-header-cart-filled-foreground-pressed: #fff; --color-buttons-header-cart-filled-foreground-disabled: #737373; --color-buttons-header-cart-filled-border-enabled: #fc4c02; --color-buttons-header-cart-filled-border-pressed: #8f2a01; --color-buttons-header-cart-filled-border-disabled: #d4d4d4; --color-buttons-footer-button-background-enabled: #fc4c02; --color-buttons-footer-button-background-pressed: #8f2a01; --color-buttons-footer-button-background-disabled: #d4d4d4; --color-buttons-footer-button-foreground-enabled: #fff; --color-buttons-footer-button-foreground-pressed: #fff; --color-buttons-footer-button-foreground-disabled: #737373; --color-buttons-footer-button-border-enabled: transparent; --color-buttons-footer-button-border-pressed: transparent; --color-buttons-footer-button-border-disabled: transparent; --color-buttons-quick-add-background: #fc4c02; --color-buttons-quick-add-foreground: #fff; --color-buttons-quick-add-border: #fff; --color-buttons-quick-add-pressed: #8f2a01; --color-formFields-foreground-enabled: #525252; --color-formFields-foreground-pressed: #262626; --color-formFields-foreground-filled: #171717; --color-formFields-foreground-error: #b91c1c; --color-formFields-border-enabled: #525252; --color-formFields-border-pressed: #262626; --color-formFields-border-filled: #e5e5e5; --color-formFields-border-error: #b91c1c; --color-formFields-background-neutral: transparent; --color-selectionControls-checkbox-foreground-filled: #fc4c02; --color-selectionControls-checkbox-foreground-selected: #fff; --color-selectionControls-checkbox-border-neutral: #d4d4d4; --color-selectionControls-checkbox-border-enabled: #171717; --color-selectionControls-checkbox-border-pressed: #262626; --color-selectionControls-checkbox-border-filled: #fc4c02; --color-selectionControls-checkbox-border-error: #b91c1c; --color-selectionControls-checkbox-background-neutral: #fff; --color-selectionControls-radio-foreground-selected: #fc4c02; --color-selectionControls-radio-foreground-enabled: #fff; --color-selectionControls-radio-foreground-error: #b91c1c; --color-selectionControls-radio-border-disabled: #d4d4d4; --color-selectionControls-radio-border-enabled: #171717; --color-selectionControls-radio-border-selected: #fc4c02; --color-selectionControls-radio-border-error: #b91c1c; --color-selectionControls-radio-background-enabled: #fff; --color-selectionControls-radio-background-disabled: transparent; --color-selectionControls-toggle-foreground-default: #fff; --color-selectionControls-toggle-border-default: #d4d4d4; --color-selectionControls-toggle-background-enabled: #e5e5e5; --color-selectionControls-toggle-background-selected: #fc4c02; --color-selectionControls-toggle-background-disabled: rgba(#E5E5E5,0.50); --color-selectionControls-quantity-foreground-enabled: #242021; --color-selectionControls-quantity-foreground-disabled: rgba(#242021,0.50); --color-selectionControls-quantity-border-enabled: #242021; --color-selectionControls-quantity-border-disabled: #a3a3a3; --color-selectionControls-quantity-background-neutral: transparent; --color-selectionControls-multipleChoice-foreground-enabled: #242021; --color-selectionControls-multipleChoice-foreground-pressed: #242021; --color-selectionControls-multipleChoice-foreground-selected: #fff; --color-selectionControls-multipleChoice-foreground-disabled: #737373; --color-selectionControls-multipleChoice-border-disabled: #d4d4d4; --color-selectionControls-multipleChoice-border-enabled: #262626; --color-selectionControls-multipleChoice-border-pressed: #262626; --color-selectionControls-multipleChoice-border-selected: #262626; --color-selectionControls-multipleChoice-background-disabled: #d4d4d4; --color-selectionControls-multipleChoice-background-enabled: transparent; --color-selectionControls-multipleChoice-background-pressed: #e5e5e5; --color-selectionControls-multipleChoice-background-selected: #171717; --color-selectionControls-pagination-foreground-enabled: #a3a3a3; --color-selectionControls-pagination-foreground-selected: #171717; --color-selectionControls-pagination-foreground-inverse-enabled: #e5e5e5; --color-selectionControls-pagination-foreground-inverse-selected: #fff; --color-selectionControls-activeUnderline-active-underline: #fc4c02; --color-selectionControls-chooseTwo-container-border: #64ccc9; --color-selectionControls-chooseTwo-containerBackground-selected: #64ccc9; --color-selectionControls-chooseTwo-containerBackground-unselected: transparent; --color-selectionControls-chooseTwo-containerNumber-background: #fff; --color-selectionControls-chooseTwo-containerNumber-text: #64ccc9; --color-selectionControls-chooseTwo-containerName-unselected: #64ccc9; --color-selectionControls-chooseTwo-containerName-selected: #fff; --color-indicators-notification-foreground-positive: #166533; --color-indicators-notification-foreground-danger: #991b1b; --color-indicators-notification-border-positive: #166533; --color-indicators-notification-border-danger: #991b1b; --color-indicators-notification-background-positive: #f0fdf5; --color-indicators-notification-background-danger: #fef2f2; --color-indicators-disclaimer-foreground-default: #525252; --color-indicators-disclaimer-border-default: transparent; --color-indicators-disclaimer-background-neutral: transparent; --color-indicators-map-pins-app-selected-fill: #64ccc9; --color-indicators-map-pins-app-selected-border: #fff; --color-indicators-map-pins-app-unselected-fill: #242021; --color-indicators-map-pins-app-unselected-border: #fff; --color-indicators-map-pins-web-selected-fill: #64ccc9; --color-indicators-map-pins-web-selected-border: #fff; --color-indicators-map-pins-web-unselected-fill: #fc4c02; --color-indicators-map-pins-web-unselected-border: #fff; --color-suggestedSell-section-background: #f2fbfb; --color-suggestedSell-header-background: #64ccc9; --color-suggestedSell-line-item-border: #d4d4d4; --color-icons-illustrations-brandIcons: #fc4c02; --color-icons-illustrations-favoriteHeart-enabled: #242021; --color-icons-illustrations-favoriteHeart-selected: #fc4c02; --color-icons-illustrations-allergens-icon: #fc4c02; --color-icons-illustrations-allergens-background: #fff3ed; --color-rewards-offers-rewards-badge-background-available: #64ccc9; --color-rewards-offers-rewards-badge-background-selected: #fff; --color-rewards-offers-rewards-badge-text-available: #fff; --color-rewards-offers-rewards-badge-text-selected: #242021; --color-rewards-offers-rewards-card-background-available: #fff; --color-rewards-offers-rewards-card-background-selected: #64ccc9; --color-rewards-offers-offers-badge-background-available: #64ccc9; --color-rewards-offers-offers-badge-background-selected: #fff; --color-rewards-offers-offers-badge-text-available: #fff; --color-rewards-offers-offers-badge-text-selected: #242021; --color-rewards-offers-offers-card-background-available: #fff; --color-rewards-offers-offers-card-background-selected: #64ccc9; --color-rewards-offers-offers-card-icon-available: #fc4c02; --color-rewards-offers-offers-card-icon-selected: #fff; --color-rewards-offers-rewards-hero-color: #64ccc9; --color-app-footer-background: #242021; --color-app-footer-active-tab: #fc4c02; --color-app-footer-background-gradient: #faf9f5; --color-web-footer-background-lower: #64ccc9; --color-web-footer-background-upper: #faf9f5; --color-menu-tabs-background-default: #faf9f5; --color-menu-tabs-background-selected: #64ccc9; --color-menu-tabs-icon-default: #242021; --color-menu-tabs-icon-selected: #fff; --color-promo-modules-rewards-card-background: #64ccc9; --color-promo-modules-rewards-element-background: #fff; --color-promo-modules-rewards-element-text: #242021; --color-promo-modules-offers-card-background: #64ccc9; --color-promo-modules-offers-element-background: #fff; --color-promo-modules-offers-element-text: #242021; --color-promo-modules-product-promo-card-background: #64ccc9; --color-promo-modules-product-promo-element-background: #fff; --color-promo-modules-product-promo-element-text: #242021; --color-promo-modules-celebratory-card-background: #64ccc9; --color-promo-modules-celebratory-element-background: #fff; --color-promo-modules-celebratory-element-text: #242021; --dimension-0: 0px; --dimension-1: 1px; --dimension-2: 2px; --dimension-4: 4px; --dimension-6: 6px; --dimension-8: 8px; --dimension-12: 12px; --dimension-14: 14px; --dimension-16: 16px; --dimension-18: 18px; --dimension-20: 20px; --dimension-24: 24px; --dimension-32: 32px; --dimension-36: 36px; --dimension-40: 40px; --dimension-48: 48px; --dimension-56: 56px; --dimension-64: 64px; --dimension-72: 72px; --dimension-96: 96px; --dimension-120: 120px; --dimension-160: 160px; --dimension-1600: 1600px; --border-width-none: 0px; --border-width-hairline: 1px; --border-width-thin: 2px; --border-width-thick: 4px; --border-width-heavy: 8px; --opacity-total: 1; --opacity-semiopaque: 0.80; --opacity-intense: 0.64; --opacity-medium: 0.32; --opacity-light: 0.16; --opacity-semitransparent: 0.08; --opacity-faded: 0.04; --opacity-zero: 0; --opacity-state-enabled: 1; --opacity-state-disabled: 0.64; --opacity-state-pressed: 0.32; --opacity-variation-dim: 0.32; --opacity-variation-neutral: 1; --opacity-variation-bright: 0.80; --opacity-disabled: 0.50; --base-font: 16px; --breakpoint-current: 1; --state-pressed: 0.2; --luminosity-darker: 0.1; --luminosity-lighter: 0.2; --fontWeights-regular: Regular; --fontWeights-semibold: SemiBold; --fontWeights-bold: Bold; --fontWeights-extrabold: ExtraBold; --fontWeights-base: Base; --fontWeights-baseLine: Base Line; --fontWeights-baseLineShade: Base Line Shade; --fontWeights-baseShade: Base Shade; --fontWeights-line: Line; --fontWeights-lineShade: Line Shade; --fontWeights-shade: Shade; --fontWeights-baseDrop: Base Drop; --fontWeights-dropExtrude: Drop Extrude; --fontWeights-dropLine: Drop Line; --fontWeights-dropStripesB: Drop Stripes B; --fontWeights-inline: Inline; --fontWeights-lineMedium: Line Medium; --fontWeights-lineBold: Line Bold; --fontWeights-no3-bold: No3 Bold; --fontWeights-no5-bold: No5 Bold; --fontWeights-heavy: Heavy; --fontWeights-medium: Medium; --lineHeights-auto: auto; --lineHeights-xs: 16; --lineHeights-sm: 18; --lineHeights-rg: 20; --lineHeights-md: 22; --lineHeights-lg: 34; --lineHeights-xl: 40; --letterSpacing-none: 0; --paragraphSpacing-none: 0; --paragraphSpacing-small: 14; --paragraphSpacing-medium: 16; --paragraphSpacing-large: 20; --fontSize-font-size-xs: 12px; --fontSize-font-size-sm: 14px; --fontSize-font-size-rg: 16px; --fontSize-font-size-md: 18px; --fontSize-font-size-20: 20px; --fontSize-font-size-lg: 24px; --fontSize-font-size-xl: 32px; --fontSize-font-size-xxl: 40px; --textCase-none: none; --textCase-uppercase: uppercase; --textCase-capitalize: capitalize; --textCase-lowercase: lowercase; --textDecoration-none: none; --textDecoration-underline: underline; --textDecoration-line-through: line-through; --paragraphIndent-0: 0px; --spacing-1x: 2px; --spacing-2x: 4px; --spacing-4x: 8px; --spacing-6x: 12px; --spacing-7x: 14px; --spacing-8x: 16px; --spacing-9x: 18px; --spacing-10x: 20px; --spacing-12x: 24px; --spacing-16x: 32px; --spacing-18x: 36px; --spacing-20x: 40px; --spacing-24x: 48px; --spacing-28x: 56px; --spacing-32x: 64px; --spacing-36x: 72px; --spacing-48x: 96px; --spacing-60x: 120px; --spacing-80x: 160px; --icon-size-small: 12px; --icon-size-regular: 16px; --icon-size-large: 24px; --gradient-light: linear-gradient(0deg,#fff,#ffffff00); --gradient-beige: linear-gradient(0deg,#f4f1ec,#f4f1ec00); --gradient-dark: linear-gradient(0deg,#000,#00000000); --gradient-skeleton: linear-gradient(90deg,#dcd9d499,#f4f1eccc 54.57%,#dcd9d499); --gradient-brand-primary: linear-gradient(0deg,#e04307,#e0430700); --gradient-brand-secondary: linear-gradient(0deg,#20cbd4,#20cbd400); --gradient-brand-tertiary: linear-gradient(0deg,#9ca023,#9ca02300); --gradient-brand-quaternary: linear-gradient(0deg,#f5c65d,#f5c65d00); }
.\[container-type\:inline-size\] { container-type: inline-size; }
.pointer-events-none { pointer-events: none; }
.collapse { visibility: collapse; }
.visible { visibility: visible; }
.sr-only { border-width: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; white-space: nowrap; width: 1px; }
.absolute, .sr-only { position: absolute; }
.fixed { position: fixed; }
.relative { position: relative; }
.static { position: static; }
.sticky { position: sticky; }
.top-1\/2 { top: 50%; }
.top-\[-5px\] { top: -5px; }
.top-\[0\] { top: 0px; }
.top-\[var\(--spacing-4x\)\] { top: var(--spacing-4x); }
.top-\[var\(--spacing-8x\)\] { top: var(--spacing-8x); }
.top-\[var\(--spacing-24x\)\] { top: var(--spacing-24x); }
.right-\[-22px\] { right: -22px; }
.right-\[var\(--spacing-18x\)\] { right: var(--spacing-18x); }
.right-\[var\(--spacing-20x\)\] { right: var(--spacing-20x); }
.-bottom-\[1px\] { bottom: -1px; }
.bottom-auto { bottom: auto; }
.left-\[90px\] { left: 90px; }
.left-\[var\(--spacing-8x\)\] { left: var(--spacing-8x); }
.isolate { isolation: isolate; }
.-z-1 { z-index: -1; }
.z-0 { z-index: 0; }
.z-1 { z-index: 1; }
.z-2 { z-index: 2; }
.z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.z-30 { z-index: 30; }
.z-50 { z-index: 50; }
.z-100 { z-index: 100; }
.z-\[1\] { z-index: 1; }
.z-\[99\] { z-index: 99; }
.order-1 { order: 1; }
.order-2 { order: 2; }
.col-span-1 { grid-column: span 1 / span 1; }
.col-start-2 { grid-column-start: 2; }
.row-span-2 { grid-row: span 2 / span 2; }
.row-start-1 { grid-row-start: 1; }
.container { width: 100%; }
.mx-\[30px\] { margin-inline: 30px; }
.mx-\[var\(--spacing-9x\)\] { margin-inline: var(--spacing-9x); }
.mx-\[var\(--spacing-12x\)\] { margin-inline: var(--spacing-12x); }
.mx-auto { margin-inline: auto; }
.my-\[var\(--spacing-8x\)\] { margin-block: var(--spacing-8x); }
.my-\[var\(--spacing-12x\)\] { margin-block: var(--spacing-12x); }
.mt-\[5px\] { margin-top: 5px; }
.mt-\[10px\] { margin-top: 10px; }
.mt-\[16px\] { margin-top: 16px; }
.mt-\[21px\] { margin-top: 21px; }
.mt-\[26px\] { margin-top: 26px; }
.mt-\[var\(--spacing-1x\)\] { margin-top: var(--spacing-1x); }
.mt-\[var\(--spacing-8x\)\] { margin-top: var(--spacing-8x); }
.mt-\[var\(--spacing-12x\)\] { margin-top: var(--spacing-12x); }
.mr-\[1px\] { margin-right: 1px; }
.mr-auto { margin-right: auto; }
.mb-\(--paragraphSpacing-none\) { margin-bottom: var(--paragraphSpacing-none); }
.mb-\(--paragraphSpacing-small\) { margin-bottom: var(--paragraphSpacing-small); }
.mb-\[--paragraphSpacing-large\] { }
.mb-\[--paragraphSpacing-medium\] { }
.mb-\[--paragraphSpacing-none\] { }
.mb-\[2px\] { margin-bottom: 2px; }
.mb-\[5px\] { margin-bottom: 5px; }
.mb-\[11px\] { margin-bottom: 11px; }
.mb-\[33px\] { margin-bottom: 33px; }
.mb-\[var\(--spacing-4x\)\] { margin-bottom: var(--spacing-4x); }
.mb-\[var\(--spacing-6x\)\] { margin-bottom: var(--spacing-6x); }
.mb-\[var\(--spacing-8x\)\] { margin-bottom: var(--spacing-8x); }
.mb-\[var\(--spacing-12x\)\] { margin-bottom: var(--spacing-12x); }
.ml-\[var\(--spacing-4x\)\] { margin-left: var(--spacing-4x); }
.ml-\[var\(--spacing-10x\)\] { margin-left: var(--spacing-10x); }
.ml-auto { margin-left: auto; }
.line-clamp-2 { -webkit-line-clamp: 2; }
.line-clamp-2, .line-clamp-3 { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.line-clamp-3 { -webkit-line-clamp: 3; }
.block { display: block; }
.contents { display: contents; }
.flex { display: flex; }
.grid { display: grid; }
.hidden { display: none; }
.inline { display: inline; }
.inline-block { display: inline-block; }
.inline-flex { display: inline-flex; }
.table { display: table; }
.field-sizing-content { field-sizing: content; }
.size-\[var\(--dimension-48\)\] { height: var(--dimension-48); width: var(--dimension-48); }
.size-\[var\(--dimension-64\)\] { height: var(--dimension-64); width: var(--dimension-64); }
.size-\[var\(--dimension-72\)\] { height: var(--dimension-72); width: var(--dimension-72); }
.h-\[18px\] { height: 18px; }
.h-\[32px\] { height: 32px; }
.h-\[44px\] { height: 44px; }
.h-\[53px\] { height: 53px; }
.h-\[78px\] { height: 78px; }
.h-\[100dvh\] { height: 100dvh; }
.h-\[100px\] { height: 100px; }
.h-\[174px\] { height: 174px; }
.h-\[175px\] { height: 175px; }
.h-\[200px\] { height: 200px; }
.h-\[210px\] { height: 210px; }
.h-\[240px\] { height: 240px; }
.h-\[286px\] { height: 286px; }
.h-\[307px\] { height: 307px; }
.h-\[346px\] { height: 346px; }
.h-\[420px\] { height: 420px; }
.h-\[calc\(100\%-1px\)\] { height: calc(100% - 1px); }
.h-\[var\(--dimension-18\)\] { height: var(--dimension-18); }
.h-\[var\(--dimension-24\)\] { height: var(--dimension-24); }
.h-\[var\(--dimension-32\)\] { height: var(--dimension-32); }
.h-\[var\(--dimension-40\)\] { height: var(--dimension-40); }
.h-\[var\(--dimension-48\)\] { height: var(--dimension-48); }
.h-\[var\(--dimension-96\)\] { height: var(--dimension-96); }
.h-\[var\(--icon-size-small\)\] { height: var(--icon-size-small); }
.h-auto { height: auto; }
.h-full { height: 100%; }
.h-screen { height: 100vh; }
.max-h-\[3em\] { max-height: 3em; }
.max-h-\[70px\] { max-height: 70px; }
.max-h-\[174px\] { max-height: 174px; }
.min-h-\[100\%\] { min-height: 100%; }
.min-h-\[200px\] { min-height: 200px; }
.min-h-\[400px\] { min-height: 400px; }
.min-h-auto { min-height: auto; }
.w-\[15\%\] { width: 15%; }
.w-\[16px\] { width: 16px; }
.w-\[18px\] { width: 18px; }
.w-\[50\%\] { width: 50%; }
.w-\[84px\] { width: 84px; }
.w-\[85\%\] { width: 85%; }
.w-\[90vw\] { width: 90vw; }
.w-\[100\%\] { width: 100%; }
.w-\[104px\] { width: 104px; }
.w-\[146px\] { width: 146px; }
.w-\[224px\] { width: 224px; }
.w-\[300px\] { width: 300px; }
.w-\[315px\] { width: 315px; }
.w-\[335px\] { width: 335px; }
.w-\[350px\] { width: 350px; }
.w-\[400px\] { width: 400px; }
.w-\[500px\] { width: 500px; }
.w-\[600px\] { width: 600px; }
.w-\[calc\(100vw-2rem\)\] { width: calc(-2rem + 100vw); }
.w-\[calc\(100vw-10rem\)\] { width: calc(-10rem + 100vw); }
.w-\[max-content\] { width: max-content; }
.w-\[var\(--dimension-18\)\] { width: var(--dimension-18); }
.w-\[var\(--icon-size-small\)\] { width: var(--icon-size-small); }
.w-auto { width: auto; }
.w-fit { width: fit-content; }
.w-full { width: 100%; }
.w-max { width: max-content; }
.w-min { width: min-content; }
.w-screen { width: 100vw; }
.max-w-\[90px\] { max-width: 90px; }
.max-w-\[175px\] { max-width: 175px; }
.max-w-\[200px\] { max-width: 200px; }
.max-w-\[260px\] { max-width: 260px; }
.max-w-\[263px\] { max-width: 263px; }
.max-w-\[295px\] { max-width: 295px; }
.max-w-\[360px\] { max-width: 360px; }
.max-w-\[464px\] { max-width: 464px; }
.max-w-\[648px\] { max-width: 648px; }
.max-w-\[1260px\] { max-width: 1260px; }
.max-w-full { max-width: 100%; }
.min-w-\[40px\] { min-width: 40px; }
.min-w-\[263px\] { min-width: 263px; }
.min-w-\[300px\] { min-width: 300px; }
.min-w-\[315px\] { min-width: 315px; }
.min-w-\[335px\] { min-width: 335px; }
.min-w-\[375px\] { min-width: 375px; }
.min-w-\[600px\] { min-width: 600px; }
.min-w-\[unset\] { min-width: unset; }
.min-w-\[var\(--dimension-32\)\] { min-width: var(--dimension-32); }
.min-w-\[var\(--dimension-48\)\] { min-width: var(--dimension-48); }
.min-w-auto { min-width: auto; }
.min-w-fit { min-width: fit-content; }
.flex-1 { flex: 1 1 0%; }
.flex-auto { flex: 1 1 auto; }
.flex-none { flex: 0 0 auto; }
.shrink-0 { flex-shrink: 0; }
.grow, .grow-1 { flex-grow: 1; }
.basis-1\/4 { flex-basis: 25%; }
.basis-3\/4 { flex-basis: 75%; }
.origin-\[--radix-tooltip-content-transform-origin\] { }
.-translate-y-1\/2 { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); }
.-rotate-90 { rotate: -90deg; }
.rotate-90 { rotate: 90deg; }
.transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); }
.cursor-not-allowed { cursor: not-allowed; }
.cursor-pointer { cursor: pointer; }
.cursor-text { cursor: text; }
.resize { resize: both; }
.resize-none { resize: none; }
.list-none { list-style-type: none; }
.appearance-none { appearance: none; }
.auto-rows-min { grid-auto-rows: min-content; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.grid-cols-\[auto_1fr_auto\] { grid-template-columns: auto 1fr auto; }
.grid-cols-\[auto_auto\] { grid-template-columns: auto auto; }
.grid-rows-\[auto_auto\] { grid-template-rows: auto auto; }
.flex-col { flex-direction: column; }
.flex-col-reverse { flex-direction: column-reverse; }
.flex-row { flex-direction: row; }
.flex-row-reverse { flex-direction: row-reverse; }
.flex-wrap { flex-wrap: wrap; }
.place-content-center { place-content: center; }
.items-center { align-items: center; }
.items-end { align-items: flex-end; }
.items-start { align-items: flex-start; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.justify-end { justify-content: flex-end; }
.justify-evenly { justify-content: space-evenly; }
.justify-start { justify-content: flex-start; }
.gap-\[10px\] { gap: 10px; }
.gap-\[11px\] { gap: 11px; }
.gap-\[16px\] { gap: 16px; }
.gap-\[var\(--dimension-6\)\] { gap: var(--dimension-6); }
.gap-\[var\(--spacing-2x\)\] { gap: var(--spacing-2x); }
.gap-\[var\(--spacing-4x\)\] { gap: var(--spacing-4x); }
.gap-\[var\(--spacing-6x\)\] { gap: var(--spacing-6x); }
.gap-\[var\(--spacing-8x\)\] { gap: var(--spacing-8x); }
.gap-\[var\(--spacing-10x\)\] { gap: var(--spacing-10x); }
.gap-\[var\(--spacing-12x\)\] { gap: var(--spacing-12x); }
.gap-\[var\(--spacing-16x\)\] { gap: var(--spacing-16x); }
.gap-\[var\(--spacing-18x\)\] { gap: var(--spacing-18x); }
.gap-\[var\(--spacing-20x\)\] { gap: var(--spacing-20x); }
.self-end { align-self: flex-end; }
.self-start { align-self: flex-start; }
.self-stretch { align-self: stretch; }
.justify-self-end { justify-self: flex-end; }
.justify-self-start { justify-self: flex-start; }
.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.overflow-auto { overflow: auto; }
.overflow-hidden { overflow: hidden; }
.overflow-x-auto { overflow-x: auto; }
.overflow-y-auto { overflow-y: auto; }
.overflow-y-hidden { overflow-y: hidden; }
.rounded-\[5px\] { border-radius: 5px; }
.rounded-\[12px\] { border-radius: 12px; }
.rounded-\[15px\] { border-radius: 15px; }
.rounded-\[20px\] { border-radius: 20px; }
.rounded-\[35px\] { border-radius: 35px; }
.rounded-\[var\(--border-radius-4\)\] { border-radius: var(--border-radius-4); }
.rounded-\[var\(--border-radius-6\)\] { border-radius: var(--border-radius-6); }
.rounded-\[var\(--border-radius-8\)\] { border-radius: var(--border-radius-8); }
.rounded-\[var\(--border-radius-12\)\] { border-radius: var(--border-radius-12); }
.rounded-\[var\(--border-radius-button-large\)\] { border-radius: var(--border-radius-button-large); }
.rounded-\[var\(--border-radius-button-small\)\] { border-radius: var(--border-radius-button-small); }
.rounded-\[var\(--border-radius-pill\)\] { border-radius: var(--border-radius-pill); }
.rounded-full { border-radius: calc(infinity * 1px); }
.rounded-none { border-radius: 0px; }
.rounded-t-\[25px\] { border-top-left-radius: 25px; border-top-right-radius: 25px; }
.rounded-l-\[length\:var\(--border-radius-4\)\] { border-bottom-left-radius: var(--border-radius-4); border-top-left-radius: var(--border-radius-4); }
.rounded-tl-\[20px\] { border-top-left-radius: 20px; }
.rounded-r-\[length\:var\(--border-radius-4\)\] { border-bottom-right-radius: var(--border-radius-4); border-top-right-radius: var(--border-radius-4); }
.rounded-tr-\[20px\] { border-top-right-radius: 20px; }
.rounded-b-\[20px\] { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.border { border-style: var(--tw-border-style); border-width: 1px; }
.border-0 { border-style: var(--tw-border-style); border-width: 0px; }
.border-1 { border-style: var(--tw-border-style); border-width: 1px; }
.border-2 { border-style: var(--tw-border-style); border-width: 2px; }
.border-4 { border-style: var(--tw-border-style); border-width: 4px; }
.border-\[1\.5px\] { border-style: var(--tw-border-style); border-width: 1.5px; }
.border-\[1px\] { border-style: var(--tw-border-style); border-width: 1px; }
.border-\[2px\] { border-style: var(--tw-border-style); border-width: 2px; }
.border-\[3px\] { border-style: var(--tw-border-style); border-width: 3px; }
.border-\[5px\] { border-style: var(--tw-border-style); border-width: 5px; }
.border-\[length\:var\(--border-width-hairline\)\] { border-style: var(--tw-border-style); border-width: var(--border-width-hairline); }
.border-\[length\:var\(--border-width-thick\)\] { border-style: var(--tw-border-style); border-width: var(--border-width-thick); }
.border-\[length\:var\(--border-width-thin\)\] { border-style: var(--tw-border-style); border-width: var(--border-width-thin); }
.border-y-1 { border-block-style: var(--tw-border-style); border-block-width: 1px; }
.border-t, .border-t-1 { border-top-style: var(--tw-border-style); border-top-width: 1px; }
.border-r-0 { border-right-style: var(--tw-border-style); border-right-width: 0px; }
.border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
.border-b-1 { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; }
.border-b-3 { border-bottom-style: var(--tw-border-style); border-bottom-width: 3px; }
.border-b-12 { border-bottom-style: var(--tw-border-style); border-bottom-width: 12px; }
.border-b-\[length\:var\(--border-width-hairline\)\] { border-bottom-style: var(--tw-border-style); border-bottom-width: var(--border-width-hairline); }
.border-l-0 { border-left-style: var(--tw-border-style); border-left-width: 0px; }
.border-none { --tw-border-style: none; border-style: none; }
.border-solid { --tw-border-style: solid; border-style: solid; }
.\!border-\[--color-foreground-border-brighter\] { }
.border-\[\#A3A3A3\] { border-color: rgb(163, 163, 163); }
.border-\[--color-base-alpha-50\] { }
.border-\[--colorBaseAlpha200\] { }
.border-\[var\(--border-width-hairline\)\] { border-color: var(--border-width-hairline); }
.border-\[var\(--color-background-brand-secondary\)\] { border-color: var(--color-background-brand-secondary); }
.border-\[var\(--color-base-alpha-200\)\] { border-color: var(--color-base-alpha-200); }
.border-\[var\(--color-brandCustomization-suggestedSell-line-item-border\)\] { border-color: var(--color-brandCustomization-suggestedSell-line-item-border); }
.border-\[var\(--color-buttons-header-standard-inverse-border-enabled\)\] { border-color: var(--color-buttons-header-standard-inverse-border-enabled); }
.border-\[var\(--color-buttons-primary-large-background-disabled\)\] { border-color: var(--color-buttons-primary-large-background-disabled); }
.border-\[var\(--color-buttons-primary-large-border-enabled\)\] { border-color: var(--color-buttons-primary-large-border-enabled); }
.border-\[var\(--color-buttons-primary-large-foreground-disabled\)\] { border-color: var(--color-buttons-primary-large-foreground-disabled); }
.border-\[var\(--color-buttons-primary-large-foreground-enabled\)\] { border-color: var(--color-buttons-primary-large-foreground-enabled); }
.border-\[var\(--color-buttons-secondary-large-border-enabled\)\] { border-color: var(--color-buttons-secondary-large-border-enabled); }
.border-\[var\(--color-buttons-text-link-foreground-disabled\)\] { border-color: var(--color-buttons-text-link-foreground-disabled); }
.border-\[var\(--color-divider-base\)\] { border-color: var(--color-divider-base); }
.border-\[var\(--color-divider-bright\)\] { border-color: var(--color-divider-bright); }
.border-\[var\(--color-divider-dim\)\] { border-color: var(--color-divider-dim); }
.border-\[var\(--color-foreground-border-bright\)\] { border-color: var(--color-foreground-border-bright); }
.border-\[var\(--color-foreground-border-brighter\)\] { border-color: var(--color-foreground-border-brighter); }
.border-\[var\(--color-foreground-border-neutral\)\] { border-color: var(--color-foreground-border-neutral); }
.border-\[var\(--color-foreground-content-enabled\)\] { border-color: var(--color-foreground-content-enabled); }
.border-\[var\(--color-foreground-content-subtle-disabled\)\] { border-color: var(--color-foreground-content-subtle-disabled); }
.border-\[var\(--color-foreground-content-subtle-enabled\)\] { border-color: var(--color-foreground-content-subtle-enabled); }
.border-\[var\(--color-foreground-content-subtle-inverse-enabled\)\] { border-color: var(--color-foreground-content-subtle-inverse-enabled); }
.border-\[var\(--color-formFields-border-enabled\)\] { border-color: var(--color-formFields-border-enabled); }
.border-\[var\(--color-formFields-border-filled\)\] { border-color: var(--color-formFields-border-filled); }
.border-\[var\(--color-formFields-border-pressed\)\] { border-color: var(--color-formFields-border-pressed); }
.border-\[var\(--color-formFields-foreground-error\)\] { border-color: var(--color-formFields-foreground-error); }
.border-\[var\(--color-indicators-notification-border-danger\)\] { border-color: var(--color-indicators-notification-border-danger); }
.border-\[var\(--color-indicators-notification-border-positive\)\] { border-color: var(--color-indicators-notification-border-positive); }
.border-\[var\(--color-primary-500\)\] { border-color: var(--color-primary-500); }
.border-\[var\(--color-selectionControls-activeUnderline-active-underline\)\] { border-color: var(--color-selectionControls-activeUnderline-active-underline); }
.border-\[var\(--color-selectionControls-checkbox-border-error\)\] { border-color: var(--color-selectionControls-checkbox-border-error); }
.border-\[var\(--color-selectionControls-checkbox-border-filled\)\] { border-color: var(--color-selectionControls-checkbox-border-filled); }
.border-\[var\(--color-selectionControls-checkbox-border-neutral\)\] { border-color: var(--color-selectionControls-checkbox-border-neutral); }
.border-\[var\(--color-selectionControls-multipleChoice-border-enabled\)\] { border-color: var(--color-selectionControls-multipleChoice-border-enabled); }
.border-\[var\(--color-selectionControls-toggle-border-default\)\] { border-color: var(--color-selectionControls-toggle-border-default); }
.border-\[var\(--color-status-info-on-container\)\] { border-color: var(--color-status-info-on-container); }
.border-\[var\(--color-template-foreground-error\)\] { border-color: var(--color-template-foreground-error); }
.border-\[white\] { border-color: rgb(255, 255, 255); }
.border-transparent { border-color: transparent; }
.border-y-\[var\(--color-divider-inverse-base\)\] { border-block-color: var(--color-divider-inverse-base); }
.border-b-\[\#dcdad4\] { border-bottom-color: rgb(220, 218, 212); }
.border-b-\[var\(--color-background-neutral-dim\)\] { border-bottom-color: var(--color-background-neutral-dim); }
.border-b-\[var\(--color-background-neutral-inverse-base\)\] { border-bottom-color: var(--color-background-neutral-inverse-base); }
.border-b-\[var\(--color-divider-base\)\] { border-bottom-color: var(--color-divider-base); }
.border-b-\[var\(--color-foreground-border-brighter\)\] { border-bottom-color: var(--color-foreground-border-brighter); }
.border-b-\[var\(--color-formFields-foreground-enabled\)\] { border-bottom-color: var(--color-formFields-foreground-enabled); }
.border-b-\[var\(--color-selectionControls-activeUnderline-active-underline\)\] { border-bottom-color: var(--color-selectionControls-activeUnderline-active-underline); }
.bg-\(--color-background-neutral-bright\) { background-color: var(--color-background-neutral-bright); }
.bg-\[\#A3A3A3\] { background-color: rgb(163, 163, 163); }
.bg-\[\#CF21FF\] { background-color: rgb(207, 33, 255); }
.bg-\[--color-brandCustomization-menu-tabs-menu-tab-background-default\] { }
.bg-\[--color-buttons-primary-large-background-disabled\] { }
.bg-\[var\(--color-background-brand-primary\)\] { background-color: var(--color-background-brand-primary); }
.bg-\[var\(--color-background-brand-secondary\)\] { background-color: var(--color-background-brand-secondary); }
.bg-\[var\(--color-background-neutral-base\)\] { background-color: var(--color-background-neutral-base); }
.bg-\[var\(--color-background-neutral-bright\)\] { background-color: var(--color-background-neutral-bright); }
.bg-\[var\(--color-background-neutral-dim\)\] { background-color: var(--color-background-neutral-dim); }
.bg-\[var\(--color-background-neutral-inverse-base\)\] { background-color: var(--color-background-neutral-inverse-base); }
.bg-\[var\(--color-background-neutral-off-white\)\] { background-color: var(--color-background-neutral-off-white); }
.bg-\[var\(--color-background-neutral-white\)\] { background-color: var(--color-background-neutral-white); }
.bg-\[var\(--color-background-neutral-white-dim\)\] { background-color: var(--color-background-neutral-white-dim); }
.bg-\[var\(--color-base-alpha-50\)\] { background-color: var(--color-base-alpha-50); }
.bg-\[var\(--color-base-alpha-950\)\] { background-color: var(--color-base-alpha-950); }
.bg-\[var\(--color-base-off-black-500\)\] { background-color: var(--color-base-off-black-500); }
.bg-\[var\(--color-base-off-white-500\)\] { background-color: var(--color-base-off-white-500); }
.bg-\[var\(--color-brandCustomization-buttons-header-buttons-foreground\)\] { background-color: var(--color-brandCustomization-buttons-header-buttons-foreground); }
.bg-\[var\(--color-brandCustomization-selector-controls-controls-selected\)\] { background-color: var(--color-brandCustomization-selector-controls-controls-selected); }
.bg-\[var\(--color-buttons-header-standard-background-enabled\)\] { background-color: var(--color-buttons-header-standard-background-enabled); }
.bg-\[var\(--color-buttons-header-standard-inverse-background-enabled\)\] { background-color: var(--color-buttons-header-standard-inverse-background-enabled); }
.bg-\[var\(--color-buttons-primary-large-background-disabled\)\] { background-color: var(--color-buttons-primary-large-background-disabled); }
.bg-\[var\(--color-buttons-primary-large-background-enabled\)\] { background-color: var(--color-buttons-primary-large-background-enabled); }
.bg-\[var\(--color-buttons-secondary-large-background-disabled\)\] { background-color: var(--color-buttons-secondary-large-background-disabled); }
.bg-\[var\(--color-buttons-secondary-large-background-enabled\)\] { background-color: var(--color-buttons-secondary-large-background-enabled); }
.bg-\[var\(--color-buttons-tertiary-background-enabled\)\] { background-color: var(--color-buttons-tertiary-background-enabled); }
.bg-\[var\(--color-default\)\] { background-color: var(--color-default); }
.bg-\[var\(--color-foreground-border-brighter\)\] { background-color: var(--color-foreground-border-brighter); }
.bg-\[var\(--color-foreground-brand-primary-on-background\)\] { background-color: var(--color-foreground-brand-primary-on-background); }
.bg-\[var\(--color-formFields-background-neutral\)\] { background-color: var(--color-formFields-background-neutral); }
.bg-\[var\(--color-indicators-notification-background-danger\)\] { background-color: var(--color-indicators-notification-background-danger); }
.bg-\[var\(--color-indicators-notification-background-positive\)\] { background-color: var(--color-indicators-notification-background-positive); }
.bg-\[var\(--color-menu-tabs-background-default\)\] { background-color: var(--color-menu-tabs-background-default); }
.bg-\[var\(--color-misc-delivery-progress-stepper\)\] { background-color: var(--color-misc-delivery-progress-stepper); }
.bg-\[var\(--color-promo-modules-celebratory-card-background\)\] { background-color: var(--color-promo-modules-celebratory-card-background); }
.bg-\[var\(--color-promo-modules-rewards-card-background\)\] { background-color: var(--color-promo-modules-rewards-card-background); }
.bg-\[var\(--color-selectionControls-checkbox-foreground-filled\)\] { background-color: var(--color-selectionControls-checkbox-foreground-filled); }
.bg-\[var\(--color-status-info-container\)\] { background-color: var(--color-status-info-container); }
.bg-\[var\(--color-status-positive-on-base\)\] { background-color: var(--color-status-positive-on-base); }
.bg-\[var\(--color-surface-brand-tertiary\)\] { background-color: var(--color-surface-brand-tertiary); }
.bg-\[var\(--color-surface-neutral-base\)\] { background-color: var(--color-surface-neutral-base); }
.bg-\[var\(--color-web-footer-background-lower\)\] { background-color: var(--color-web-footer-background-lower); }
.bg-\[white\] { background-color: rgb(255, 255, 255); }
.bg-transparent { background-color: transparent; }
.bg-\[image\:linear-gradient\(0deg\,\#242021_16\.53\%\,rgba\(36\,32\,33\,0\.83\)30\.02\%\,rgba\(36\,32\,33\,0\.10\)\)\] { background-image: linear-gradient(0deg, rgb(36, 32, 33) 16.53%, rgba(36, 32, 33, 0.83) 30.02%, rgba(36, 32, 33, 0.1)); }
.bg-\[image\:linear-gradient\(90deg\,\#000\.42\%\,\#00000000_100\%\)\] { background-image: linear-gradient(90deg, rgb(0, 0, 0) 0.42%, rgba(0, 0, 0, 0) 100%); }
.bg-\[image\:linear-gradient\(90deg\,\#00000000_0\%\,rgba\(19\,17\,18\,0\.53\)_10\%\,\#242021_75\%\)\] { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(19, 17, 18, 0.53) 10%, rgb(36, 32, 33) 75%); }
.from-\[--colorBaseAlpha950\] { --tw-gradient-from: --colorBaseAlpha950; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.bg-cover { background-size: cover; }
.bg-center { background-position: 50% center; }
.bg-no-repeat { background-repeat: no-repeat; }
.fill-\[var\(--color-foreground-icon-disabled\)\] { fill: var(--color-foreground-icon-disabled); }
.fill-\[var\(--color-foreground-icon-enabled\)\] { fill: var(--color-foreground-icon-enabled); }
.fill-\[var\(--color-status-danger-base\)\] { fill: var(--color-status-danger-base); }
.object-contain { object-fit: contain; }
.object-cover { object-fit: cover; }
.object-fill { object-fit: fill; }
.p-\[--spacing-10x\] { }
.p-\[2\.25rem_1\.25rem\] { padding: 2.25rem 1.25rem; }
.p-\[3px\] { padding: 3px; }
.p-\[16px\] { padding: 16px; }
.p-\[var\(--spacing-8x\)\] { padding: var(--spacing-8x); }
.p-\[var\(--spacing-10x\)\] { padding: var(--spacing-10x); }
.px-\[11px\] { padding-inline: 11px; }
.px-\[18px\] { padding-inline: 18px; }
.px-\[20px\] { padding-inline: 20px; }
.px-\[25px\] { padding-inline: 25px; }
.px-\[var\(--spacing-2x\)\] { padding-inline: var(--spacing-2x); }
.px-\[var\(--spacing-4x\)\] { padding-inline: var(--spacing-4x); }
.px-\[var\(--spacing-6x\)\] { padding-inline: var(--spacing-6x); }
.px-\[var\(--spacing-8x\)\] { padding-inline: var(--spacing-8x); }
.px-\[var\(--spacing-10x\)\] { padding-inline: var(--spacing-10x); }
.px-\[var\(--spacing-12x\)\] { padding-inline: var(--spacing-12x); }
.px-\[var\(--spacing-16x\)\] { padding-inline: var(--spacing-16x); }
.px-\[var\(--spacing-20x\)\] { padding-inline: var(--spacing-20x); }
.px-\[var\(--spacing-28x\)\] { padding-inline: var(--spacing-28x); }
.px-\[var\(--spacing-32x\)\] { padding-inline: var(--spacing-32x); }
.px-\[var\(--spacing-36x\)\] { padding-inline: var(--spacing-36x); }
.py-\[22px\] { padding-block: 22px; }
.py-\[30px\] { padding-block: 30px; }
.py-\[var\(--spacing-4x\)\] { padding-block: var(--spacing-4x); }
.py-\[var\(--spacing-6x\)\] { padding-block: var(--spacing-6x); }
.py-\[var\(--spacing-8x\)\] { padding-block: var(--spacing-8x); }
.py-\[var\(--spacing-10x\)\] { padding-block: var(--spacing-10x); }
.py-\[var\(--spacing-16x\)\] { padding-block: var(--spacing-16x); }
.py-\[var\(--spacing-32x\)\] { padding-block: var(--spacing-32x); }
.pt-\[var\(--spacing-4x\)\] { padding-top: var(--spacing-4x); }
.pt-\[var\(--spacing-6x\)\] { padding-top: var(--spacing-6x); }
.pt-\[var\(--spacing-10x\)\] { padding-top: var(--spacing-10x); }
.pt-\[var\(--spacing-12x\)\] { padding-top: var(--spacing-12x); }
.pt-\[var\(--spacing-16x\)\] { padding-top: var(--spacing-16x); }
.pt-\[var\(--spacing-24x\)\] { padding-top: var(--spacing-24x); }
.pb-\[2px\] { padding-bottom: 2px; }
.pb-\[var\(--spacing-2x\)\] { padding-bottom: var(--spacing-2x); }
.pb-\[var\(--spacing-4x\)\] { padding-bottom: var(--spacing-4x); }
.pb-\[var\(--spacing-8x\)\] { padding-bottom: var(--spacing-8x); }
.pb-\[var\(--spacing-12x\)\] { padding-bottom: var(--spacing-12x); }
.pb-\[var\(--spacing-24x\)\] { padding-bottom: var(--spacing-24x); }
.pl-\[2\.5px\] { padding-left: 2.5px; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.align-middle { vertical-align: middle; }
.font-\[--fontFamilies-primary\] { font-family: "--fontFamilies-primary"; }
.font-\[--fontWeights-bold\] { font-family: "--fontWeights-bold"; }
.\!text-\[14px\] { font-size: 14px !important; }
.text-\(length\:--fontSize-font-size-20\) { font-size: var(--fontSize-font-size-20); }
.text-\(length\:--fontSize-font-size-lg\) { font-size: var(--fontSize-font-size-lg); }
.text-\(length\:--fontSize-font-size-md\) { font-size: var(--fontSize-font-size-md); }
.text-\(length\:--fontSize-font-size-rg\) { font-size: var(--fontSize-font-size-rg); }
.text-\(length\:--fontSize-font-size-sm\) { font-size: var(--fontSize-font-size-sm); }
.text-\(length\:--fontSize-font-size-xl\) { font-size: var(--fontSize-font-size-xl); }
.text-\(length\:--fontSize-font-size-xs\) { font-size: var(--fontSize-font-size-xs); }
.text-\(length\:--fontSize-font-size-xxl\) { font-size: var(--fontSize-font-size-xxl); }
.text-\[10px\] { font-size: 10px; }
.text-\[12px\] { font-size: 12px; }
.text-\[14px\] { font-size: 14px; }
.text-\[15px\] { font-size: 15px; }
.text-\[16px\] { font-size: 16px; }
.text-\[18px\] { font-size: 18px; }
.text-\[19px\] { font-size: 19px; }
.text-\[20px\] { font-size: 20px; }
.text-\[32px\] { font-size: 32px; }
.text-\[length\:--fontSize-font-size-sm\] { }
.text-\[length\:--fontSize-font-size-xs\] { }
.text-\[length\:var\(--base-font\)\] { font-size: var(--base-font); }
.text-\[length\:var\(--fontSize-font-size-20\)\] { font-size: var(--fontSize-font-size-20); }
.text-\[length\:var\(--fontSize-font-size-lg\)\] { font-size: var(--fontSize-font-size-lg); }
.text-\[length\:var\(--fontSize-font-size-md\)\] { font-size: var(--fontSize-font-size-md); }
.text-\[length\:var\(--fontSize-font-size-rg\)\] { font-size: var(--fontSize-font-size-rg); }
.text-\[length\:var\(--fontSize-font-size-sm\)\] { font-size: var(--fontSize-font-size-sm); }
.text-\[length\:var\(--fontSize-font-size-xs\)\] { font-size: var(--fontSize-font-size-xs); }
.text-\[length\:var\(--fontSize-font-size-xxl\)\] { font-size: var(--fontSize-font-size-xxl); }
.leading-\(--lineHeights-auto\) { --tw-leading: var(--lineHeights-auto); line-height: var(--lineHeights-auto); }
.leading-\(--lineHeights-lg\) { --tw-leading: var(--lineHeights-lg); line-height: var(--lineHeights-lg); }
.leading-\(--lineHeights-md\) { --tw-leading: var(--lineHeights-md); line-height: var(--lineHeights-md); }
.leading-\(--lineHeights-rg\) { --tw-leading: var(--lineHeights-rg); line-height: var(--lineHeights-rg); }
.leading-\(--lineHeights-sm\) { --tw-leading: var(--lineHeights-sm); line-height: var(--lineHeights-sm); }
.leading-\(--lineHeights-xl\) { --tw-leading: var(--lineHeights-xl); line-height: var(--lineHeights-xl); }
.leading-\(--lineHeights-xs\) { --tw-leading: var(--lineHeights-xs); line-height: var(--lineHeights-xs); }
.leading-\[--lineHeightsRg\] { --tw-leading: --lineHeightsRg; }
.leading-\[17px\] { --tw-leading: 17px; line-height: 17px; }
.leading-\[19\.1px\] { --tw-leading: 19.1px; line-height: 19.1px; }
.leading-\[22px\] { --tw-leading: 22px; line-height: 22px; }
.leading-\[normal\] { --tw-leading: normal; line-height: normal; }
.leading-\[var\(--fontSize-font-size-20\)\] { --tw-leading: var(--fontSize-font-size-20); line-height: var(--fontSize-font-size-20); }
.leading-\[var\(--fontSize-font-size-lg\)\] { --tw-leading: var(--fontSize-font-size-lg); line-height: var(--fontSize-font-size-lg); }
.leading-\[var\(--fontSize-font-size-md\)\] { --tw-leading: var(--fontSize-font-size-md); line-height: var(--fontSize-font-size-md); }
.leading-\[var\(--fontSize-font-size-rg\)\] { --tw-leading: var(--fontSize-font-size-rg); line-height: var(--fontSize-font-size-rg); }
.leading-\[var\(--fontSize-font-size-sm\)\] { --tw-leading: var(--fontSize-font-size-sm); line-height: var(--fontSize-font-size-sm); }
.leading-\[var\(--fontSize-font-size-xl\)\] { --tw-leading: var(--fontSize-font-size-xl); line-height: var(--fontSize-font-size-xl); }
.leading-\[var\(--fontSize-font-size-xs\)\] { --tw-leading: var(--fontSize-font-size-xs); line-height: var(--fontSize-font-size-xs); }
.leading-\[var\(--spacing-16x\)\] { --tw-leading: var(--spacing-16x); line-height: var(--spacing-16x); }
.leading-\[var\(--spacing-20x\)\] { --tw-leading: var(--spacing-20x); line-height: var(--spacing-20x); }
.leading-none { --tw-leading: 1; line-height: 1; }
.font-\[var\(--base-font\)\] { --tw-font-weight: var(--base-font); font-weight: var(--base-font); }
.font-\[var\(--fontFamilies-body\)\] { --tw-font-weight: var(--fontFamilies-body); font-weight: var(--fontFamilies-body); }
.font-\[var\(--fontFamilies-primary\)\] { --tw-font-weight: var(--fontFamilies-primary); font-weight: var(--fontFamilies-primary); }
.font-\[var\(--fontWeights-semibold\)\] { --tw-font-weight: var(--fontWeights-semibold); font-weight: var(--fontWeights-semibold); }
.tracking-\[--letterSpacing-none\] { --tw-tracking: --letterSpacing-none; }
.tracking-\[0\] { --tw-tracking: 0; letter-spacing: 0px; }
.text-nowrap { text-wrap: nowrap; }
.break-words { overflow-wrap: break-word; }
.text-ellipsis { text-overflow: ellipsis; }
.whitespace-normal { white-space: normal; }
.whitespace-nowrap { white-space: nowrap; }
.whitespace-pre-line { white-space: pre-line; }
.whitespace-pre-wrap { white-space: pre-wrap; }
.\!text-\[--color-foreground-content-subtlest-enabled\] { }
.text-\(--color-buttons-text-link-foreground-disabled\) { color: var(--color-buttons-text-link-foreground-disabled); }
.text-\(--color-foreground-content-enabled\) { color: var(--color-foreground-content-enabled); }
.text-\[--color-background-neutral-white\] { }
.text-\[--color-base-alpha-50\] { }
.text-\[--color-buttons-header-standard-inverse-foreground-enabled-component\] { }
.text-\[--color-foreground-content-enabled\] { }
.text-\[--color-foreground-content-subtle-pressed\] { }
.text-\[--color-status-positive-on-base\] { }
.text-\[--color-status-warning-on-base\] { }
.text-\[--colorBaseOffBlack500\] { }
.text-\[red\] { color: red; }
.text-\[var\(---color-foreground-content-enabled\)\] { color: var(---color-foreground-content-enabled); }
.text-\[var\(--color-base-alpha-50\)\] { color: var(--color-base-alpha-50); }
.text-\[var\(--color-base-alpha-400\)\] { color: var(--color-base-alpha-400); }
.text-\[var\(--color-base-alpha-950\)\] { color: var(--color-base-alpha-950); }
.text-\[var\(--color-base-off-black-500\)\] { color: var(--color-base-off-black-500); }
.text-\[var\(--color-brand-primary\)\] { color: var(--color-brand-primary); }
.text-\[var\(--color-brand-quaternary\)\] { color: var(--color-brand-quaternary); }
.text-\[var\(--color-brand-secondary\)\] { color: var(--color-brand-secondary); }
.text-\[var\(--color-brand-tertiary\)\] { color: var(--color-brand-tertiary); }
.text-\[var\(--color-brandCustomization-rewards-offers-rewards-badge-text-available\)\] { color: var(--color-brandCustomization-rewards-offers-rewards-badge-text-available); }
.text-\[var\(--color-button-secondary-foreground-enabled\)\] { color: var(--color-button-secondary-foreground-enabled); }
.text-\[var\(--color-button-text-link-foreground-enabled\)\] { color: var(--color-button-text-link-foreground-enabled); }
.text-\[var\(--color-buttons-header-standard-inverse-foreground-enabled\)\] { color: var(--color-buttons-header-standard-inverse-foreground-enabled); }
.text-\[var\(--color-buttons-primary-large-background-enabled\)\] { color: var(--color-buttons-primary-large-background-enabled); }
.text-\[var\(--color-buttons-primary-large-foreground-enabled\)\] { color: var(--color-buttons-primary-large-foreground-enabled); }
.text-\[var\(--color-buttons-secondary-large-foreground-disabled\)\] { color: var(--color-buttons-secondary-large-foreground-disabled); }
.text-\[var\(--color-buttons-secondary-large-foreground-enabled\)\] { color: var(--color-buttons-secondary-large-foreground-enabled); }
.text-\[var\(--color-buttons-secondary-small-foreground-disabled\)\] { color: var(--color-buttons-secondary-small-foreground-disabled); }
.text-\[var\(--color-buttons-tertiary-foreground-enabled\)\] { color: var(--color-buttons-tertiary-foreground-enabled); }
.text-\[var\(--color-buttons-text-link-foreground-disabled\)\] { color: var(--color-buttons-text-link-foreground-disabled); }
.text-\[var\(--color-buttons-text-link-foreground-enabled\)\] { color: var(--color-buttons-text-link-foreground-enabled); }
.text-\[var\(--color-buttons-text-link-foreground-pressed\)\] { color: var(--color-buttons-text-link-foreground-pressed); }
.text-\[var\(--color-foreground-brand-primary-on-background\)\] { color: var(--color-foreground-brand-primary-on-background); }
.text-\[var\(--color-foreground-brand-secondary-on-background\)\] { color: var(--color-foreground-brand-secondary-on-background); }
.text-\[var\(--color-foreground-content-disabled\)\] { color: var(--color-foreground-content-disabled); }
.text-\[var\(--color-foreground-content-enabled\)\] { color: var(--color-foreground-content-enabled); }
.text-\[var\(--color-foreground-content-inverse-disabled\)\] { color: var(--color-foreground-content-inverse-disabled); }
.text-\[var\(--color-foreground-content-inverse-enabled\)\] { color: var(--color-foreground-content-inverse-enabled); }
.text-\[var\(--color-foreground-content-pressed\)\] { color: var(--color-foreground-content-pressed); }
.text-\[var\(--color-foreground-content-subtle-enabled\)\] { color: var(--color-foreground-content-subtle-enabled); }
.text-\[var\(--color-foreground-icon-disabled\)\] { color: var(--color-foreground-icon-disabled); }
.text-\[var\(--color-foreground-icon-inverse-enabled\)\] { color: var(--color-foreground-icon-inverse-enabled); }
.text-\[var\(--color-formFields-border-pressed\)\] { color: var(--color-formFields-border-pressed); }
.text-\[var\(--color-formFields-foreground-enabled\)\] { color: var(--color-formFields-foreground-enabled); }
.text-\[var\(--color-formFields-foreground-error\)\] { color: var(--color-formFields-foreground-error); }
.text-\[var\(--color-formFields-foreground-filled\)\] { color: var(--color-formFields-foreground-filled); }
.text-\[var\(--color-indicators-disclaimer-foreground-default\)\] { color: var(--color-indicators-disclaimer-foreground-default); }
.text-\[var\(--color-indicators-notification-border-positive\)\] { color: var(--color-indicators-notification-border-positive); }
.text-\[var\(--color-indicators-notification-foreground-danger\)\] { color: var(--color-indicators-notification-foreground-danger); }
.text-\[var\(--color-indicators-notification-foreground-positive\)\] { color: var(--color-indicators-notification-foreground-positive); }
.text-\[var\(--color-primary-500\)\] { color: var(--color-primary-500); }
.text-\[var\(--color-status-danger-base\)\] { color: var(--color-status-danger-base); }
.text-\[var\(--color-status-info-on-container\)\] { color: var(--color-status-info-on-container); }
.text-\[var\(--color-template-background-disabled\)\] { color: var(--color-template-background-disabled); }
.text-\[var\(--color-template-foreground-disabled\)\] { color: var(--color-template-foreground-disabled); }
.text-\[var\(--color-template-foreground-enabled\)\] { color: var(--color-template-foreground-enabled); }
.text-\[var\(--color-template-foreground-error\)\] { color: var(--color-template-foreground-error); }
.text-\[var\(--color-template-foreground-success\)\] { color: var(--color-template-foreground-success); }
.text-\[var\(--font-weight-bold\)\] { color: var(--font-weight-bold); }
.text-\[var\(--font-weight-semibold\)\] { color: var(--font-weight-semibold); }
.text-\[var\(--fontSize-font-size-rg\)\] { color: var(--fontSize-font-size-rg); }
.text-\[var\(--fontSize-font-size-sm\)\] { color: var(--fontSize-font-size-sm); }
.text-current { color: currentcolor; }
.capitalize { text-transform: capitalize; }
.lowercase { text-transform: lowercase; }
.normal-case { text-transform: none; }
.uppercase { text-transform: uppercase; }
.line-through { text-decoration-line: line-through; }
.no-underline { text-decoration-line: none; }
.underline { text-decoration-line: underline; }
.placeholder-\[var\(--color-formFields-border-pressed\)\]::placeholder { color: var(--color-formFields-border-pressed); }
.opacity-0 { opacity: 0; }
.opacity-40 { opacity: 0.4; }
.opacity-50 { opacity: 0.5; }
.opacity-60 { opacity: 0.6; }
.opacity-70 { opacity: 0.7; }
.opacity-80 { opacity: 0.8; }
.opacity-100 { opacity: 1; }
.shadow-\[0_-4px_4px_4px_rgba\(0\,0\,0\,0\.02\)\] { --tw-shadow: 0 -4px 4px 4px var(--tw-shadow-color,rgba(0,0,0,.02)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.shadow-\[0px_12px_12px_-12px_rgba\(0\,0\,0\,0\.25\)\,0px_12px_16px_0px_rgba\(0\,0\,0\,0\.10\)\] { --tw-shadow: 0px 12px 12px -12px var(--tw-shadow-color,rgba(0,0,0,.25)),0px 12px 16px 0px var(--tw-shadow-color,rgba(0,0,0,.1)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.shadow-\[0px_12px_16px_0px_rgba\(0\,0\,0\,0\.10\)\,0px_12px_12px_-12px_rgba\(0\,0\,0\,0\.40\)\] { --tw-shadow: 0px 12px 16px 0px var(--tw-shadow-color,rgba(0,0,0,.1)),0px 12px 12px -12px var(--tw-shadow-color,rgba(0,0,0,.4)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.shadow-\[1px_1px_24px_0px_\#00000026\,1px_1px_16px_-8px_\#000000\] { --tw-shadow: 1px 1px 24px 0px var(--tw-shadow-color,#00000026),1px 1px 16px -8px var(--tw-shadow-color,#000); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.shadow-\[inset_0_-2px_0_0_var\(--color-formFields-border-pressed\)\] { --tw-shadow: inset 0 -2px 0 0 var(--tw-shadow-color,var(--color-formFields-border-pressed)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.shadow-\[inset_0_-2px_0_0_var\(--color-formFields-foreground-error\)\] { --tw-shadow: inset 0 -2px 0 0 var(--tw-shadow-color,var(--color-formFields-foreground-error)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.shadow-\[inset_0_-2px_0_0_var\(--color-formFields-foreground-filled\)\] { --tw-shadow: inset 0 -2px 0 0 var(--tw-shadow-color,var(--color-formFields-foreground-filled)); }
.shadow-\[inset_0_-2px_0_0_var\(--color-formFields-foreground-filled\)\], .shadow-none { box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.shadow-none { --tw-shadow: 0 0 #0000; }
.ring-0 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); }
.ring-0, .ring-3 { box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ring-3 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); }
.shadow-transparent { --tw-shadow-color: transparent; }
@supports (color:color-mix(in lab,red,red)) {
  .shadow-transparent { --tw-shadow-color: color-mix(in oklab,transparent var(--tw-shadow-alpha),transparent); }
}
.ring-\[var\(--color-primary-500\)\] { --tw-ring-color: var(--color-primary-500); }
.transition-\[color\,box-shadow\] { transition-duration: var(--tw-duration,0s); transition-property: color, box-shadow; transition-timing-function: var(--tw-ease,ease); }
.transition-\[width\] { transition-property: width; transition-timing-function: var(--tw-ease,ease); }
.transition-\[width\], .transition-all { transition-duration: var(--tw-duration,0s); }
.transition-all { transition-property: all; transition-timing-function: var(--tw-ease,ease); }
.transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease,ease); }
.transition-colors, .transition-opacity { transition-duration: var(--tw-duration,0s); }
.transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease,ease); }
.transition-transform { transition-duration: var(--tw-duration,0s); transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease,ease); }
.duration-100 { --tw-duration: 100ms; transition-duration: 0.1s; }
.duration-150 { --tw-duration: 150ms; transition-duration: 0.15s; }
.duration-200 { --tw-duration: 200ms; transition-duration: 0.2s; }
.outline-none { --tw-outline-style: none; outline-style: none; }
.\[-ms-overflow-style\:none\] { }
.\[scrollbar-width\:none\] { scrollbar-width: none; }
.peer-placeholder-shown\:text-\[length\:var\(--fontSize-font-size-rg\)\]:is() { font-size: var(--fontSize-font-size-rg); }
.peer-placeholder-shown\:text-\[length\:var\(--fontSize-font-size-rg\)\]:is(:where(.peer):placeholder-shown ~ *) { font-size: var(--fontSize-font-size-rg); }
.peer-focus\:text-\[length\:var\(--fontSize-font-size-sm\)\]:is(:where(.peer):focus ~ *) { font-size: var(--fontSize-font-size-sm); }
.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) { cursor: not-allowed; }
.peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) { opacity: 0.7; }
.before\:bg-gradient-to-t::before { --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); }
.before\:bg-\[linear-gradient\(90deg\,var\(--color-base-off-black-500\)_25\%\,rgba\(250\,249\,245\,0\)_100\%\)\]::before { background-image: linear-gradient(90deg,var(--color-base-off-black-500) 25%,hsla(48,33%,97%,0) 100%); content: var(--tw-content); }
.after\:bg-\[\#20cbd4\]::after { background-color: rgb(32, 203, 212); }
.first\:border-t:first-child { border-top-style: var(--tw-border-style); border-top-width: 1px; }
.autofill\:shadow-\[inset_0_0_0px_1000px_\#fff\]:-webkit-autofill { --tw-shadow: inset 0 0 0px 1000px var(--tw-shadow-color,#fff); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.autofill\:shadow-\[inset_0_0_0px_1000px_\#fff\]:autofill { --tw-shadow: inset 0 0 0px 1000px var(--tw-shadow-color,#fff); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
@media (hover: hover) {
  .hover\:border-\[var\(--color-buttons-header-standard-inverse-border-pressed\)\]:hover { border-color: var(--color-buttons-header-standard-inverse-border-pressed); }
  .hover\:border-\[var\(--color-buttons-primary-large-border-pressed\)\]:hover { border-color: var(--color-buttons-primary-large-border-pressed); }
  .hover\:border-\[var\(--color-buttons-secondary-large-border-pressed\)\]:hover { border-color: var(--color-buttons-secondary-large-border-pressed); }
  .hover\:border-\[var\(--color-primary-500\)\]:hover { border-color: var(--color-primary-500); }
  .hover\:bg-\[var\(--color-base-off-white-500\)\]:hover { background-color: var(--color-base-off-white-500); }
  .hover\:bg-\[var\(--color-buttons-header-standard-inverse-background-pressed\)\]:hover { background-color: var(--color-buttons-header-standard-inverse-background-pressed); }
  .hover\:bg-\[var\(--color-buttons-primary-large-background-pressed\)\]:hover { background-color: var(--color-buttons-primary-large-background-pressed); }
  .hover\:bg-\[var\(--color-buttons-secondary-large-background-pressed\)\]:hover { background-color: var(--color-buttons-secondary-large-background-pressed); }
  .hover\:bg-\[var\(--color-secondary-500\)\]:hover { background-color: var(--color-secondary-500); }
  .hover\:bg-\[var\(--color-selectionControls-multipleChoice-background-pressed\)\]:hover { background-color: var(--color-selectionControls-multipleChoice-background-pressed); }
  .hover\:bg-transparent:hover { background-color: transparent; }
  .hover\:text-\[var\(--color-button-secondary-foreground-enabled\)\]:hover { color: var(--color-button-secondary-foreground-enabled); }
  .hover\:text-\[var\(--color-buttons-header-standard-inverse-foreground-pressed\)\]:hover { color: var(--color-buttons-header-standard-inverse-foreground-pressed); }
  .hover\:text-\[var\(--color-buttons-secondary-small-foreground-pressed\)\]:hover { color: var(--color-buttons-secondary-small-foreground-pressed); }
  .hover\:text-\[var\(--color-buttons-tertiary-foreground-pressed\)\]:hover { color: var(--color-buttons-tertiary-foreground-pressed); }
  .hover\:text-\[var\(--color-buttons-text-link-foreground-pressed\)\]:hover { color: var(--color-buttons-text-link-foreground-pressed); }
  .hover\:text-\[var\(--color-primary-500\)\]:hover { color: var(--color-primary-500); }
  .hover\:text-\[var\(--color-selectionControls-multipleChoice-foreground-pressed\)\]:hover { color: var(--color-selectionControls-multipleChoice-foreground-pressed); }
  .hover\:underline:hover { text-decoration-line: underline; }
  .hover\:opacity-100:hover { opacity: 1; }
}
.focus\:ring-1:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.focus-visible\:ring-0:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.focus-visible\:ring-1:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.focus-visible\:ring-2:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.focus-visible\:ring-\[3px\]:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); }
.focus-visible\:outline-1:focus-visible { outline-style: var(--tw-outline-style); }
.focus-visible\:outline-none:focus-visible { --tw-outline-style: none; outline-style: none; }
.disabled\:border-0:disabled { border-style: var(--tw-border-style); }
.disabled\:opacity-50:disabled { opacity: 0.5; }
.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) { grid-template-columns: 1fr auto; }
.aria-invalid\:border-\[var\(--color-formFields-border-error\)\][aria-invalid="true"] { border-color: var(--color-formFields-border-error); }
.data-\[state\=checked\]\:translate-x-\[100\%\][data-state="checked"] { translate: var(--tw-translate-x) var(--tw-translate-y); }
.data-\[state\=unchecked\]\:border-0[data-state="unchecked"] { border-style: var(--tw-border-style); }
.\[\&_\.menu\.open\]\:w-\[calc\(100vw-2rem\)\] .menu.open { width: calc(-2rem + 100vw); }
.\[\&_svg\]\:min-w-\[16px\] svg { min-width: 16px; }
.\[\&_svg\]\:fill-transparent svg { fill: transparent; }
@media (hover: hover) {
  .hover\:\[\&_svg\]\:fill-\[var\(--color-buttons-header-standard-inverse-foreground-pressed\)\]:hover svg { fill: var(--color-buttons-header-standard-inverse-foreground-pressed); }
  .hover\:\[\&_svg\]\:fill-\[var\(--color-buttons-primary-large-foreground-enabled\)\]:hover svg { fill: var(--color-buttons-primary-large-foreground-enabled); }
  .hover\:\[\&_svg\]\:fill-\[var\(--color-buttons-secondary-large-foreground-enabled\)\]:hover svg { fill: var(--color-buttons-secondary-large-foreground-enabled); }
  .hover\:\[\&_svg\]\:fill-transparent:hover svg { fill: transparent; }
  .hover\:\[\&_svg\]\:stroke-\[var\(--color-buttons-secondary-large-foreground-enabled\)\]:hover svg { stroke: var(--color-buttons-secondary-large-foreground-enabled); }
}
.\[\&_textarea\]\:h-\[var\(--dimension-120\)\] textarea { height: var(--dimension-120); }
.\[\&\>button\]\:border-b > button { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.\[\&\>button\]\:border-\[var\(--color-foreground-border-brighter\)\] > button { border-color: var(--color-foreground-border-brighter); }
.\[\&\>button\]\:bg-\[var\(--color-background-neutral-base\)\] > button { background-color: var(--color-background-neutral-base); }
.\[\&\>button\]\:uppercase > button { text-transform: uppercase; }
.\[\&\>button\]\:data-\[state\=open\]\:border-b-0 > button[data-state="open"] { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-content { syntax: "*"; inherits: false; initial-value: ""; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@layer properties {
  @supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
  *, ::backdrop, ::after, ::before { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-duration: initial; --tw-content: ""; --tw-outline-style: solid; }
}
}
:root { --gradientBrandQuaternary: linear-gradient(0deg,#f5c65d,#f5c65d00); --gradientBrandTertiary: linear-gradient(0deg,#9ca023,#9ca02300); --gradientBrandSecondary: linear-gradient(0deg,#20cbd4,#20cbd400); --gradientBrandPrimary: linear-gradient(0deg,#e04307,#e0430700); --gradientSkeleton: linear-gradient(90deg,#dcd9d499,#f4f1eccc 54.57%,#dcd9d499); --gradientDark: linear-gradient(0deg,#000,#00000000); --gradientBeige: linear-gradient(0deg,#f4f1ec,#f4f1ec00); --gradientLight: linear-gradient(0deg,#fff,#ffffff00); --fontFamiliesPrimary: var(--font-brooklyn-samuels-three-bold); --fontFamiliesBody: var(--font-nunito-sans); --paragraphIndent0: 0; --textDecorationLineThrough: line-through; --textDecorationUnderline: underline; --textDecorationNone: none; --textCaseCapitalize: capitalize; --textCaseUppercase: uppercase; --textCaseNone: none; --paragraphSpacingLarge: 20px; --paragraphSpacingMedium: 16px; --paragraphSpacingSmall: 14px; --paragraphSpacingNone: 0; --letterSpacingNone: 0; --lineHeightsXl: 40px; --lineHeightsLg: 34px; --lineHeightsMd: 22px; --lineHeightsRg: 20px; --lineHeightsSm: 18px; --lineHeightsXs: 16px; --lineHeightsAuto: auto; --fontWeightsLineBold: Line Bold; --fontWeightsLineMedium: Line Medium; --fontWeightsInline: Inline; --fontWeightsDropStripesB: Drop Stripes B; --fontWeightsDropLine: Drop Line; --fontWeightsDropExtrude: Drop Extrude; --fontWeightsBaseDrop: Base Drop; --fontWeightsShade: Shade; --fontWeightsLineShade: Line Shade; --fontWeightsLine: Line; --fontWeightsBaseShade: Base Shade; --fontWeightsBaseLineShade: Base Line Shade; --fontWeightsBaseLine: Base Line; --fontWeightsBase: Base; --fontWeightsExtrabold: 800; --fontWeightsBold: 700; --fontWeightsSemibold: 600; --fontWeightsRegular: 400; --luminosityLighter: 0.2; --luminosityDarker: 0.1; --statePressed: 0.2; --breakpointCurrent: 1; --baseFont: 16; --opacityDisabled: 0.5; --opacityZero: 0; --opacityFaded: 0.04; --opacitySemitransparent: 0.08; --opacityLight: 0.16; --opacityMedium: 0.32; --opacityIntense: 0.64; --opacitySemiopaque: 0.8; --opacityTotal: 1; --borderSolid: ; --borderWidthHairline: 1px; --borderWidthNone: 0; --borderRadiusSquare: 0; --typographyHeadlinePointsSmallLetterSpacing: -4px; --typographyHeadlinePointsSmallFontSize: 48px; --typographyHeadlinePointsSmallLineHeight: 32px; --typographyHeadlinePointsLargeLineHeight: 32px; --typographyHeadlinePointsLargeFontSize: 80px; --typographyHeadlinePointsLargeLetterSpacing: -4px; --typographyHeadlineStylizedSmallTopFontWeight: line shade; --typographyHeadlineStylizedSmallBaseFontWeight: base line shade; --typographyHeadlineStylizedLargeTopFontWeight: line shade; --typographyHeadlineStylizedLargeBaseFontWeight: base line shade; --colorQuaternary950: #000307; --colorQuaternary900: #00060f; --colorQuaternary800: #010c1d; --colorQuaternary700: #01112c; --colorQuaternary600: #02173a; --colorQuaternary500: #021d49; --colorQuaternary400: #354a6d; --colorQuaternary300: #677792; --colorQuaternary200: #73391d; --colorQuaternary100: #ccd2db; --colorQuaternary50: #e6e8ed; --colorTertiary950: #0a1414; --colorTertiary900: #142928; --colorTertiary800: #275150; --colorTertiary700: #3b7a79; --colorTertiary600: #4ea2a1; --colorTertiary500: #64ccc9; --colorTertiary400: #ffb81c; --colorTertiary300: #a1e0df; --colorTertiary200: #c0eae9; --colorTertiary100: #e0f5f4; --colorTertiary50: #effafa; --colorSecondary950: #010d0e; --colorSecondary900: #031a1d; --colorSecondary800: #063439; --colorSecondary700: #64ccc9; --colorSecondary600: #0b6972; --colorSecondary500: #64ccc9; --colorSecondary400: #3e9ca5; --colorSecondary300: #6eb5bc; --colorSecondary200: #9fcdd2; --colorSecondary100: #cfe6e9; --colorSecondary50: #e7f3f4; --colorPrimary950: #160904; --colorPrimary900: #2c1209; --colorPrimary800: #592512; --colorPrimary700: #85371b; --colorPrimary600: #fc4c02; --colorPrimary500: #fc4c02; --colorPrimary400: #e57d57; --colorPrimary300: #eb9d81; --colorPrimary200: #f2beab; --colorPrimary100: #f8ded5; --colorPrimary50: #fcefea; --colorBaseOffBlack500: #242021; --colorBaseOffWhite500: #faf9f5; --colorBaseLightBeige500: #f4f2ec; --colorBaseBlue950: #172e54; --colorBaseBlue900: #1e478a; --colorBaseBlue800: #1e55af; --colorBaseBlue700: #1d64d8; --colorBaseBlue600: #2570eb; --colorBaseBlue500: #3b82f6; --colorBaseBlue400: #609afa; --colorBaseBlue300: #93bbfd; --colorBaseBlue200: #bfd7fe; --colorBaseBlue100: #dbe8fe; --colorBaseBlue50: #eff5ff; --colorBaseOrange950: #432007; --colorBaseOrange900: #7c3d12; --colorBaseOrange800: #9a4a12; --colorBaseOrange700: #c2570c; --colorBaseOrange600: #ea670c; --colorBaseOrange500: #f97316; --colorBaseOrange400: #fb8a3c; --colorBaseOrange300: #fdac74; --colorBaseOrange200: #feccaa; --colorBaseOrange100: #ffe6d5; --colorBaseOrange50: #fff4ed; --colorBaseGreen950: #052e14; --colorBaseGreen900: #14532b; --colorBaseGreen800: #166533; --colorBaseGreen700: #15803c; --colorBaseGreen600: #16a34a; --colorBaseGreen500: #22c55e; --colorBaseGreen400: #4ade80; --colorBaseGreen300: #86efad; --colorBaseGreen200: #bbf7d1; --colorBaseGreen100: #dcfce8; --colorBaseGreen50: #f0fdf5; --colorBaseRed950: #450a0a; --colorBaseRed900: #7f1d1d; --colorBaseRed800: #991b1b; --colorBaseRed700: #b91c1c; --colorBaseRed600: #dc2626; --colorBaseRed550: #fc4c02; --colorBaseRed500: #ef4444; --colorBaseRed400: #f87171; --colorBaseRed300: #fca5a5; --colorBaseRed200: #fecaca; --colorBaseRed100: #fee2e2; --colorBaseRed50: #fef2f2; --colorBaseAlpha1000: #a4a4a4; --colorBaseAlpha950: #000; --colorBaseAlpha900: #171717; --colorBaseAlpha800: #262626; --colorBaseAlpha700: #404040; --colorBaseAlpha600: #525252; --colorBaseAlpha500: #737373; --colorBaseAlpha400: #a3a3a3; --colorBaseAlpha300: #d4d4d4; --colorBaseAlpha200: #e5e5e5; --colorBaseAlpha100: #f5f5f5; --colorBaseAlpha50: #fff; --colorBasePurple850: #f11ac280; --fontSizeFontSizeXxl: 40px; --fontSizeFontSizeXl: 32px; --fontSizeFontSizeLg: 24px; --fontSizeFontSizeMd: 18px; --fontSizeFontSizeRg: 16px; --fontSizeFontSizeSm: 14px; --fontSizeFontSizeXs: 12px; --opacityVariationBright: var(--opacitySemiopaque); --opacityVariationNeutral: var(--opacityTotal); --opacityVariationDim: var(--opacityMedium); --opacityStatePressed: var(--opacityMedium); --opacityStateDisabled: var(--opacityIntense); --opacityStateEnabled: var(--opacityTotal); --dimension160: 160; --dimension120: 120; --dimension96: 96; --dimension72: 72; --dimension64: 64; --dimension56: 56; --dimension48: 48; --dimension40: 40; --dimension36: 36; --dimension32: 32; --dimension24: 24; --dimension20: 20; --dimension18: 18; --dimension16: 16; --dimension14: 14; --dimension12: 12; --dimension8: 8; --dimension4: 4; --dimension2: 2; --typographyHeadlinePointsSmallParagraphSpacing: var(--paragraphSpacingNone); --typographyHeadlinePointsSmallFontWeight: 700; --typographyHeadlinePointsSmallFontFamily: var(--fontFamiliesPrimary); --typographyHeadlinePointsLargeParagraphSpacing: var(--paragraphSpacingNone); --typographyHeadlinePointsLargeFontWeight: 700; --typographyHeadlinePointsLargeFontFamily: var(--fontFamiliesPrimary); --typographyHeadlineStylizedSmallTopParagraphSpacing: var(
    --paragraphSpacingNone
  ); --typographyHeadlineStylizedSmallTopLetterSpacing: var(--letterSpacingNone); --typographyHeadlineStylizedSmallTopLineHeight: var(--lineHeightsAuto); --typographyHeadlineStylizedSmallTopFontFamily: var(--fontFamiliesPrimary); --typographyHeadlineStylizedSmallBaseParagraphSpacing: var(
    --paragraphSpacingNone
  ); --typographyHeadlineStylizedSmallBaseLetterSpacing: var(--letterSpacingNone); --typographyHeadlineStylizedSmallBaseLineHeight: var(--lineHeightsAuto); --typographyHeadlineStylizedSmallBaseFontFamily: var(--fontFamiliesPrimary); --typographyHeadlineStylizedLargeTopParagraphSpacing: var(
    --paragraphSpacingNone
  ); --typographyHeadlineStylizedLargeTopLetterSpacing: var(--letterSpacingNone); --typographyHeadlineStylizedLargeTopLineHeight: var(--lineHeightsAuto); --typographyHeadlineStylizedLargeTopFontFamily: var(--fontFamiliesPrimary); --typographyHeadlineStylizedLargeBaseParagraphSpacing: var(
    --paragraphSpacingNone
  ); --typographyHeadlineStylizedLargeBaseLetterSpacing: var(--letterSpacingNone); --typographyHeadlineStylizedLargeBaseLineHeight: var(--lineHeightsAuto); --typographyHeadlineStylizedLargeBaseFontFamily: var(--fontFamiliesPrimary); --typographyHeadlineSmallTextDecoration: var(--textDecorationNone); --typographyHeadlineSmallTextCase: var(--textCaseNone); --typographyHeadlineSmallParagraphIndent: 0; --typographyHeadlineSmallParagraphSpacing: var(--paragraphSpacingNone); --typographyHeadlineSmallLetterSpacing: var(--letterSpacingNone); --typographyHeadlineSmallLineHeight: var(--lineHeightsAuto); --typographyHeadlineSmallFontWeight: 700; --typographyHeadlineSmallFontFamily: var(--fontFamiliesPrimary); --typographyHeadlineMediumTextDecoration: var(--textDecorationNone); --typographyHeadlineMediumTextCase: var(--textCaseNone); --typographyHeadlineMediumParagraphIndent: 0; --typographyHeadlineMediumParagraphSpacing: var(--paragraphSpacingNone); --typographyHeadlineMediumLetterSpacing: var(--letterSpacingNone); --typographyHeadlineMediumLineHeight: var(--lineHeightsAuto); --typographyHeadlineMediumFontWeight: 700; --typographyHeadlineMediumFontFamily: var(--fontFamiliesPrimary); --typographyHeadlineLargeTextDecoration: var(--textDecorationNone); --typographyHeadlineLargeTextCase: var(--textCaseNone); --typographyHeadlineLargeParagraphIndent: 0; --typographyHeadlineLargeParagraphSpacing: var(--paragraphSpacingNone); --typographyHeadlineLargeLetterSpacing: var(--letterSpacingNone); --typographyHeadlineLargeLineHeight: var(--lineHeightsLg); --typographyHeadlineLargeFontWeight: 700; --typographyHeadlineLargeFontFamily: var(--fontFamiliesPrimary); --typographyBodySmallTextStrikethroughTextDecoration: var(
    --textDecorationLineThrough
  ); --typographyBodySmallTextStrikethroughTextCase: var(--textCaseNone); --typographyBodySmallTextStrikethroughParagraphIndent: 0; --typographyBodySmallTextStrikethroughParagraphSpacing: var(
    --paragraphSpacingNone
  ); --typographyBodySmallTextStrikethroughLetterSpacing: var(--letterSpacingNone); --typographyBodySmallTextStrikethroughLineHeight: var(--lineHeightsAuto); --typographyBodySmallTextStrikethroughFontWeight: 700; --typographyBodySmallTextStrikethroughFontFamily: var(--fontFamiliesBody); --typographyBodySmallTextLinkTextDecoration: var(--textDecorationUnderline); --typographyBodySmallTextLinkTextCase: var(--textCaseNone); --typographyBodySmallTextLinkParagraphIndent: 0; --typographyBodySmallTextLinkParagraphSpacing: var(--paragraphSpacingLarge); --typographyBodySmallTextLinkLetterSpacing: var(--letterSpacingNone); --typographyBodySmallTextLinkLineHeight: var(--lineHeightsAuto); --typographyBodySmallTextLinkFontWeight: 700; --typographyBodySmallTextLinkFontFamily: var(--fontFamiliesBody); --typographyBodySmallTextExtraboldTextDecoration: var(--textDecorationNone); --typographyBodySmallTextExtraboldTextCase: var(--textCaseNone); --typographyBodySmallTextExtraboldParagraphIndent: 0; --typographyBodySmallTextExtraboldParagraphSpacing: var(
    --paragraphSpacingNone
  ); --typographyBodySmallTextExtraboldLetterSpacing: var(--letterSpacingNone); --typographyBodySmallTextExtraboldLineHeight: var(--lineHeightsAuto); --typographyBodySmallTextExtraboldFontWeight: 800; --typographyBodySmallTextExtraboldFontFamily: var(--fontFamiliesBody); --typographyBodySmallTextBoldTextDecoration: var(--textDecorationNone); --typographyBodySmallTextBoldTextCase: var(--textCaseNone); --typographyBodySmallTextBoldParagraphIndent: 0; --typographyBodySmallTextBoldParagraphSpacing: var(--paragraphSpacingLarge); --typographyBodySmallTextBoldLetterSpacing: var(--letterSpacingNone); --typographyBodySmallTextBoldLineHeight: var(--lineHeightsAuto); --typographyBodySmallTextBoldFontWeight: 700; --typographyBodySmallTextBoldFontFamily: var(--fontFamiliesBody); --typographyBodySmallTextSemiboldTextDecoration: var(--textDecorationNone); --typographyBodySmallTextSemiboldTextCase: var(--textCaseNone); --typographyBodySmallTextSemiboldParagraphIndent: 0; --typographyBodySmallTextSemiboldParagraphSpacing: var(
    --paragraphSpacingLarge
  ); --typographyBodySmallTextSemiboldLetterSpacing: var(--letterSpacingNone); --typographyBodySmallTextSemiboldLineHeight: var(--lineHeightsAuto); --typographyBodySmallTextSemiboldFontWeight: 600; --typographyBodySmallTextSemiboldFontFamily: var(--fontFamiliesBody); --typographyBodySmallTextRegularTextDecoration: var(--textDecorationNone); --typographyBodySmallTextRegularTextCase: var(--textCaseNone); --typographyBodySmallTextRegularParagraphIndent: 0; --typographyBodySmallTextRegularParagraphSpacing: var(
    --paragraphSpacingLarge
  ); --typographyBodySmallTextRegularLetterSpacing: var(--letterSpacingNone); --typographyBodySmallTextRegularLineHeight: var(--lineHeightsAuto); --typographyBodySmallTextRegularFontWeight: 400; --typographyBodySmallTextRegularFontFamily: var(--fontFamiliesBody); --typographyBodySecondaryStrikethroughTextDecoration: var(
    --textDecorationLineThrough
  ); --typographyBodySecondaryStrikethroughTextCase: var(--textCaseNone); --typographyBodySecondaryStrikethroughParagraphIndent: 0; --typographyBodySecondaryStrikethroughParagraphSpacing: var(
    --paragraphSpacingSmall
  ); --typographyBodySecondaryStrikethroughLetterSpacing: var(--letterSpacingNone); --typographyBodySecondaryStrikethroughLineHeight: var(--lineHeightsAuto); --typographyBodySecondaryStrikethroughFontWeight: 700; --typographyBodySecondaryStrikethroughFontFamily: var(--fontFamiliesBody); --typographyBodySecondaryLinkTextDecoration: var(--textDecorationUnderline); --typographyBodySecondaryLinkTextCase: var(--textCaseNone); --typographyBodySecondaryLinkParagraphIndent: 0; --typographyBodySecondaryLinkParagraphSpacing: var(--paragraphSpacingSmall); --typographyBodySecondaryLinkLetterSpacing: var(--letterSpacingNone); --typographyBodySecondaryLinkLineHeight: var(--lineHeightsAuto); --typographyBodySecondaryLinkFontWeight: 700; --typographyBodySecondaryLinkFontFamily: var(--fontFamiliesBody); --typographyBodySecondaryExtraboldTextDecoration: var(--textDecorationNone); --typographyBodySecondaryExtraboldTextCase: var(--textCaseNone); --typographyBodySecondaryExtraboldParagraphIndent: 0; --typographyBodySecondaryExtraboldParagraphSpacing: var(
    --paragraphSpacingSmall
  ); --typographyBodySecondaryExtraboldLetterSpacing: var(--letterSpacingNone); --typographyBodySecondaryExtraboldLineHeight: var(--lineHeightsAuto); --typographyBodySecondaryExtraboldFontWeight: 800; --typographyBodySecondaryExtraboldFontFamily: var(--fontFamiliesBody); --typographyBodySecondaryBoldTextDecoration: var(--textDecorationNone); --typographyBodySecondaryBoldTextCase: var(--textCaseNone); --typographyBodySecondaryBoldParagraphIndent: 0; --typographyBodySecondaryBoldParagraphSpacing: var(--paragraphSpacingSmall); --typographyBodySecondaryBoldLetterSpacing: var(--letterSpacingNone); --typographyBodySecondaryBoldLineHeight: var(--lineHeightsAuto); --typographyBodySecondaryBoldFontWeight: 700; --typographyBodySecondaryBoldFontFamily: var(--fontFamiliesBody); --typographyBodySecondarySemiboldTextDecoration: var(--textDecorationNone); --typographyBodySecondarySemiboldTextCase: var(--textCaseNone); --typographyBodySecondarySemiboldParagraphIndent: 0; --typographyBodySecondarySemiboldParagraphSpacing: var(
    --paragraphSpacingSmall
  ); --typographyBodySecondarySemiboldLetterSpacing: var(--letterSpacingNone); --typographyBodySecondarySemiboldLineHeight: var(--lineHeightsAuto); --typographyBodySecondarySemiboldFontWeight: 600; --typographyBodySecondarySemiboldFontFamily: var(--fontFamiliesBody); --typographyBodySecondaryRegularTextDecoration: var(--textDecorationNone); --typographyBodySecondaryRegularTextCase: var(--textCaseNone); --typographyBodySecondaryRegularParagraphIndent: 0; --typographyBodySecondaryRegularParagraphSpacing: var(
    --paragraphSpacingSmall
  ); --typographyBodySecondaryRegularLetterSpacing: var(--letterSpacingNone); --typographyBodySecondaryRegularLineHeight: var(--lineHeightsAuto); --typographyBodySecondaryRegularFontWeight: 400; --typographyBodySecondaryRegularFontFamily: var(--fontFamiliesBody); --typographyBodyPrimaryStrikethroughTextDecoration: var(
    --textDecorationLineThrough
  ); --typographyBodyPrimaryStrikethroughTextCase: var(--textCaseNone); --typographyBodyPrimaryStrikethroughParagraphIndent: 0; --typographyBodyPrimaryStrikethroughParagraphSpacing: var(
    --paragraphSpacingMedium
  ); --typographyBodyPrimaryStrikethroughLetterSpacing: var(--letterSpacingNone); --typographyBodyPrimaryStrikethroughLineHeight: var(--lineHeightsAuto); --typographyBodyPrimaryStrikethroughFontWeight: 700; --typographyBodyPrimaryStrikethroughFontFamily: var(--fontFamiliesBody); --typographyBodyPrimaryLinkTextDecoration: var(--textDecorationUnderline); --typographyBodyPrimaryLinkTextCase: var(--textCaseNone); --typographyBodyPrimaryLinkParagraphIndent: 0; --typographyBodyPrimaryLinkParagraphSpacing: var(--paragraphSpacingMedium); --typographyBodyPrimaryLinkLetterSpacing: var(--letterSpacingNone); --typographyBodyPrimaryLinkLineHeight: var(--lineHeightsAuto); --typographyBodyPrimaryLinkFontWeight: 700; --typographyBodyPrimaryLinkFontFamily: var(--fontFamiliesBody); --typographyBodyPrimaryExtraboldTextDecoration: var(--textDecorationNone); --typographyBodyPrimaryExtraboldTextCase: var(--textCaseNone); --typographyBodyPrimaryExtraboldParagraphIndent: 0; --typographyBodyPrimaryExtraboldParagraphSpacing: var(
    --paragraphSpacingMedium
  ); --typographyBodyPrimaryExtraboldLetterSpacing: var(--letterSpacingNone); --typographyBodyPrimaryExtraboldLineHeight: var(--lineHeightsAuto); --typographyBodyPrimaryExtraboldFontWeight: 800; --typographyBodyPrimaryExtraboldFontFamily: var(--fontFamiliesBody); --typographyBodyPrimaryBoldTextDecoration: var(--textDecorationNone); --typographyBodyPrimaryBoldTextCase: var(--textCaseNone); --typographyBodyPrimaryBoldParagraphIndent: 0; --typographyBodyPrimaryBoldParagraphSpacing: var(--paragraphSpacingMedium); --typographyBodyPrimaryBoldLetterSpacing: var(--letterSpacingNone); --typographyBodyPrimaryBoldLineHeight: var(--lineHeightsAuto); --typographyBodyPrimaryBoldFontWeight: 700; --typographyBodyPrimaryBoldFontFamily: var(--fontFamiliesBody); --typographyBodyPrimarySemiboldTextDecoration: var(--textDecorationNone); --typographyBodyPrimarySemiboldTextCase: var(--textCaseNone); --typographyBodyPrimarySemiboldParagraphIndent: 0; --typographyBodyPrimarySemiboldParagraphSpacing: var(
    --paragraphSpacingMedium
  ); --typographyBodyPrimarySemiboldLetterSpacing: var(--letterSpacingNone); --typographyBodyPrimarySemiboldLineHeight: var(--lineHeightsAuto); --typographyBodyPrimarySemiboldFontWeight: 600; --typographyBodyPrimarySemiboldFontFamily: var(--fontFamiliesBody); --typographyBodyPrimaryRegularTextDecoration: var(--textDecorationNone); --typographyBodyPrimaryRegularTextCase: var(--textCaseNone); --typographyBodyPrimaryRegularParagraphIndent: 0; --typographyBodyPrimaryRegularParagraphSpacing: var(--paragraphSpacingMedium); --typographyBodyPrimaryRegularLetterSpacing: var(--letterSpacingNone); --typographyBodyPrimaryRegularLineHeight: var(--lineHeightsAuto); --typographyBodyPrimaryRegularFontWeight: 400; --typographyBodyPrimaryRegularFontFamily: var(--fontFamiliesBody); --typographyButtonSecondaryLinkTextCase: var(--textCaseNone); --typographyButtonSecondaryLinkTextDecoration: var(--textDecorationUnderline); --typographyButtonSecondaryLinkParagraphSpacing: var(--paragraphSpacingNone); --typographyButtonSecondaryLinkLetterSpacing: var(--letterSpacingNone); --typographyButtonSecondaryLinkLineHeight: var(--lineHeightsRg); --typographyButtonSecondaryLinkFontWeight: 700; --typographyButtonSecondaryLinkFontFamily: var(--fontFamiliesBody); --typographyButtonSecondarySmallTextCase: var(--textCaseNone); --typographyButtonSecondarySmallTextDecoration: var(--textDecorationNone); --typographyButtonSecondarySmallParagraphSpacing: var(--paragraphSpacingNone); --typographyButtonSecondarySmallLetterSpacing: var(--letterSpacingNone); --typographyButtonSecondarySmallLineHeight: var(--lineHeightsSm); --typographyButtonSecondarySmallFontWeight: 700; --typographyButtonSecondarySmallFontFamily: var(--fontFamiliesPrimary); --typographyButtonSecondaryMediumTextCase: var(--textCaseNone); --typographyButtonSecondaryMediumTextDecoration: var(--textDecorationNone); --typographyButtonSecondaryMediumParagraphSpacing: var(
    --paragraphSpacingNone
  ); --typographyButtonSecondaryMediumLetterSpacing: var(--letterSpacingNone); --typographyButtonSecondaryMediumLineHeight: var(--lineHeightsRg); --typographyButtonSecondaryMediumFontWeight: 700; --typographyButtonSecondaryMediumFontFamily: var(--fontFamiliesBody); --typographyButtonSecondaryLargeTextCase: var(--textCaseNone); --typographyButtonSecondaryLargeTextDecoration: var(--textDecorationNone); --typographyButtonSecondaryLargeParagraphSpacing: var(--paragraphSpacingNone); --typographyButtonSecondaryLargeLetterSpacing: var(--letterSpacingNone); --typographyButtonSecondaryLargeLineHeight: var(--lineHeightsMd); --typographyButtonSecondaryLargeFontWeight: 700; --typographyButtonSecondaryLargeFontFamily: var(--fontFamiliesBody); --typographyButtonPrimarySmallTextCase: var(--textCaseCapitalize); --typographyButtonPrimarySmallTextDecoration: var(--textDecorationNone); --typographyButtonPrimarySmallParagraphSpacing: var(--paragraphSpacingNone); --typographyButtonPrimarySmallLetterSpacing: var(--letterSpacingNone); --typographyButtonPrimarySmallLineHeight: var(--lineHeightsXl); --typographyButtonPrimarySmallFontWeight: 700; --typographyButtonPrimarySmallFontFamily: var(--fontFamiliesPrimary); --typographyButtonPrimaryLargeTextCase: var(--textCaseCapitalize); --typographyButtonPrimaryLargeTextDecoration: var(--textDecorationNone); --typographyButtonPrimaryLargeParagraphSpacing: var(--paragraphSpacingNone); --typographyButtonPrimaryLargeLetterSpacing: var(--letterSpacingNone); --typographyButtonPrimaryLargeLineHeight: var(--lineHeightsXl); --typographyButtonPrimaryLargeFontWeight: 700; --typographyButtonPrimaryLargeFontFamily: var(--fontFamiliesPrimary); --colorMiscNone: #fff0; --colorStatusInfoOnContainer: var(
    --colorBaseBlue800
  ); --colorStatusInfoContainer: var(
    --colorBaseBlue50
  ); --colorStatusInfoOnBase: var(
    --colorBaseAlpha50
  ); --colorStatusInfoBase: var(--colorBaseBlue500); --colorStatusDangerOnContainer: var(
    --colorBaseRed800
  ); --colorStatusDangerContainer: var(
    --colorBaseRed50
  ); --colorStatusDangerOnBase: var(
    --colorBaseAlpha50
  ); --colorStatusDangerBase: var(--colorBaseRed700); --colorStatusWarningOnContainer: var(
    --colorBaseOrange800
  ); --colorStatusWarningContainer: var(
    --colorBaseOrange50
  ); --colorStatusWarningOnBase: var(
    --colorBaseAlpha50
  ); --colorStatusWarningBase: var(--colorBaseOrange500); --colorStatusPositiveOnContainer: var(
    --colorBaseGreen800
  ); --colorStatusPositiveContainer: var(
    --colorBaseGreen50
  ); --colorStatusPositiveOnBase: var(
    --colorBaseOffBlack500
  ); --colorStatusPositiveBase: var(
    --colorBaseGreen500
  ); --colorDividerInverseBright: var(--colorBaseAlpha500); --colorDividerInverseBase: var(--colorBaseAlpha600); --colorDividerInverseDim: var(--colorBaseAlpha700); --colorDividerBright: var(--colorBaseAlpha200); --colorDividerBase: var(--colorBaseAlpha300); --colorDividerDim: var(--colorBaseAlpha400); --colorBrandPrimary: var(--colorPrimary500); --colorBrandSecondary: var(--colorSecondary700); --colorBrandTertiary: var(--colorTertiary400); --colorBrandQuaternary: var(--colorQuaternary200); --colorSurfaceBrandQuaternary: var(
    --colorQuaternary100
  ); --colorSurfaceBrandTertiary: var(
    --colorTertiary200
  ); --colorSurfaceBrandSecondary: var(
    --colorSecondary100
  ); --colorSurfaceBrandPrimary: var(
    --colorPrimary100
  ); --colorSurfaceNeutralBase: var(--colorBaseAlpha100); --colorSurfaceNeutralDim: var(--colorBaseAlpha200); --colorForegroundIconInverseEnabled: var(
    --colorBaseAlpha50
  ); --colorForegroundIconDisabled: var(--colorBaseAlpha400); --colorForegroundIconPressed: var(--colorBaseAlpha700); --colorForegroundIconEnabled: var(--colorBaseAlpha600); --colorForegroundBorderBrighter: var(--colorBaseAlpha300); --colorForegroundBorderBright: var(--colorBaseAlpha500); --colorForegroundBorderNeutral: var(--colorBaseAlpha800); --colorForegroundBorderDim: var(--colorBaseAlpha900); --colorForegroundContentInverseDisabled: var(--colorBaseAlpha400); --colorForegroundContentInverseFilled: var(--colorBaseAlpha50); --colorForegroundContentInversePressed: var(--colorBaseAlpha200); --colorForegroundContentInverseEnabled: var(--colorBaseAlpha50); --colorForegroundContentSubtlestEnabled: var(
    --colorBaseAlpha600
  ); --colorForegroundContentSubtleInverseDisabled: var(
    --colorBaseAlpha600
  ); --colorForegroundContentSubtleInversePressed: var(
    --colorBaseAlpha400
  ); --colorForegroundContentSubtleInverseEnabled: var(
    --colorBaseAlpha200
  ); --colorForegroundContentSubtleDisabled: var(
    --colorBaseAlpha400
  ); --colorForegroundContentSubtlePressed: var(
    --colorBaseAlpha800
  ); --colorForegroundContentSubtleEnabled: var(
    --colorBaseAlpha600
  ); --colorForegroundContentDisabled: var(
    --colorBaseAlpha600
  ); --colorForegroundContentFilled: var(
    --colorBaseAlpha900
  ); --colorForegroundContentPressed: var(
    --colorBaseAlpha700
  ); --colorForegroundContentEnabled: var(
    --colorBaseOffBlack500
  ); --colorForegroundAccentPressed: var(--colorPrimary700); --colorForegroundBrandQuaternaryOnSurface: var(
    --colorQuaternary800
  ); --colorForegroundBrandQuaternaryOnBackground: var(
    --colorBaseOffBlack500
  ); --colorForegroundBrandTertiaryOnSurface: var(
    --colorTertiary800
  ); --colorForegroundBrandTertiaryOnBackground: var(
    --colorBaseOffBlack500
  ); --colorForegroundBrandSecondaryOnSurface: var(
    --colorSecondary700
  ); --colorForegroundBrandSecondaryOnBackground: var(
    --colorBaseOffBlack500
  ); --colorForegroundBrandPrimaryOnSurface: var(
    --colorPrimary700
  ); --colorForegroundBrandPrimaryOnBackground: var(
    --colorBaseAlpha50
  ); --colorBackgroundNeutralBase: var(--colorBaseLightBeige500); --colorBackgroundNeutralInverseBase: var(--colorBaseOffBlack500); --colorBackgroundBrandQuaternary: var(
    --colorQuaternary300
  ); --colorBackgroundBrandTertiary: var(
    --colorTertiary600
  ); --colorBackgroundBrandSecondary: var(
    --colorSecondary500
  ); --colorBackgroundBrandPrimary: var(
    --colorPrimary500
  ); --colorSelectionControlsPaginationForegroundInverseSelected: var(
    --colorBaseAlpha50
  ); --colorSelectionControlsPaginationForegroundInverseEnabled: var(
    --colorBaseAlpha200
  ); --colorSelectionControlsMultipleChoiceBackgroundDisabled: var(
    --colorBaseAlpha300
  ); --colorSelectionControlsMultipleChoiceBorderDisabled: var(
    --colorBaseAlpha300
  ); --colorSelectionControlsMultipleChoiceForegroundDisabled: var(
    --colorBaseAlpha500
  ); --colorSelectionControlsRadioBorderNeutral: var(--colorBaseAlpha300); --colorSelectionControlsCheckboxBackgroundNeutral: var(--colorBaseAlpha50); --colorSelectionControlsCheckboxBorderPressed: var(--colorBaseAlpha800); --colorSelectionControlsCheckboxBorderNeutral: var(--colorBaseAlpha300); --colorFormFieldsBorderFilled: var(--colorBaseAlpha200); --colorFormFieldsBorderPressed: var(--colorBaseAlpha800); --colorFormFieldsBorderEnabled: var(--colorBaseAlpha600); --colorButtonPillToggleBorder: var(--colorBaseAlpha300); --colorButtonFooterForegroundDisabled: var(--colorBaseAlpha500); --colorButtonFooterBackgroundDisabled: var(--colorBaseAlpha300); --colorButtonSecondaryBackgroundDisabled: var(--colorBaseAlpha300); --colorButtonPrimaryForegroundDisabled: var(--colorBaseAlpha500); --colorButtonPrimaryBackgroundDisabled: var(--colorBaseAlpha300); --iconSizeLarge: 24px; --iconSizeRegular: 16px; --iconSizeSmall: 12px; --spacing80x: 160px; --spacing60x: 120px; --spacing48x: 96px; --spacing36x: 72px; --spacing32x: 64px; --spacing28x: 56px; --spacing24x: 48px; --spacing20x: 40px; --spacing18x: 36px; --spacing16x: 32px; --spacing12x: 24px; --spacing10x: 20px; --spacing9x: 18px; --spacing8x: 16px; --spacing7x: 14px; --spacing6x: 12px; --spacing4x: 8px; --spacing2x: 4px; --spacing1x: 2px; --borderWidthHeavy: 8px; --borderWidthThick: 4px; --borderWidthThin: 2px; --borderRadiusPill: 16000px; --borderRadiusRoundLimit: 24px; --borderRadiusMoreRounded: 16px; --borderRadiusRounded: 8px; --borderRadiusSoftlyRounded: 4px; --typographyHeadlineStylizedSmallTopFontSize: 24px; --typographyHeadlineStylizedSmallBaseFontSize: 24px; --typographyHeadlineStylizedLargeTopFontSize: 40px; --typographyHeadlineStylizedLargeBaseFontSize: 40px; --typographyHeadlineSmallFontSize: 18px; --typographyHeadlineMediumFontSize: 24px; --typographyHeadlineLargeFontSize: 40px; --typographyBodySmallTextStrikethroughFontSize: 12px; --typographyBodySmallTextLinkFontSize: 12px; --typographyBodySmallTextExtraboldFontSize: 12px; --typographyBodySmallTextBoldFontSize: 12px; --typographyBodySmallTextSemiboldFontSize: 12px; --typographyBodySmallTextRegularFontSize: 12px; --typographyBodySecondaryStrikethroughFontSize: 14px; --typographyBodySecondaryLinkFontSize: 14px; --typographyBodySecondaryExtraboldFontSize: 14px; --typographyBodySecondaryBoldFontSize: 14px; --typographyBodySecondarySemiboldFontSize: 14px; --typographyBodySecondaryRegularFontSize: 14px; --typographyBodyPrimaryStrikethroughFontSize: 16px; --typographyBodyPrimaryLinkFontSize: 16px; --typographyBodyPrimaryExtraboldFontSize: 16px; --typographyBodyPrimaryBoldFontSize: 16px; --typographyBodyPrimarySemiboldFontSize: 16px; --typographyBodyPrimaryRegularFontSize: 16px; --typographyButtonSecondaryLinkFontSize: 14px; --typographyButtonSecondarySmallFontSize: 12px; --typographyButtonSecondaryMediumFontSize: 14px; --typographyButtonSecondaryLargeFontSize: 16px; --typographyButtonPrimarySmallFontSize: 12px; --typographyButtonPrimaryLargeFontSize: 16px; --colorSurfaceNeutralBright: #f7f7f7; --colorForegroundContentSubtlestDisabled: #c1c1c1; --colorForegroundContentSubtlestPressed: #383838; --colorForegroundAccentDisabled: #d54107a3; --colorForegroundAccentEnabled: var(--colorBackgroundBrandPrimary); --colorBackgroundNeutralBright: #f6f5f0; --colorBackgroundNeutralDim: #dcdad4; --colorIndicatorsDisclaimerBackgroundNeutral: var(--colorMiscNone); --colorIndicatorsDisclaimerBorderDefault: var(--colorMiscNone); --colorIndicatorsDisclaimerForegroundDefault: var(
    --colorForegroundContentSubtleEnabled
  ); --colorIndicatorsNotificationBackgroundDanger: var(
    --colorStatusDangerContainer
  ); --colorIndicatorsNotificationBackgroundPositive: var(
    --colorStatusPositiveContainer
  ); --colorIndicatorsNotificationBorderDanger: var(
    --colorStatusDangerOnContainer
  ); --colorIndicatorsNotificationBorderPositive: var(
    --colorStatusPositiveOnContainer
  ); --colorIndicatorsNotificationForegroundDanger: var(
    --colorStatusDangerOnContainer
  ); --colorIndicatorsNotificationForegroundPositive: var(
    --colorStatusPositiveOnContainer
  ); --colorSelectionControlsPaginationForegroundSelected: var(
    --colorForegroundContentFilled
  ); --colorSelectionControlsMultipleChoiceBackgroundSelected: var(
    --colorForegroundContentFilled
  ); --colorSelectionControlsMultipleChoiceBackgroundPressed: var(
    --colorSurfaceNeutralDim
  ); --colorSelectionControlsMultipleChoiceBackgroundEnabled: var(--colorMiscNone); --colorSelectionControlsMultipleChoiceBorderSelected: var(
    --colorForegroundBorderNeutral
  ); --colorSelectionControlsMultipleChoiceBorderPressed: var(
    --colorForegroundBorderNeutral
  ); --colorSelectionControlsMultipleChoiceBorderEnabled: var(
    --colorForegroundBorderNeutral
  ); --colorSelectionControlsMultipleChoiceForegroundSelected: var(
    --colorForegroundContentInverseEnabled
  ); --colorSelectionControlsMultipleChoiceForegroundPressed: var(
    --colorForegroundContentEnabled
  ); --colorSelectionControlsMultipleChoiceForegroundEnabled: var(
    --colorForegroundContentEnabled
  ); --colorSelectionControlsQuantityBackgroundNeutral: var(--colorMiscNone); --colorSelectionControlsQuantityBorderDisabled: var(
    --colorForegroundIconDisabled
  ); --colorSelectionControlsQuantityBorderEnabled: var(
    --colorForegroundContentEnabled
  ); --colorSelectionControlsQuantityForegroundEnabled: var(
    --colorForegroundContentEnabled
  ); --colorSelectionControlsToggleBackgroundSelected: var(
    --colorForegroundContentFilled
  ); --colorSelectionControlsToggleBackgroundEnabled: var(
    --colorForegroundContentSubtlestEnabled
  ); --colorSelectionControlsToggleBorderDefault: var(--colorMiscNone); --colorSelectionControlsToggleForegroundDefault: var(
    --colorForegroundIconInverseEnabled
  ); --colorSelectionControlsRadioBackgroundNeutral: var(--colorMiscNone); --colorSelectionControlsRadioBorderError: var(--colorStatusDangerBase); --colorSelectionControlsRadioBorderFilled: var(--colorForegroundBorderDim); --colorSelectionControlsRadioBorderEnabled: var(--colorForegroundBorderDim); --colorSelectionControlsRadioForegroundError: var(--colorStatusDangerBase); --colorSelectionControlsRadioForegroundSelected: var(
    --colorForegroundIconInverseEnabled
  ); --colorSelectionControlsRadioForegroundFilled: var(
    --colorForegroundContentFilled
  ); --colorSelectionControlsCheckboxBorderError: var(--colorStatusDangerBase); --colorSelectionControlsCheckboxBorderFilled: var(--colorForegroundBorderDim); --colorSelectionControlsCheckboxBorderEnabled: var(
    --colorForegroundBorderDim
  ); --colorSelectionControlsCheckboxForegroundSelected: var(
    --colorForegroundIconInverseEnabled
  ); --colorSelectionControlsCheckboxForegroundFilled: var(
    --colorForegroundContentFilled
  ); --colorFormFieldsBackgroundNeutral: var(--colorMiscNone); --colorFormFieldsBorderError: var(--colorStatusDangerBase); --colorFormFieldsForegroundError: var(--colorStatusDangerBase); --colorFormFieldsForegroundFilled: var(--colorForegroundContentFilled); --colorFormFieldsForegroundPressed: var(
    --colorForegroundContentSubtlePressed
  ); --colorFormFieldsForegroundEnabled: var(
    --colorForegroundContentSubtleEnabled
  ); --colorButtonFooterForegroundEnabled: var(
    --colorForegroundBrandPrimaryOnBackground
  ); --colorButtonFooterBackgroundEnabled: var(--colorBackgroundBrandPrimary); --colorButtonHeaderCartFilledForegroundEnabled: var(
    --colorForegroundBrandPrimaryOnBackground
  ); --colorButtonHeaderCartFilledBackgroundEnabled: var(
    --colorBackgroundBrandPrimary
  ); --colorButtonHeaderCartEmptyBorderDisabled: var(--colorMiscNone); --colorButtonHeaderCartEmptyBorderPressed: var(--colorForegroundBorderDim); --colorButtonHeaderCartEmptyBorderEnabled: var(
    --colorForegroundBorderNeutral
  ); --colorButtonHeaderCartEmptyForegroundPressed: var(
    --colorForegroundContentEnabled
  ); --colorButtonHeaderCartEmptyForegroundEnabled: var(
    --colorForegroundContentEnabled
  ); --colorButtonHeaderCartEmptyBackgroundPressed: var(--colorSurfaceNeutralDim); --colorButtonHeaderCartEmptyBackgroundEnabled: var(--colorMiscNone); --colorButtonHeaderStandardInverseBorderPressed: var(--colorMiscNone); --colorButtonHeaderStandardInverseBorderEnabled: var(--colorMiscNone); --colorButtonHeaderStandardInverseForegroundPressed: var(
    --colorForegroundBrandPrimaryOnBackground
  ); --colorButtonHeaderStandardInverseForegroundEnabled: var(
    --colorForegroundBrandPrimaryOnBackground
  ); --colorButtonHeaderStandardInverseBackgroundPressed: var(
    --colorForegroundContentPressed
  ); --colorButtonHeaderStandardInverseBackgroundEnabled: var(
    --colorForegroundContentEnabled
  ); --colorButtonHeaderStandardBorderDisabled: var(--colorMiscNone); --colorButtonHeaderStandardBorderPressed: var(--colorMiscNone); --colorButtonHeaderStandardBorderEnabled: var(--colorMiscNone); --colorButtonHeaderStandardForegroundPressed: var(
    --colorForegroundBrandPrimaryOnBackground
  ); --colorButtonHeaderStandardForegroundEnabled: var(
    --colorForegroundBrandPrimaryOnBackground
  ); --colorButtonHeaderStandardBackgroundPressed: var(
    --colorForegroundAccentPressed
  ); --colorButtonTextLinkForegroundEnabled: var(--colorForegroundContentEnabled); --colorButtonTextLinkBackgroundDisabled: var(--colorMiscNone); --colorButtonTextLinkBackgroundPressed: var(--colorMiscNone); --colorButtonTextLinkBackgroundEnabled: var(--colorMiscNone); --colorButtonTertiaryForegroundEnabled: var(--colorForegroundContentEnabled); --colorButtonTertiaryBackgroundDisabled: var(--colorMiscNone); --colorButtonTertiaryBackgroundPressed: var(--colorMiscNone); --colorButtonTertiaryBackgroundEnabled: var(--colorMiscNone); --colorButtonSecondaryBorderPressed: var(--colorForegroundBorderDim); --colorButtonSecondaryBorderEnabled: var(--colorForegroundBorderNeutral); --colorButtonSecondaryForegroundPressed: var(--colorForegroundContentEnabled); --colorButtonSecondaryForegroundEnabled: var(--colorForegroundContentEnabled); --colorButtonSecondaryBackgroundPressed: var(--colorSurfaceNeutralDim); --colorButtonSecondaryBackgroundEnabled: var(--colorMiscNone); --colorButtonPrimaryBorderDisabled: var(--colorMiscNone); --colorButtonPrimaryBorderPressed: var(--colorMiscNone); --colorButtonPrimaryBorderEnabled: var(--colorMiscNone); --colorButtonPrimaryForegroundEnabled: var(
    --colorForegroundBrandPrimaryOnBackground
  ); --colorButtonPrimaryBackgroundEnabled: var(--colorBackgroundBrandPrimary); --colorTemplateForegroundSuccess: var(--colorStatusPositiveBase); --colorTemplateForegroundError: var(--colorStatusDangerBase); --colorTemplateForegroundDisabled: var(--colorForegroundBorderBright); --colorTemplateForegroundIncomplete: var(--colorForegroundBorderDim); --colorTemplateForegroundComplete: var(--colorForegroundBorderDim); --colorTemplateForegroundActive: var(--colorForegroundBorderDim); --colorTemplateForegroundFocus: var(--colorForegroundContentEnabled); --colorTemplateForegroundEnabled: var(--colorForegroundContentEnabled); --colorTemplateBackgroundReadOnly: var(--colorMiscNone); --colorTemplateBackgroundSuccess: var(--colorStatusPositiveBase); --colorTemplateBackgroundError: var(--colorStatusDangerBase); --colorTemplateBackgroundDisabled: var(--colorForegroundBorderBright); --colorTemplateBackgroundIncomplete: var(--colorForegroundBorderNeutral); --colorTemplateBackgroundComplete: var(--colorForegroundBorderNeutral); --colorTemplateBackgroundActive: var(--colorForegroundBorderDim); --colorTemplateBackgroundFocus: var(--colorForegroundBorderDim); --colorTemplateBackgroundEnabled: var(--colorForegroundBorderNeutral); --colorSelectionControlsPaginationForegroundEnabled: var(
    --colorForegroundContentSubtlestDisabled
  ); --colorSelectionControlsQuantityForegroundDisabled: rgba(var(--colorSelectionControlsQuantityForegroundEnabled),var(--opacityDisabled)); --colorSelectionControlsToggleBackgroundDisabled: rgba(var(--colorSelectionControlsToggleBackgroundEnabled),var(--opacityDisabled)); --colorButtonFooterBorderEnabled: var(--colorButtonPrimaryBackgroundEnabled); --colorButtonFooterForegroundPressed: var(
    --colorButtonPrimaryForegroundEnabled
  ); --colorButtonFooterBackgroundPressed: #b53706; --colorButtonHeaderCartFilledBorderEnabled: var(
    --colorButtonPrimaryBackgroundEnabled
  ); --colorButtonHeaderCartFilledForegroundDisabled: rgba(var(--colorButtonHeaderCartFilledForegroundEnabled),var(--opacityDisabled)); --colorButtonHeaderCartFilledForegroundPressed: var(
    --colorButtonPrimaryForegroundEnabled
  ); --colorButtonHeaderCartFilledBackgroundDisabled: rgba(var(--colorButtonHeaderCartFilledBackgroundEnabled),var(--opacityDisabled)); --colorButtonHeaderCartFilledBackgroundPressed: #b53706; --colorButtonHeaderCartEmptyForegroundDisabled: rgba(var(--colorButtonHeaderCartEmptyForegroundEnabled),var(--opacityDisabled)); --colorButtonHeaderCartEmptyBackgroundDisabled: rgba(var(--colorButtonHeaderCartEmptyBackgroundEnabled),var(--opacityDisabled)); --colorButtonHeaderStandardForegroundDisabled: rgba(var(--colorButtonHeaderStandardForegroundEnabled),var(--opacityDisabled)); --colorButtonHeaderStandardBackgroundEnabled: var(
    --colorForegroundAccentEnabled
  ); --colorButtonTextLinkBorderDisabled: var(
    --colorButtonTertiaryBackgroundDisabled
  ); --colorButtonTextLinkBorderPressed: var(
    --colorButtonTertiaryBackgroundPressed
  ); --colorButtonTextLinkBorderEnabled: var(
    --colorButtonTertiaryBackgroundEnabled
  ); --colorButtonTextLinkForegroundDisabled: rgba(var(--colorButtonTextLinkForegroundEnabled),var(--opacityDisabled)); --colorButtonTextLinkForegroundPressed: var(--colorForegroundAccentEnabled); --colorButtonTertiaryBorderDisabled: var(
    --colorButtonTertiaryBackgroundDisabled
  ); --colorButtonTertiaryBorderPressed: var(
    --colorButtonTertiaryBackgroundPressed
  ); --colorButtonTertiaryBorderEnabled: var(
    --colorButtonTertiaryBackgroundEnabled
  ); --colorButtonTertiaryForegroundDisabled: rgba(var(--colorButtonTertiaryForegroundEnabled),var(--opacityDisabled)); --colorButtonTertiaryForegroundPressed: var(--colorForegroundAccentEnabled); --colorButtonSecondaryBorderDisabled: rgba(38,38,38,var(--opacityDisabled)); --colorButtonSecondaryForegroundDisabled: rgba(36,32,33,var(--opacityDisabled)); --colorButtonPrimaryForegroundPressed: var(
    --colorButtonPrimaryForegroundEnabled
  ); --colorButtonPrimaryBackgroundPressed: #b53706; --colorButtonFooterBorderDisabled: rgba(var(--colorButtonFooterBorderEnabled),var(--opacityDisabled)); --colorButtonFooterBorderPressed: var(--colorButtonPrimaryBackgroundPressed); --colorButtonHeaderCartFilledBorderDisabled: rgba(var(--colorButtonHeaderCartFilledBorderEnabled),var(--opacityDisabled)); --colorButtonHeaderCartFilledBorderPressed: var(
    --colorButtonPrimaryBackgroundPressed
  ); --colorButtonHeaderStandardBackgroundDisabled: rgba(var(--colorButtonHeaderStandardBackgroundEnabled),var(--opacityDisabled)); }
.qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] .after\:absolutespan::after, .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] .before\:absolutespan::before { content: var(--tw-content); display: none; }
@media (min-width: 768px) {
  .md\:disabled.teaPassCard .disabledImg { opacity: 0.4; }
  .md\:disabled.teaPassCard .teaPassSubHeading { color: var(--colorForegroundContentDisabled); }
  .md\:disabled .dropDownIcon svg, .md\:disabled .dropdownTextbox:disabled, .md\:disabled .fbr-floating-label { opacity: 0.4; }
}
@media (min-width: 1024px) {
  .shortBannerHeightStatic .lg\:bannerSingleWrapperStatic { margin-top: 0px; align-items: center; justify-content: center; }
  .lg\:bannerSingleWrapperStatic .staticBannerDescription { text-transform: none !important; }
  .qu-pdpLanding + #make-it-your-own .makeItYourOwn div [role="tablist"] span.lg\:absolute { display: none; }
}
.placeholder\:text-neutral-500::placeholder { --tw-text-opacity: 1; color: rgb(115 115 115/var(--tw-text-opacity)); }
.before\:absolute::before { content: var(--tw-content); position: absolute; }
.before\:left-0::before { content: var(--tw-content); left: 0px; }
.before\:top-0::before { content: var(--tw-content); top: 0px; }
.before\:z-10::before { content: var(--tw-content); z-index: 10; }
.before\:block::before { content: var(--tw-content); display: block; }
.before\:h-\[239px\]::before { content: var(--tw-content); height: 239px; }
.before\:h-full::before { content: var(--tw-content); height: 100%; }
.before\:w-full::before { content: var(--tw-content); width: 100%; }
.before\:bg-\[linear-gradient\(90deg\,var\(--color-base-off-black-500\)_25\%\,rgba\(250\,249\,245\,0\)_100\%\)\]::before { content: var(--tw-content); background-image: linear-gradient(90deg,var(--color-base-off-black-500) 25%,hsla(48,33%,97%,0) 100%); }
.before\:bg-gradient-to-t::before { content: var(--tw-content); background-image: linear-gradient(to top,var(--tw-gradient-stops)); }
.before\:opacity-0::before { content: var(--tw-content); opacity: 0; }
.before\:content-\[\'\'\]::before { --tw-content: ""; content: var(--tw-content); }
.after\:absolute::after { content: var(--tw-content); position: absolute; }
.after\:-bottom-1::after { content: var(--tw-content); bottom: -0.25rem; }
.after\:left-0::after { content: var(--tw-content); left: 0px; }
.after\:h-\[var\(--dimension-4\)\]::after { content: var(--tw-content); height: var(--dimension-4); }
.after\:w-full::after { content: var(--tw-content); width: 100%; }
.after\:bg-\[\#20cbd4\]::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(32 203 212/var(--tw-bg-opacity)); }
.after\:bg-transparent::after { content: var(--tw-content); background-color: transparent; }
.after\:content-\[\'\'\]::after { --tw-content: ""; content: var(--tw-content); }
.last\:mb-0:last-child { margin-bottom: 0px; }
.last\:mb-2:last-child { margin-bottom: 0.5rem; }
.autofill\:shadow-\[inset_0_0_0px_1000px_\#fff\]:-webkit-autofill { --tw-shadow: inset 0 0 0px 1000px #fff; --tw-shadow-colored: inset 0 0 0px 1000px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
.autofill\:shadow-\[inset_0_0_0px_1000px_\#fff\]:autofill { --tw-shadow: inset 0 0 0px 1000px #fff; --tw-shadow-colored: inset 0 0 0px 1000px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
.hover\:cursor-default:hover { cursor: default; }
.hover\:border-\[var\(--color-buttons-header-standard-inverse-border-pressed\)\]:hover { border-color: var(--color-buttons-header-standard-inverse-border-pressed); }
.hover\:border-\[var\(--color-buttons-primary-large-border-pressed\)\]:hover { border-color: var(--color-buttons-primary-large-border-pressed); }
.hover\:border-\[var\(--color-buttons-secondary-large-border-pressed\)\]:hover { border-color: var(--color-buttons-secondary-large-border-pressed); }
.hover\:border-\[var\(--color-primary-500\)\]:hover { border-color: var(--color-primary-500); }
.hover\:\!bg-\[var\(--color-buttons-primary-large-background-enabled\)\]:hover { background-color: var(--color-buttons-primary-large-background-enabled) !important; }
.hover\:\!bg-transparent:hover { background-color: transparent !important; }
.hover\:bg-\[var\(--color-base-off-white-500\)\]:hover { background-color: var(--color-base-off-white-500); }
.hover\:bg-\[var\(--color-buttons-header-standard-inverse-background-pressed\)\]:hover { background-color: var(--color-buttons-header-standard-inverse-background-pressed); }
.hover\:bg-\[var\(--color-buttons-primary-large-background-pressed\)\]:hover { background-color: var(--color-buttons-primary-large-background-pressed); }
.hover\:bg-\[var\(--color-buttons-secondary-large-background-pressed\)\]:hover { background-color: var(--color-buttons-secondary-large-background-pressed); }
.hover\:bg-\[var\(--color-secondary-500\)\]:hover { background-color: var(--color-secondary-500); }
.hover\:bg-\[var\(--color-selectionControls-multipleChoice-background-pressed\)\]:hover { background-color: var(--color-selectionControls-multipleChoice-background-pressed); }
.hover\:bg-transparent:hover { background-color: transparent; }
.hover\:text-\[var\(--color-button-secondary-foreground-enabled\)\]:hover { color: var(--color-button-secondary-foreground-enabled); }
.hover\:text-\[var\(--color-buttons-header-standard-inverse-foreground-pressed\)\]:hover { color: var(--color-buttons-header-standard-inverse-foreground-pressed); }
.hover\:text-\[var\(--color-buttons-secondary-small-foreground-pressed\)\]:hover { color: var(--color-buttons-secondary-small-foreground-pressed); }
.hover\:text-\[var\(--color-buttons-tertiary-foreground-pressed\)\]:hover { color: var(--color-buttons-tertiary-foreground-pressed); }
.hover\:text-\[var\(--color-buttons-text-link-foreground-pressed\)\]:hover { color: var(--color-buttons-text-link-foreground-pressed); }
.hover\:text-\[var\(--color-primary-500\)\]:hover { color: var(--color-primary-500); }
.hover\:text-\[var\(--color-selectionControls-multipleChoice-foreground-pressed\)\]:hover { color: var(--color-selectionControls-multipleChoice-foreground-pressed); }
.hover\:underline:hover { text-decoration-line: underline; }
.hover\:opacity-100:hover { opacity: 1; }
.focus\:border-black:focus { --tw-border-opacity: 1; border-color: rgb(0 0 0/var(--tw-border-opacity)); }
.focus\:no-underline:focus { text-decoration-line: none; }
.focus\:outline-none:focus { outline: transparent solid 2px; outline-offset: 2px; }
.focus\:ring-1:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); }
.focus\:ring-black:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity)); }
.focus-visible\:border-\[var\(--color-formFields-foreground-error\)\]:focus-visible { border-color: var(--color-formFields-foreground-error); }
.focus-visible\:border-neutral-950:focus-visible { --tw-border-opacity: 1; border-color: rgb(10 10 10/var(--tw-border-opacity)); }
.focus-visible\:outline-none:focus-visible { outline: transparent solid 2px; outline-offset: 2px; }
.focus-visible\:outline-1:focus-visible { outline-width: 1px; }
.focus-visible\:ring-0:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); }
.focus-visible\:ring-1:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); }
.focus-visible\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); }
.focus-visible\:ring-\[3px\]:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); }
.focus-visible\:ring-neutral-950\/50:focus-visible { --tw-ring-color: hsla(0,0%,4%,.5); }
.focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; }
.disabled\:pointer-events-none:disabled { pointer-events: none; }
.disabled\:cursor-default:disabled { cursor: default; }
.disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }
.disabled\:border-0:disabled { border-width: 0px; }
.disabled\:bg-\[var\(--color-selectionControls-multipleChoice-background-disabled\)\]:disabled { background-color: var(--color-selectionControls-multipleChoice-background-disabled); }
.disabled\:text-\[var\(--color-selectionControls-multipleChoice-foreground-disabled\)\]:disabled { color: var(--color-selectionControls-multipleChoice-foreground-disabled); }
.disabled\:no-underline:disabled { text-decoration-line: none; }
.disabled\:opacity-50:disabled { opacity: 0.5; }
.peer:checked ~ .peer-checked\:border-\[var\(--color-background-brand-primary\)\] { border-color: var(--color-background-brand-primary); }
.peer:checked ~ .peer-checked\:\!bg-\[var\(--color-background-brand-primary\)\] { background-color: var(--color-background-brand-primary) !important; }
.peer:placeholder-shown ~ .peer-placeholder-shown\:text-\[length\:var\(--fontSize-font-size-rg\)\] { font-size: var(--fontSize-font-size-rg); }
.peer:focus ~ .peer-focus\:top-0 { top: 0px; }
.peer:focus ~ .peer-focus\:text-\[length\:var\(--fontSize-font-size-sm\)\] { font-size: var(--fontSize-font-size-sm); }
.peer:disabled ~ .peer-disabled\:cursor-not-allowed { cursor: not-allowed; }
.peer:disabled ~ .peer-disabled\:opacity-70 { opacity: 0.7; }
.data-\[state\=checked\]\:translate-x-\[100\%\][data-state="checked"] { --tw-translate-x: 100%; }
.data-\[state\=checked\]\:translate-x-\[100\%\][data-state="checked"], .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] { --tw-translate-x: 0px; }
.data-\[state\=unchecked\]\:border-0[data-state="unchecked"] { border-width: 0px; }
.data-\[state\=checked\]\:border-\[var\(--color-primary-500\)\][data-state="checked"] { border-color: var(--color-primary-500); }
.data-\[state\=checked\]\:border-\[var\(--color-selectionControls-checkbox-border-error\)\][data-state="checked"] { border-color: var(--color-selectionControls-checkbox-border-error); }
.data-\[state\=active\]\:bg-\[var\(--color-menu-tabs-background-selected\)\][data-state="active"] { background-color: var(--color-menu-tabs-background-selected); }
.data-\[state\=active\]\:bg-transparent[data-state="active"] { background-color: transparent; }
.data-\[state\=active\]\:bg-white[data-state="active"] { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); }
.data-\[state\=checked\]\:bg-\[var\(--color-primary-500\)\][data-state="checked"] { background-color: var(--color-primary-500); }
.data-\[state\=checked\]\:bg-\[var\(--color-selectionControls-toggle-background-selected\)\][data-state="checked"] { background-color: var(--color-selectionControls-toggle-background-selected); }
.data-\[state\=on\]\:bg-\[var\(--color-selectionControls-multipleChoice-background-selected\)\][data-state="on"] { background-color: var(--color-selectionControls-multipleChoice-background-selected); }
.data-\[state\=unchecked\]\:bg-neutral-200[data-state="unchecked"] { --tw-bg-opacity: 1; background-color: rgb(229 229 229/var(--tw-bg-opacity)); }
.data-\[state\=active\]\:font-bold[data-state="active"] { font-weight: 700; }
.data-\[state\=active\]\:text-\[var\(--color-foreground-content-inverse-enabled\)\][data-state="active"] { color: var(--color-foreground-content-inverse-enabled); }
.data-\[state\=on\]\:text-\[var\(--color-selectionControls-multipleChoice-foreground-selected\)\][data-state="on"] { color: var(--color-selectionControls-multipleChoice-foreground-selected); }
.data-\[state\=active\]\:shadow-sm[data-state="active"] { --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
@media (min-width: 640px) {
  .sm\:mx-auto { margin-left: auto; margin-right: auto; }
  .sm\:flex-row { flex-direction: row; }
  .sm\:items-start { align-items: flex-start; }
  .sm\:justify-end { justify-content: flex-end; }
  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.5rem * var(--tw-space-x-reverse)); margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse))); }
  .sm\:rounded-lg { border-radius: 0.5rem; }
  .sm\:text-left { text-align: left; }
}
@media (min-width: 768px) {
  .md\:fixed { position: fixed; }
  .md\:ml-4 { margin-left: 1rem; }
  .md\:mr-4 { margin-right: 1rem; }
  .md\:hidden { display: none; }
  .md\:h-\[1500px\] { height: 1500px; }
  .md\:h-\[var\(--dimension-48\)\] { height: var(--dimension-48); }
  .md\:w-40 { width: 10rem; }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .md\:px-11 { padding-left: 2.75rem; padding-right: 2.75rem; }
  .md\:\!pt-\[31px\] { padding-top: 31px !important; }
  .md\:text-\[16px\] { font-size: 16px; }
  .md\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
}
@media (min-width: 1024px) {
  .lg\:static { position: static; }
  .lg\:absolute { position: absolute; }
  .lg\:relative { position: relative; }
  .lg\:bottom-0 { bottom: 0px; }
  .lg\:bottom-\[164px\] { bottom: 164px; }
  .lg\:top-\[133px\] { top: 133px; }
  .lg\:top-\[80px\] { top: 80px; }
  .lg\:order-1 { order: 1; }
  .lg\:order-2 { order: 2; }
  .lg\:col-span-1 { grid-column: span 1 / span 1; }
  .lg\:col-span-3 { grid-column: span 3 / span 3; }
  .lg\:col-span-4 { grid-column: span 4 / span 4; }
  .lg\:m-0 { margin: 0px; }
  .lg\:m-2 { margin: 0.5rem; }
  .lg\:mx-0 { margin-left: 0px; margin-right: 0px; }
  .lg\:mx-\[30px\] { margin-left: 30px; margin-right: 30px; }
  .lg\:mx-auto { margin-left: auto; margin-right: auto; }
  .lg\:my-8 { margin-top: 2rem; margin-bottom: 2rem; }
  .lg\:mb-0 { margin-bottom: 0px; }
  .lg\:mb-8 { margin-bottom: 2rem; }
  .lg\:mb-\[44px\] { margin-bottom: 44px; }
  .lg\:ml-0 { margin-left: 0px; }
  .lg\:ml-2 { margin-left: 0.5rem; }
  .lg\:ml-4 { margin-left: 1rem; }
  .lg\:ml-\[72px\] { margin-left: 72px; }
  .lg\:mr-2 { margin-right: 0.5rem; }
  .lg\:mr-4 { margin-right: 1rem; }
  .lg\:mr-6 { margin-right: 1.5rem; }
  .lg\:mr-\[26px\] { margin-right: 26px; }
  .lg\:mt-0 { margin-top: 0px; }
  .lg\:mt-10 { margin-top: 2.5rem; }
  .lg\:mt-16 { margin-top: 4rem; }
  .lg\:mt-4 { margin-top: 1rem; }
  .lg\:mt-40 { margin-top: 10rem; }
  .lg\:mt-8 { margin-top: 2rem; }
  .lg\:mt-\[34px\] { margin-top: 34px; }
  .lg\:mt-\[47px\] { margin-top: 47px; }
  .lg\:line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .lg\:block { display: block; }
  .lg\:inline { display: inline; }
  .lg\:flex { display: flex; }
  .lg\:grid { display: grid; }
  .lg\:hidden { display: none; }
  .lg\:h-1\/2 { height: 50%; }
  .lg\:h-40 { height: 10rem; }
  .lg\:h-\[150px\] { height: 150px; }
  .lg\:h-\[280px\] { height: 280px; }
  .lg\:h-\[346px\] { height: 346px; }
  .lg\:h-\[350px\] { height: 350px; }
  .lg\:h-\[37px\] { height: 37px; }
  .lg\:h-\[400px\] { height: 400px; }
  .lg\:h-\[472px\] { height: 472px; }
  .lg\:h-\[82px\] { height: 82px; }
  .lg\:h-auto { height: auto; }
  .lg\:h-full { height: 100%; }
  .lg\:min-h-\[116px\] { min-height: 116px; }
  .lg\:min-h-\[57px\] { min-height: 57px; }
  .lg\:w-1\/2 { width: 50%; }
  .lg\:w-1\/3 { width: 33.3333%; }
  .lg\:w-1\/5 { width: 20%; }
  .lg\:w-2\/3 { width: 66.6667%; }
  .lg\:w-2\/5 { width: 40%; }
  .lg\:w-3\/4 { width: 75%; }
  .lg\:w-3\/5 { width: 60%; }
  .lg\:w-4\/5 { width: 80%; }
  .lg\:w-44 { width: 11rem; }
  .lg\:w-6\/12 { width: 50%; }
  .lg\:w-60 { width: 15rem; }
  .lg\:w-\[240px\] { width: 240px; }
  .lg\:w-\[244px\] { width: 244px; }
  .lg\:w-\[276px\] { width: 276px; }
  .lg\:w-\[300px\] { width: 300px; }
  .lg\:w-\[335px\] { width: 335px; }
  .lg\:w-\[517px\] { width: 517px; }
  .lg\:w-\[612px\] { width: 612px; }
  .lg\:w-\[637px\] { width: 637px; }
  .lg\:w-\[78px\] { width: 78px; }
  .lg\:w-\[82px\] { width: 82px; }
  .lg\:w-\[85\%\] { width: 85%; }
  .lg\:w-auto { width: auto; }
  .lg\:w-fit { width: fit-content; }
  .lg\:w-full { width: 100%; }
  .lg\:min-w-\[282px\] { min-width: 282px; }
  .lg\:min-w-\[375px\] { min-width: 375px; }
  .lg\:max-w-80 { max-width: 20rem; }
  .lg\:max-w-96 { max-width: 24rem; }
  .lg\:max-w-\[1076px\] { max-width: 1076px; }
  .lg\:max-w-\[282px\] { max-width: 282px; }
  .lg\:max-w-\[415px\] { max-width: 415px; }
  .lg\:flex-initial { flex: 0 1 auto; }
  .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .lg\:flex-row { flex-direction: row; }
  .lg\:flex-col { flex-direction: column; }
  .lg\:flex-col-reverse { flex-direction: column-reverse; }
  .lg\:flex-wrap { flex-wrap: wrap; }
  .lg\:items-start { align-items: flex-start; }
  .lg\:items-end { align-items: flex-end; }
  .lg\:items-center { align-items: center; }
  .lg\:items-baseline { align-items: baseline; }
  .lg\:justify-start { justify-content: flex-start; }
  .lg\:justify-end { justify-content: flex-end; }
  .lg\:justify-center { justify-content: center; }
  .lg\:justify-between { justify-content: space-between; }
  .lg\:justify-items-center { justify-items: center; }
  .lg\:gap-0 { gap: 0px; }
  .lg\:gap-3 { gap: 0.75rem; }
  .lg\:gap-4 { gap: 1rem; }
  .lg\:gap-5 { gap: 1.25rem; }
  .lg\:gap-6 { gap: 1.5rem; }
  .lg\:gap-8 { gap: 2rem; }
  .lg\:gap-\[30px\] { gap: 30px; }
  .lg\:gap-\[var\(--spacing-4x\)\] { gap: var(--spacing-4x); }
  .lg\:gap-\[var\(--spacing-8x\)\] { gap: var(--spacing-8x); }
  .lg\:rounded-lg { border-radius: 0.5rem; }
  .lg\:rounded-tr-\[25px\] { border-top-right-radius: 25px; }
  .lg\:border-b-0 { border-bottom-width: 0px; }
  .lg\:bg-\[--colorBackgroundNeutralDim\] { background-color: var(--colorBackgroundNeutralDim); }
  .lg\:bg-transparent { background-color: transparent; }
  .lg\:p-0 { padding: 0px; }
  .lg\:\!px-12 { padding-left: 3rem !important; padding-right: 3rem !important; }
  .lg\:px-0 { padding-left: 0px; padding-right: 0px; }
  .lg\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  .lg\:px-16 { padding-left: 4rem; padding-right: 4rem; }
  .lg\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  .lg\:px-\[72px\] { padding-left: 72px; padding-right: 72px; }
  .lg\:px-\[var\(--spacing-12x\)\] { padding-left: var(--spacing-12x); padding-right: var(--spacing-12x); }
  .lg\:px-\[var\(--spacing-16x\)\] { padding-left: var(--spacing-16x); padding-right: var(--spacing-16x); }
  .lg\:px-\[var\(--spacing-32x\)\] { padding-left: var(--spacing-32x); padding-right: var(--spacing-32x); }
  .lg\:px-\[var\(--spacing-36x\)\] { padding-left: var(--spacing-36x); padding-right: var(--spacing-36x); }
  .lg\:py-0 { padding-top: 0px; padding-bottom: 0px; }
  .lg\:py-16 { padding-top: 4rem; padding-bottom: 4rem; }
  .lg\:py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; }
  .lg\:py-\[var\(--spacing-12x\)\] { padding-top: var(--spacing-12x); padding-bottom: var(--spacing-12x); }
  .lg\:py-\[var\(--spacing-8x\)\] { padding-top: var(--spacing-8x); padding-bottom: var(--spacing-8x); }
  .lg\:pb-0 { padding-bottom: 0px; }
  .lg\:pb-4 { padding-bottom: 1rem; }
  .lg\:pb-8 { padding-bottom: 2rem; }
  .lg\:pb-\[13px\] { padding-bottom: 13px; }
  .lg\:pb-\[30px\] { padding-bottom: 30px; }
  .lg\:pb-\[31px\] { padding-bottom: 31px; }
  .lg\:pl-0 { padding-left: 0px; }
  .lg\:pl-80 { padding-left: 20rem; }
  .lg\:pl-\[50px\] { padding-left: 50px; }
  .lg\:pl-\[var\(--spacing-24x\)\] { padding-left: var(--spacing-24x); }
  .lg\:pr-0 { padding-right: 0px; }
  .lg\:pr-\[var\(--spacing-24x\)\] { padding-right: var(--spacing-24x); }
  .lg\:pt-0 { padding-top: 0px; }
  .lg\:pt-2 { padding-top: 0.5rem; }
  .lg\:pt-7 { padding-top: 1.75rem; }
  .lg\:pt-8 { padding-top: 2rem; }
  .lg\:pt-\[102px\] { padding-top: 102px; }
  .lg\:pt-\[20\%\] { padding-top: 20%; }
  .lg\:pt-\[28px\] { padding-top: 28px; }
  .lg\:pt-\[65px\] { padding-top: 65px; }
  .lg\:pt-\[85px\] { padding-top: 85px; }
  .lg\:text-\[length\:--fontSize-font-size-md\] { font-size: var(--fontSize-font-size-md); }
  .lg\:text-\[length\:--fontSize-font-size-xxl\] { font-size: var(--fontSize-font-size-xxl); }
  .lg\:text-\[length\:var\(--fontSize-font-size-lg\)\] { font-size: var(--fontSize-font-size-lg); }
  .lg\:text-\[length\:var\(--fontSize-font-size-xl\)\] { font-size: var(--fontSize-font-size-xl); }
  .lg\:text-\[length\:var\(--fontSize-font-size-xxl\)\] { font-size: var(--fontSize-font-size-xxl); }
  .lg\:before\:h-\[346px\]::before { content: var(--tw-content); height: 346px; }
}
@media (min-width: 1440px) {
  .lgDesktop\:max-w-\[1440px\] { max-width: 1440px; }
}
@media (prefers-color-scheme: dark) {
  .dark\:border-neutral-800 { --tw-border-opacity: 1; border-color: rgb(38 38 38/var(--tw-border-opacity)); }
  .dark\:bg-neutral-800\/30 { background-color: rgba(38, 38, 38, 0.3); }
  .dark\:placeholder\:text-neutral-400::placeholder { --tw-text-opacity: 1; color: rgb(163 163 163/var(--tw-text-opacity)); }
  .dark\:focus-visible\:border-neutral-300:focus-visible { --tw-border-opacity: 1; border-color: rgb(212 212 212/var(--tw-border-opacity)); }
  .dark\:focus-visible\:ring-neutral-300\/50:focus-visible { --tw-ring-color: hsla(0,0%,83%,.5); }
}
.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button, .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button { appearance: none; }
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar { display: none; }
.\[\&\>button\]\:p-0 > button { padding: 0px; }
.\[\&\>button\]\:pr-4 > button { padding-right: 1rem; }
.\[\&_a\]\:text-xs a { font-size: 0.75rem; line-height: 1rem; }
.\[\&_a\]\:underline a { text-decoration-line: underline; }
.\[\&_b\]\:font-bold b { font-weight: 700; }
.\[\&_span\]\:text-sm span { font-size: 0.875rem; line-height: 1.25rem; }
.\[\&_strong\]\:font-normal strong { font-weight: 400; }
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) { width: 1rem; height: 1rem; }
.\[\&_svg\]\:pointer-events-none svg { pointer-events: none; }
.\[\&_svg\]\:size-4 svg { width: 1rem; height: 1rem; }
.\[\&_svg\]\:size-5 svg { width: 1.25rem; height: 1.25rem; }
.\[\&_svg\]\:size-6 svg { width: 1.5rem; height: 1.5rem; }
.\[\&_svg\]\:size-7 svg { width: 1.75rem; height: 1.75rem; }
.\[\&_svg\]\:size-8 svg { width: 2rem; height: 2rem; }
.\[\&_svg\]\:size-\[var\(--dimension-12\)\] svg { width: var(--dimension-12); height: var(--dimension-12); }
.\[\&_svg\]\:size-\[var\(--dimension-14\)\] svg { width: var(--dimension-14); height: var(--dimension-14); }
.\[\&_svg\]\:size-\[var\(--dimension-18\)\] svg { width: var(--dimension-18); height: var(--dimension-18); }
.\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; }
.\[\&_svg\]\:fill-\[var\(--color-buttons-header-standard-inverse-foreground-enabled\)\] svg { fill: var(--color-buttons-header-standard-inverse-foreground-enabled); }
.\[\&_svg\]\:fill-\[var\(--color-buttons-primary-large-foreground-enabled\)\] svg { fill: var(--color-buttons-primary-large-foreground-enabled); }
.\[\&_svg\]\:fill-\[var\(--color-foreground-content-enabled\)\] svg { fill: var(--color-foreground-content-enabled); }
.\[\&_svg\]\:text-\[var\(--color-indicators-notification-foreground-danger\)\] svg { color: var(--color-indicators-notification-foreground-danger); }
.\[\&_svg\]\:text-\[var\(--color-indicators-notification-foreground-positive\)\] svg { color: var(--color-indicators-notification-foreground-positive); }
.\[\&_svg\]\:text-\[var\(--color-status-info-on-container\)\] svg { color: var(--color-status-info-on-container); }
.hover\:\[\&_svg\]\:fill-\[var\(--color-buttons-header-standard-inverse-foreground-pressed\)\] svg:hover { fill: var(--color-buttons-header-standard-inverse-foreground-pressed); }
.hover\:\[\&_svg\]\:fill-\[var\(--color-buttons-primary-large-foreground-enabled\)\] svg:hover { fill: var(--color-buttons-primary-large-foreground-enabled); }
.hover\:\[\&_svg\]\:fill-\[var\(--color-buttons-secondary-large-foreground-enabled\)\] svg:hover { fill: var(--color-buttons-secondary-large-foreground-enabled); }
.hover\:\[\&_svg\]\:stroke-\[var\(--color-buttons-secondary-large-foreground-enabled\)\] svg:hover { stroke: var(--color-buttons-secondary-large-foreground-enabled); }


@font-face { font-family: __brooklynSamuelsThreeBold_b4e91a; src: url("../scraped_assets/fonts/31058e87e26d98cb-s.p.otf") format("opentype"); font-display: swap; }
@font-face{font-display:swap; font-family: __brooklynSamuelsThreeBold_Fallback_b4e91a; src: local("Arial"); ascent-override: 94.3%; descent-override: 29.78%; line-gap-override: 24.82%; size-adjust: 80.59%; }
.__className_b4e91a { font-family: __brooklynSamuelsThreeBold_b4e91a, __brooklynSamuelsThreeBold_Fallback_b4e91a; }
.__variable_b4e91a { --font-brooklyn-samuels-three-bold: "__brooklynSamuelsThreeBold_b4e91a","__brooklynSamuelsThreeBold_Fallback_b4e91a"; }
@font-face { font-family: __nunitoSans_d18374; src: url("../scraped_assets/fonts/aea2beb65035a4f8-s.p.ttf") format("truetype"); font-display: swap; }
@font-face{font-display:swap; font-family: __nunitoSans_Fallback_d18374; src: local("Arial"); ascent-override: 103.02%; descent-override: 35.97%; line-gap-override: 0%; size-adjust: 98.13%; }
.__className_d18374 { font-family: __nunitoSans_d18374, __nunitoSans_Fallback_d18374; }
.__variable_d18374 { --font-nunito-sans: "__nunitoSans_d18374","__nunitoSans_Fallback_d18374"; }


@keyframes go2264125279 { 
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  100% { transform: scale(1) rotate(45deg); opacity: 1; }
}
@keyframes go3020080000 { 
  0% { transform: scale(0); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes go463499852 { 
  0% { transform: scale(0) rotate(90deg); opacity: 0; }
  100% { transform: scale(1) rotate(90deg); opacity: 1; }
}
@keyframes go1268368563 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes go1310225428 { 
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  100% { transform: scale(1) rotate(45deg); opacity: 1; }
}
@keyframes go651618207 { 
  0% { height: 0px; width: 0px; opacity: 0; }
  40% { height: 0px; width: 6px; opacity: 1; }
  100% { opacity: 1; height: 10px; }
}
@keyframes go901347462 { 
  0% { transform: scale(0.6); opacity: 0.4; }
  100% { transform: scale(1); opacity: 1; }
}
.go4109123758 { z-index: 9999; }
.go4109123758 > * { pointer-events: auto; }


#truyo-consent-module #cookieSettingButton { font-weight: normal; }
#truyo-consent-module #cookieSettingButton { visibility: hidden; }
#truyo-consent-module #acceptAllCookieButton { visibility: hidden; }
#truyo-consent-module.sticky-footer button:hover { opacity: 0.85; }
#truyo-consent-module #cookieSettingButton:hover { opacity: 0.85; }
@media only screen and (min-width: 769px) {
  #truyo-consent-module #cookieSettingButton::after { content: "Your Privacy Choices"; visibility: visible; display: block; position: absolute; background-color: rgb(252, 76, 2); padding: 5px; width: 12em; bottom: 10px; color: rgb(255, 255, 255); right: 10px; border-radius: 4px; }
  #truyo-consent-module #acceptAllCookieButton::after { content: "Continue to Site"; visibility: visible; display: block; position: absolute; background-color: rgb(252, 76, 2); padding: 5px; top: 10px; color: rgb(255, 255, 255); right: 10px; width: 12em; border-radius: 4px; }
  #truyo-consent-module.sticky-footer { }
}
@media only screen and (max-width: 768px) {
  #truyo-consent-module #cookieSettingButton::after { content: "Your Privacy Choices"; visibility: visible; display: block; position: absolute; background-color: rgb(252, 76, 2); padding: 5px; width: 46%; bottom: 15px; color: rgb(255, 255, 255); left: 3%; border-radius: 4px; }
  #truyo-consent-module #acceptAllCookieButton::after { content: "Continue to Site"; visibility: visible; display: block; position: absolute; background-color: rgb(252, 76, 2); padding: 5px; bottom: 15px; color: rgb(255, 255, 255); right: 3%; width: 46%; border-radius: 4px; }
}
@media only screen and (min-width: 1200px) {
  #truyo-consent-module.sticky-footer { min-height: 90px; }
}
#truyoConsentCookieSettings div.modal-dialog { width: auto !important; height: auto; }
#cookieSettingsModalForm > div > div.modal-footer.align-items-center > div.width-100.text-align-center > button.btn.btn-secondary.close.mr-5.cookieSettingsModalFormSubmit { position: static !important; }
.truyoConsentCookieSettings .modal-content { flex-flow: column; }
.cookieListTable { display: none; }
#truyoConsentCookieSettings button.btn.btn-secondary.close.mr-5.cookieSettingsModalFormSubmit { border: 1px solid; border-radius: 30px; width: 6em; text-transform: uppercase; font-weight: 600; height: 2.4em !important; font-size: 16px !important; }
#truyoConsentCookieSettings button.btn.btn-primary.mr-5.cookieSettingsModalFormSubmit { border-radius: 30px; width: 5em; text-transform: uppercase; font-weight: 600; height: 2.4em !important; font-size: 16px !important; }
#truyoConsentCookieSettings #cookieSettingsModalForm > div > div.modal-header > h4 { display: flex; position: relative; align-items: center; justify-content: center; }
#truyoConsentCookieSettings #pane-privacyPolicy > h5 { font-size: 15px !important; }
#truyo-consent-module.sticky-footer.d-flex { display: none !important; }
#truyoConsentCookieSettings [data-i18n="[html]texts.privacyPolicyContent"] a { text-decoration: underline !important; font-weight: bold !important; }


.truyoConsentCookieSettings .switch-input:checked + .switch-label::before, .truyo-switch input[type="checkbox"]:checked, .truyo-switch-sm input[type="checkbox"]:checked { background-color: rgb(252, 76, 2); color: rgb(252, 76, 2); border-color: rgb(252, 76, 2); }


.truyoConsentCookieSettings .switch-input:checked + .switch-label::after, .truyo-switch input[type="checkbox"]:checked, .truyo-switch-sm input[type="checkbox"]:checked { color: rgb(252, 76, 2); border-color: rgb(252, 76, 2); }


.truyoConsentCookieSettings .switch-input:checked + .switch-label.disabled::after { color: rgb(252, 76, 2); border-color: rgb(252, 76, 2); }


.truyoConsentCookieSettings .tab-title-bar a.active { border-bottom: 4px solid rgb(100, 204, 201); }


.inline-style-cj6gu4 { margin-top: 0px; margin-bottom: 0px; align-items: flex-end; }


.noOutline { outline: none !important; }
.wcagOutline:focus { outline: rgb(89, 89, 89) dashed 1px !important; outline-offset: 2px !important; transition: none !important; }


@keyframes MDigital_spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}