.learn-process{overflow-x:clip}.learn-process__head{margin-bottom:4.8rem}.learn-process__steps{position:relative;margin:0 -2rem}.learn-process__steps:after{content:"";position:absolute;top:0;right:0;bottom:0;width:9.6rem;pointer-events:none;background:linear-gradient(270deg,var(--learn-bg) 0%,rgba(255,251,239,0) 100%)}.learn-process__scroller{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.learn-process__scroller::-webkit-scrollbar{display:none}.learn-process__scroller:focus-visible{outline:.2rem solid var(--learn-teal);outline-offset:-.2rem}.learn-process__track{position:relative;display:grid;grid-template-columns:repeat(5,21.48rem);grid-auto-flow:column;grid-auto-columns:21.48rem;column-gap:5.4rem;align-items:start;width:max-content;min-width:100%;margin:0;padding:0 2rem 3rem;list-style:none;overflow:hidden}.learn-process__step{position:relative;scroll-snap-align:start;scroll-margin-left:2rem}.learn-process__step:nth-child(2n){padding-top:4.8rem}.learn-process__line{top:50%;left:-18.85rem;z-index:0;width:166.7rem;max-width:none;height:auto;transform:translateY(-50%)}.learn-process__card{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.4rem;padding:3.2rem 2.6rem;border-radius:3rem;background-color:var(--step-bg, #e3f6ff)}.learn-process__num{font-size:4rem;line-height:4.4rem;font-weight:600;color:var(--learn-ink);opacity:.28}.learn-process__title{margin:0;font-family:var(--learn-sans);font-size:2.2rem;line-height:2.8rem;font-weight:500;color:var(--learn-ink)}.learn-process__body{margin:0;font-size:1.6rem;line-height:2.1rem;color:var(--learn-gray)}.learn-process__paws{position:absolute;top:0;left:100%;z-index:1;width:5.4rem;height:100%;pointer-events:none}.learn-process__paw{width:2.2rem;height:2.2rem}.learn-process__paw--a{top:9.6rem;left:.6rem;transform:rotate(78deg)}.learn-process__paw--b{top:12.6rem;left:2.7rem;transform:rotate(95deg)}.learn-process__step:nth-child(2n) .learn-process__paw--a{top:9.5rem;left:2.6rem;transform:rotate(83deg)}.learn-process__step:nth-child(2n) .learn-process__paw--b{top:12.6rem;left:.7rem;transform:rotate(91deg)}.learn-process__photo{margin-top:1rem}.learn-process__photo-img{display:block;width:100%;height:43.4rem;border-radius:2rem;object-fit:cover;object-position:50% 33%}@media screen and (min-width:750px){.learn-process__scroller{scroll-snap-type:x proximity}.learn-process__photo{margin-top:2rem}.learn-process__photo-img{border-radius:4.4rem}}.learn-process__scrollbar{margin-top:1.2rem}@media screen and (min-width:1100px){.learn-process__steps{margin:0}.learn-process__scrollbar{display:none}.learn-process__steps:after{display:none}.learn-process__scroller{overflow:visible}.learn-process__track{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;width:auto;padding:0}.learn-process__photo{margin-top:5.6rem}}@media screen and (min-width:1100px)and (max-width:1289px){.learn-process__card{padding:2.4rem 1.8rem}}learn-process-reveal{display:block}learn-process-reveal.is-armed .learn-process__card{opacity:0;transform:translateY(1.6rem)}learn-process-reveal.is-armed .learn-process__paw{opacity:0}learn-process-reveal.is-revealed .learn-process__card{opacity:1;transform:none;transition:opacity .5s ease,transform .5s cubic-bezier(.25,.8,.25,1);transition-delay:var(--reveal-delay, 0ms)}learn-process-reveal.is-revealed .learn-process__paw{opacity:1;transition:opacity .3s ease;transition-delay:var(--reveal-delay, 0ms)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-learn-process.css.map */