.dining-mix{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"figure lead" "figure steps";align-items:center;column-gap:2.4rem;row-gap:.4rem;margin:.9rem 0 2.4rem;padding:1.2rem 2rem;border:0;border-radius:var(--inputs-radius, 6px);background:var(--jj-offer-tint)}.dining-mix__figure{grid-area:figure;display:flex;flex-direction:column;align-items:center;margin:0;line-height:1}.dining-mix__pct{color:var(--jj-offer-ink);font-size:4rem;font-weight:800;letter-spacing:-.03em}.dining-mix__sym{font-size:.5em;font-weight:700;vertical-align:super;margin-left:.05em}.dining-mix__off{margin-top:.4rem;color:var(--jj-offer-ink);font-size:1.1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.dining-mix__lead{grid-area:lead;margin:0;color:var(--jj-ink);font-size:1.6rem;line-height:1.4}.dining-mix__steps{grid-area:steps;margin:0;padding:0;list-style:none;color:var(--jj-ink);font-size:1.4rem;font-weight:600;line-height:1.5}.dining-mix__step{display:inline;white-space:nowrap}.dining-mix__step:not(:last-child):after,.dining-mix__step+.dining-mix__step:before{display:inline-block;width:1.3rem;height:1.3rem;vertical-align:-.15em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat}.dining-mix__step:not(:last-child):after{content:"";margin:0 .3rem 0 .8rem}@media screen and (max-width:749px){.dining-mix{grid-template-areas:"figure lead" "steps steps";column-gap:1.4rem;row-gap:.8rem;margin:.5rem 0 2rem;padding:1.2rem 1.4rem}.dining-mix__pct{font-size:3.2rem}.dining-mix__off{font-size:1rem}.dining-mix__lead{font-size:1.4rem}.dining-mix__steps{font-size:1.3rem}.dining-mix__step{display:block;white-space:normal}.dining-mix__step:not(:last-child):after{content:none}.dining-mix__step+.dining-mix__step:before{content:"";display:block;width:1.2rem;height:1.2rem;margin:.2rem 0 .2rem .1rem;transform:rotate(90deg)}}
/*# sourceMappingURL=/cdn/shop/t/114/assets/component-dining-offer-banner.css.map */