.sec-LoyaltyHowItWorks{color:var(--grey-600)}.sec-LoyaltyHowItWorks_Panel{padding-top:var(--loyalty-how-padding-top-mobile, 40px);padding-bottom:var(--loyalty-how-padding-bottom-mobile, 40px)}.sec-LoyaltyHowItWorks_Heading{margin:0 0 38px;color:inherit;text-align:left}.sec-LoyaltyHowItWorks_Heading.title_screen,.sec-LoyaltyHowItWorks_Heading.title_hero,.sec-LoyaltyHowItWorks_Heading.title_section,.sec-LoyaltyHowItWorks_Heading.h0,.sec-LoyaltyHowItWorks_Heading.h1,.sec-LoyaltyHowItWorks_Heading.h2{color:inherit}.sec-LoyaltyHowItWorks_Steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.sec-LoyaltyHowItWorks_Step{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:28px;--loyalty-how-step-marker-bg: var(--grey-300);--loyalty-how-step-text: #d1d1d1;--loyalty-how-step-line: var(--grey-300);--loyalty-how-step-line-fill: 0%}.sec-LoyaltyHowItWorks_Step.is-active,.sec-LoyaltyHowItWorks_Step--highlight.is-active{--loyalty-how-step-marker-bg: #222;--loyalty-how-step-text: #222}.sec-LoyaltyHowItWorks_Step.is-line-filled{--loyalty-how-step-line-fill: 100%}.sec-LoyaltyHowItWorks_StepTrack{display:flex;flex-direction:column;align-items:center;min-height:100%}.sec-LoyaltyHowItWorks_StepNumber{flex:0 0 auto;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background-color:var(--loyalty-how-step-marker-bg);color:#fff;font-family:var(--font-family-aktivGrotesk);font-weight:400;font-size:16px;line-height:24px;transition:background-color .45s ease}.sec-LoyaltyHowItWorks_StepLine{position:relative;flex:1 1 auto;width:1px;min-height:120px;margin-top:0;background-color:var(--loyalty-how-step-line);overflow:hidden}.sec-LoyaltyHowItWorks_StepLine:after{content:"";position:absolute;top:0;left:0;width:100%;height:var(--loyalty-how-step-line-fill);background-color:#222;transition:height .55s ease}.sec-LoyaltyHowItWorks_Step:last-child .sec-LoyaltyHowItWorks_StepLine{display:none}.sec-LoyaltyHowItWorks_StepContent{min-width:0;color:var(--loyalty-how-step-text);padding-bottom:8px;transition:color .45s ease}.sec-LoyaltyHowItWorks_StepTitle{margin:0 0 8px;font-family:var(--font-family-aktivGrotesk);font-weight:600;font-size:16px;line-height:26px;letter-spacing:0;color:inherit;transition:color .45s ease}.sec-LoyaltyHowItWorks_StepText{font-family:var(--font-family-aktivGrotesk);font-weight:400;font-size:16px;line-height:26px;letter-spacing:0;color:inherit}.sec-LoyaltyHowItWorks_StepText p{margin:0;color:inherit;transition:color .45s ease}.sec-LoyaltyHowItWorks_StepText p+p{margin-top:12px}@media screen and (min-width:750px)and (max-width:989px){.sec-LoyaltyHowItWorks_Panel{padding-top:var(--loyalty-how-padding-top-tablet, 48px);padding-bottom:var(--loyalty-how-padding-bottom-tablet, 48px)}.sec-LoyaltyHowItWorks_Steps{gap:8px}}@media screen and (min-width:901px){.sec-LoyaltyHowItWorks{padding-top:var(--loyalty-how-padding-top, 64px);padding-bottom:var(--loyalty-how-padding-bottom, 64px)}.sec-LoyaltyHowItWorks_Panel{background-color:var(--loyalty-how-bg, #f2f2f2);padding:72px 124px}.sec-LoyaltyHowItWorks_Heading{margin-bottom:60px;text-align:center}.sec-LoyaltyHowItWorks_Steps{display:grid;grid-template-columns:repeat(var(--loyalty-how-step-count, 3),minmax(0,1fr));gap:48px}.sec-LoyaltyHowItWorks_Step{display:flex;flex-direction:column;align-items:center;text-align:center;--loyalty-how-step-marker-bg: var(--grey-600);--loyalty-how-step-text: var(--grey-600)}.sec-LoyaltyHowItWorks_Step.is-active{--loyalty-how-step-marker-bg: #222;--loyalty-how-step-text: #222}.sec-LoyaltyHowItWorks_StepTrack{min-height:auto;margin-bottom:16px}.sec-LoyaltyHowItWorks_StepLine{display:none}.sec-LoyaltyHowItWorks_StepContent{padding-bottom:0}.sec-LoyaltyHowItWorks_StepTitle{margin-bottom:16px}.sec-LoyaltyHowItWorks_Heading.h2{line-height:46px;letter-spacing:-1.5%}}
/*# sourceMappingURL=/cdn/shop/t/835/assets/section-loyalty-how-it-works.css.map */