.step-amount-selector{width:100%;display:flex;flex-flow:row nowrap;align-items:center;gap:1rem}.step-amount-selector .fpt__single-phase{flex:1 1 auto;cursor:pointer;transition:all 0.6s ease-in-out;box-shadow:0 0 10px 3px #fff0;border-radius:50px;overflow:hidden}.step-amount-selector .fpt__single-phase .sp__outer{transition:inherit;position:relative}.step-amount-selector .fpt__single-phase .sp__outer::before{content:'';position:absolute;inset:0;padding:2px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0) border-box;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0) border-box;mask-composite:exclude;-webkit-mask-composite:xor;border-radius:50px;transition:inherit;opacity:.3;background-image:linear-gradient(to bottom,rgb(68 28 196),rgb(68 28 196))}.step-amount-selector .fpt__single-phase .sp__outer .sp__inner{transition:inherit;padding:8px;display:flex;flex-flow:row nowrap;gap:1rem;align-items:center;position:relative}.step-amount-selector .fpt__single-phase .sp__outer .sp__inner::before{transition:inherit;content:'';bottom:0;left:0;position:absolute;width:100%;height:40%;opacity:0;background:radial-gradient(80% 100% at center bottom,#441CC480,transparent)}.step-amount-selector .fpt__single-phase .sp__outer .sp__inner .sp__icon{transition:inherit;opacity:1;height:45px;width:45px;border:2px solid rgb(68 28 196);border-radius:50px;font-size:20px;line-height:1;font-weight:800;color:rgb(68 28 196);display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom,rgb(68 28 196),rgb(68 28 196));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;overflow:hidden;position:relative}.step-amount-selector .fpt__single-phase .sp__outer .sp__inner .sp__icon::before{transition:inherit;opacity:.5;content:'';position:absolute;inset:0;width:100%;height:100%;background:radial-gradient(circle at center,rgb(255 255 255 / .15),transparent)}.step-amount-selector .fpt__single-phase .sp__outer .sp__inner .sp__title{transition:inherit;opacity:1;font-size:16px;font-weight:600;line-height:1;color:rgb(20 22 24)}.step-amount-selector .fpt__single-phase:hover .sp__outer::before{opacity:.5}.step-amount-selector .fpt__single-phase:hover .sp__outer .sp__inner{background:rgb(68 28 196 / .5)}.step-amount-selector .fpt__single-phase:hover .sp__outer .sp__inner::before{opacity:.7;height:50%}.step-amount-selector .fpt__single-phase:hover .sp__outer .sp__inner .sp__icon{opacity:.7}.step-amount-selector .fpt__single-phase:hover .sp__outer .sp__inner .sp__title{opacity:.7}.step-amount-selector .fpt__single-phase.active{box-shadow:0 0 20px 1px rgb(255 255 255 / .15)}.step-amount-selector .fpt__single-phase.active .sp__outer::before{opacity:1}.step-amount-selector .fpt__single-phase.active .sp__outer .sp__inner{background:rgb(68 28 196 / .05)}.step-amount-selector .fpt__single-phase.active .sp__outer .sp__inner::before{opacity:1;height:80%}.step-amount-selector .fpt__single-phase.active .sp__outer .sp__inner .sp__icon{opacity:1}.step-amount-selector .fpt__single-phase.active .sp__outer .sp__inner .sp__icon::before{opacity:1}.step-amount-selector .fpt__single-phase.active .sp__outer .sp__inner .sp__title{opacity:1}@media (max-width:1300px){.step-amount-selector{padding-bottom:14px;overflow-y:auto}}@media (max-width:768px){.step-amount-selector{gap:14px;padding-bottom:14px}.step-amount-selector .fpt__single-phase{flex:1 0 auto;border-radius:10px}.step-amount-selector .fpt__single-phase .sp__outer{transition:inherit;position:relative}.step-amount-selector .fpt__single-phase .sp__outer::before{border-radius:50px}.step-amount-selector .fpt__single-phase .sp__outer .sp__inner{gap:12px}.step-amount-selector .fpt__single-phase .sp__outer .sp__inner .sp__icon{transition:inherit;opacity:.5;height:40px;width:40px;border:2px solid rgb(255 255 255 / .2);border-radius:50px;font-size:18px}.step-amount-selector .fpt__single-phase .sp__outer .sp__inner .sp__title{transition:inherit;opacity:1;font-size:15px;font-weight:600;line-height:1;color:rgb(20 22 24)}}@media (max-width:576px){.step-amount-selector{gap:10px;padding-bottom:14px}.step-amount-selector .fpt__single-phase{flex:1 0 auto;border-radius:50px}.step-amount-selector .fpt__single-phase .sp__outer::before{border-radius:50px}.step-amount-selector .fpt__single-phase .sp__outer .sp__inner{padding:6px 12px 6px 6px;gap:12px}.step-amount-selector .fpt__single-phase .sp__outer .sp__inner .sp__icon{height:24px;width:0;border:2px solid rgb(255 255 255 / .2);border-radius:50px;font-size:15px;visibility:hidden}.step-amount-selector .fpt__single-phase .sp__outer .sp__inner .sp__title{transition:inherit;opacity:1;font-size:14px;font-weight:600;line-height:1;color:rgb(20 22 24)}}