.process{background-color:var(--process-bg, #f4f2ec);color:var(--process-text, #0b0b0c)}.process__inner{display:flex;flex-direction:column;gap:40px;padding-block:var(--lvio-pad-y)}.process__steps{position:relative}.process__line{position:absolute;top:28px;bottom:28px;left:27px;width:2px;background-color:var(--process-line, #d8d5cc);transform-origin:top center}.lvio-motion .process__line[data-reveal]{opacity:1;transform:scaleY(0);transition:transform 1.4s var(--lvio-ease-out)}.lvio-motion .process__line[data-reveal].is-revealed{transform:none}.process__list{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:36px;margin:0;padding:0;list-style:none}.process__step{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:20px;row-gap:8px;min-width:0}.process__number{display:flex;grid-row:span 2;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background-color:var(--process-number, #c6f432);color:var(--lvio-ink);font-size:18px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.lvio-section .process__title{align-self:end;font-size:24px;font-weight:600;line-height:1.25;letter-spacing:-.01em}.lvio-section .process__text{font-size:16px;line-height:1.55;color:var(--process-muted, #6b6b6b)}@media(prefers-reduced-motion:reduce){.lvio-motion .process__line[data-reveal]{transform:none}}@media screen and (min-width:750px){.process__line{display:none}.process__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.process__step{display:flex;flex-direction:column;gap:16px}.lvio-section .process__title{align-self:auto;margin-top:4px}}@media screen and (min-width:990px){.process__inner{gap:64px}.process__line{display:block;top:27px;right:28px;bottom:auto;left:28px;width:auto;height:2px;transform-origin:left center}.lvio-motion .process__line[data-reveal]{transform:scaleX(0)}.process__list{grid-template-columns:repeat(4,minmax(0,1fr))}.process__list:has(>:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}.process__list:has(>:nth-child(5))~.process__line,.process__steps:has(.process__list>:nth-child(5)) .process__line{display:none}}@media(prefers-reduced-motion:reduce){.lvio-motion .process__line[data-reveal],.lvio-motion .process__line[data-reveal].is-revealed{transform:none;transition:none}}.process__fill{position:absolute;top:28px;bottom:28px;left:27px;z-index:0;width:2px;background-color:var(--process-number, #c6f432);box-shadow:0 0 12px var(--process-number, #c6f432);transform:scaleY(var(--process-progress, 0));transform-origin:top center;transition:transform .8s var(--lvio-ease-out);pointer-events:none}.process:not(.process--live) .process__fill{display:none}.process__number{position:relative;z-index:1;transition:background-color .4s ease,box-shadow .4s ease,transform .5s var(--lvio-ease-out)}.process--live .process__step:not(.is-active):not(.is-done) .process__number{background-color:var(--process-bg, #f4f2ec);box-shadow:inset 0 0 0 2px var(--process-number, #c6f432);color:inherit}.process__number:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--process-number, #c6f432);opacity:0}.process--live .process__step.is-active .process__number{transform:scale(1.12)}.process--live .process__step.is-active .process__number:after{animation:process-ping 1.6s ease-out infinite}.process--live .process__step.is-active .process__number>span{animation:process-num .5s var(--lvio-ease-out)}.process--live .process__step .process__title,.process--live .process__step .process__text{transition:opacity .4s ease,transform .5s var(--lvio-ease-out)}.process--live .process__step:not(.is-active) .process__title,.process--live .process__step:not(.is-active) .process__text{opacity:.55}.process--live .process__step.is-active .process__title{transform:translate3d(0,-3px,0)}.process__title{position:relative}.process--live .process__step .process__title:after{content:"";position:absolute;bottom:-6px;left:0;width:32px;height:3px;border-radius:3px;background-color:var(--process-number, #c6f432);transform:scaleX(0);transform-origin:left center;transition:transform .5s var(--lvio-ease-out)}.process--live .process__step.is-active .process__title:after{transform:scaleX(1)}@keyframes process-ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@keyframes process-num{0%{opacity:0;transform:translate3d(0,60%,0)}to{opacity:1;transform:none}}@media screen and (min-width:750px)and (max-width:989px){.process__fill{display:none}}@media screen and (min-width:990px){.process__fill{top:27px;right:28px;bottom:auto;left:28px;width:auto;height:2px;transform:scaleX(var(--process-progress, 0));transform-origin:left center}.process__steps:has(.process__list>:nth-child(5)) .process__fill{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/lvio-process.css.map */