.loyalty-how{text-align:center}.loyalty-how__heading{margin:0 0 35px;font-size:clamp(40px,calc(72 * var(--relative-px)),72px);font-weight:600;line-height:1.2;letter-spacing:normal;color:#404041}.loyalty-how__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px var(--gap)}.loyalty-how__circle{position:relative;width:123.4px;height:123.4px;margin:0 auto 25px;border-radius:50%;background:var(--step-color, #aaa1c5);transition:box-shadow .2s}.loyalty-how__number{display:flex;align-items:center;justify-content:center;height:100%;color:#fff;font-size:72px;line-height:1;font-weight:700;transition:background .2s,color .2s}.loyalty-how__circle:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:4px dashed var(--step-color, #aaa1c5);border-radius:50%;pointer-events:none;opacity:0}.loyalty-how__step:hover .loyalty-how__circle{background:#fff}.loyalty-how__step:hover .loyalty-how__number{color:var(--step-color, #aaa1c5)}.loyalty-how__step:hover .loyalty-how__circle:after{opacity:1;animation:loyalty-how-spin 9s linear infinite}@keyframes loyalty-how-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loyalty-how__title{margin:0 0 12px;font-size:36px;font-weight:700;line-height:1.2;color:#404041}.loyalty-how__text{margin:0;font-size:18px;font-weight:400;line-height:1.2;color:#58595b}@media screen and (max-width:767px){.loyalty-how__heading{font-size:40px}.loyalty-how__grid{grid-template-columns:1fr;gap:32px}.loyalty-how__title{font-size:24px}.loyalty-how__text{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/95/assets/loyalty-how-it-works.css.map */