.bc-service-process--animated>.page-width>.bc-service__center{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;max-width:100%;text-align:left;margin-bottom:42px}.bc-service-process--animated>.page-width>.bc-service__center p{margin:0}.bc-service-process--animated bc-service-plan.bc-service__steps{display:grid;grid-template-columns:repeat(var(--service-plan-columns,3),minmax(0,1fr));gap:28px}.bc-service-process--animated bc-service-plan.bc-service__steps>article{min-width:0;position:relative;border:0;border-top:1px solid #292929;padding:30px 0 0;text-align:left}.bc-service-process--animated bc-service-plan.bc-service__steps>article:before{content:"";position:absolute;top:-1px;inset-inline:0;width:100%;height:1px;border-radius:0;background:linear-gradient(90deg,#535353,#929292);transform:scaleX(1);transform-origin:left center;transition:transform .9s cubic-bezier(.22,1,.36,1) var(--service-step-delay,0ms)}.bc-service-process--animated bc-service-plan.bc-service__steps[data-plan-ready]:not(.is-active)>article:before{transform:scaleX(0);transition:none}.bc-service-process--animated bc-service-plan.bc-service__steps>article>span{display:block;font-size:13px;color:#7cffcb}.bc-service-process--animated bc-service-plan.bc-service__steps h3{font-size:24px;line-height:1.25;margin-top:18px;min-height:0}.bc-service-process--animated bc-service-plan.bc-service__steps p{font-size:14px;line-height:1.7;margin-top:16px}@media(min-width:750px){.bc-service-process--animated bc-service-plan.bc-service__steps[style] h3{min-height:2.5em}}@media(min-width:1100px){.bc-service-process--animated bc-service-plan.bc-service__steps[style]{gap:30px}}@media(min-width:750px)and (max-width:1099px){.bc-service-process--animated>.page-width>.bc-service__center{gap:36px}.bc-service-process--animated bc-service-plan.bc-service__steps{gap:32px}.bc-service-process--animated bc-service-plan.bc-service__steps[style]{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}}@media(max-width:749px){.bc-service-process--animated>.page-width>.bc-service__center{grid-template-columns:1fr;gap:20px;text-align:center;margin-bottom:30px}.bc-service-process--animated bc-service-plan.bc-service__steps{grid-template-columns:minmax(0,1fr);gap:0}.bc-service-process--animated bc-service-plan.bc-service__steps>article{padding:0 0 30px 58px;border:0;min-height:110px}.bc-service-process--animated bc-service-plan.bc-service__steps>article:last-child{padding-bottom:0;min-height:0}.bc-service-process--animated bc-service-plan.bc-service__steps>article>span{position:absolute;inset:0 auto auto 0;display:grid;place-items:center;width:36px;height:36px;border:1px solid #496357;border-radius:50%;background:#181e1b;color:#7cffcb;font-size:11px;z-index:1}.bc-service-process--animated bc-service-plan.bc-service__steps>article:before,.bc-service-process--animated bc-service-plan.bc-service__steps>article:after{content:"";position:absolute;inset:45px auto 9px 18px;width:1px;height:auto;background:#7cffcb20;transform:scaleY(1);transform-origin:top center;border-radius:0}.bc-service-process--animated bc-service-plan.bc-service__steps>article:before{background:linear-gradient(#7cffcb80,#7cffcb20);z-index:1;transition:transform .75s cubic-bezier(.22,1,.36,1)}.bc-service-process--animated bc-service-plan.bc-service__steps[data-plan-ready]>article:not(.is-step-active):before{transform:scaleY(0);transition:none}.bc-service-process--animated bc-service-plan.bc-service__steps[data-plan-ready]>article.is-step-active:before{transform:scaleY(1)}.bc-service-process--animated bc-service-plan.bc-service__steps>article:last-child:before,.bc-service-process--animated bc-service-plan.bc-service__steps>article:last-child:after{display:none}.bc-service-process--animated bc-service-plan.bc-service__steps h3{margin:0;padding-top:3px;font-size:20px;line-height:1.3;text-align:left}.bc-service-process--animated bc-service-plan.bc-service__steps p{margin-top:10px;font-size:13px;line-height:1.7;text-align:left}.bc-service-process--animated bc-service-plan.bc-service__steps[data-plan-ready]>article.is-step-active>span{animation:bc-service-plan-node .65s ease-out both}}@keyframes bc-service-plan-node{0%{box-shadow:0 0 #7cffcb22}to{box-shadow:0 0 0 9px #7cffcb00}}@media(prefers-reduced-motion:reduce){.bc-service-process--animated bc-service-plan.bc-service__steps>article:before{transform:none!important;transition:none}.bc-service-process--animated bc-service-plan.bc-service__steps>article>span{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/black-comet-service-plan.css.map */
