.personalize-progress-bar-section{--progress-active-color: #2f6f3a;--progress-inactive-color: rgba(0, 0, 0, .1);--progress-label-color: rgba(0, 0, 0, .65)}.personalize-progress-bar{display:flex;align-items:center;gap:1.5rem}.personalize-progress-bar__steps{flex:1}.personalize-progress-bar__nav{white-space:nowrap;font-size:18px;color:#4d4d4d}.personalize-progress-bar__nav:after{display:none}button.personalize-progress-bar__nav{opacity:.3}.personalize-progress-bar__nav span{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(0,0,0,.2)}.personalize-progress-bar__list{position:relative;display:flex;align-items:flex-start;justify-content:space-between;margin:0;padding:0;list-style:none}.personalize-progress-bar__item{position:relative;z-index:1;flex:1;text-align:center}.personalize-progress-bar__circle{width:30px;height:30px;margin:0 auto 5px;border-radius:9999px;border:2px solid var(--progress-inactive-color);background-color:#fff;color:var(--progress-label-color);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;z-index:1;position:relative}.personalize-progress-bar__item p{margin:0;line-height:1.3;color:#4d4d4d;opacity:.3;font-size:18px}.personalize-progress-bar__item.active p{opacity:1}.personalize-progress-bar__item{position:relative}.personalize-progress-bar__item-link,.personalize-progress-bar__item-inner{display:block;text-decoration:none;color:inherit;cursor:default}.personalize-progress-bar__item--link .personalize-progress-bar__item-link{cursor:pointer}.personalize-progress-bar__item:not(:last-of-type):after{content:"";position:absolute;top:1.25rem;height:4px;background-color:var(--progress-inactive-color);z-index:0;width:100%;right:-50%}.personalize-progress-bar__item.active:has(+.personalize-progress-bar__item.active):after{background-color:#d99a28}.personalize-progress-bar__item .personalize-progress-bar__circle{background-color:#f3f3f5;border-color:#f3f3f5;color:#4d4d4d}.personalize-progress-bar__item.active .personalize-progress-bar__circle{background-color:#d99a28;border-color:#d99a28;color:#fff}.personalize-progress-bar__number{font-weight:700;font-size:18px}.personalize-progress-bar__text{text-align:center;color:#4d4d4d;display:block;font-weight:500}@media screen and (min-width:751px){.personalize-progress-bar__bg{background-color:#fff;padding:20px}.personalize-progress-bar__number,.personalize-progress-bar__text{display:none}.personalize-progress-bar{width:80%;margin:auto}}@media screen and (max-width:750px){.personalize-progress-bar__number{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.personalize-progress-bar__item:after{display:none}.personalize-progress-bar{align-items:stretch;gap:1rem}.personalize-progress-bar__nav-wrapper{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.personalize-progress-bar__list{margin:0 auto 5px;padding:0;width:100px;height:100px;border-radius:50%;position:relative}.personalize-progress-bar__list:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(#fcfcfc 0 360deg)}.personalize-progress-bar__list:has(li.active:nth-child(1):last-child),.personalize-progress-bar__list:has(li.active:nth-child(1):not(:last-child)){--p: 25%}.personalize-progress-bar__list:has(li.active:nth-child(2):not(:last-child)){--p: 50%}.personalize-progress-bar__list:has(li.active:nth-child(3):not(:last-child)){--p: 75%}.personalize-progress-bar__list:has(li.active:nth-child(4)){--p: 100%}.personalize-progress-bar__list:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(#d99a28 0 var(--p, 0%),#FCFCFC var(--p, 0%) 100%);-webkit-mask:radial-gradient(circle 44px,transparent 98%,black 100%);mask:radial-gradient(circle 44px,transparent 98%,black 100%)}.personalize-progress-bar__item-link{display:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-personalize-progress-bar.css.map */