:root{--loop-mini-streaks-bg-color:#fff;--loop-mini-streaks-border-color:#fff;--loop-mini-streaks-color:#000;--loop-mini-streaks-accent-color:#ed7009;--loop-mini-streaks-disabled-color:#bfb6b6;--loop-vd-bg-color:#fff;--loop-vd-border-color:#fff;--loop-vd-color:#000;--loop-vd-accent-color:#6d31ed;--loop-vd-disabled-color:#d3c1fa}.step-indicator-row{display:flex;width:100%;align-items:center;padding:2rem 0}.step-default{padding-left:2rem;padding-right:2rem}.step-indicator{position:relative;cursor:pointer;outline:none;align-items:baseline}.step-indicator,.step-indicator-inner{min-height:30px;min-width:30px;display:flex;justify-content:center}.step-indicator-inner{height:2rem;width:2rem;align-items:center;border-radius:9999px;font-weight:600}.step-connector{background-color:var(--loop-mini-streaks-disabled-color)}.step-connector,.step-connector-vd{position:relative;height:.35rem;min-height:5px;flex:1 1;overflow:hidden;border-radius:.25rem}.step-connector-vd{background-color:var(--loop-vd-disabled-color)}.step-connector-inner{position:absolute;left:0;top:0;height:100%}.loop-cp-streak-reward-gift-wrapper{width:2rem;height:2rem;min-width:30px;min-height:30px;display:flex;align-items:center;justify-content:center}.loop-banner-body div:empty,.loop-cp-vd-stepper :empty{display:block}.check-icon{height:1rem;width:1rem;color:#000}.loop-cp-streak-primary-color{color:var(--loop-mini-streaks-accent-color)}.loop-cp-vd-primary-color{color:var(--loop-vd-accent-color)}.loop-cp-streak-disabled-color{color:var(--loop-mini-streaks-disabled-color)}.loop-cp-streak-banner{background-color:var(--loop-mini-streaks-bg-color);color:var(--loop-mini-streaks-color);border:1px solid var(--loop-mini-streaks-border-color)}.loop-cp-vd-banner{background-color:var(--loop-vd-bg-color);color:var(--loop-vd-color);border:1px solid var(--loop-vd-border-color)}.loop-cp-streak-reward-banner-img-container{width:100%;height:auto;display:flex;justify-content:center;align-items:center}.loop-cp-streak-reward-banner-img{max-width:100%;height:auto;object-fit:contain}.loop-cp-streak-icon-wrapper{position:relative;width:2rem;height:2rem;min-height:30px;min-width:30px}.icon-transition{position:absolute;top:0;left:0;transition:opacity .5s ease;opacity:0}.loop-cp-streak-step-indicator{display:flex;flex-direction:column;justify-content:space-between;gap:10px}.loop-cp-streak-step-indicator.step-active .loop-cp-streak-primary-color{opacity:1}.loop-cp-streak-step-indicator.step-active .loop-cp-streak-disabled-color,.loop-cp-streak-step-indicator.step-inactive .loop-cp-streak-primary-color{opacity:0}.loop-cp-streak-step-indicator.step-inactive .loop-cp-streak-disabled-color{opacity:1}.step-indicator.loop-cp-vd-step-indicator{min-width:25px!important;min-height:25px!important}.step-indicator-inner.loop-cp-vd-step-indicator-inner{height:25px!important;width:25px!important;min-width:25px!important;min-height:25px!important}.loop-cp-vd-indicator{transition-property:font-weight;transition-duration:.1s;transition-behavior:allow-discrete}.step-active>.loop-cp-vd-indicator{font-weight:700}.step-inactive>.loop-cp-vd-indicator{font-weight:400}.loop-cp-vd-title{color:var(--loop-vd-color);margin-bottom:.25rem}.loop-cp-space-between{display:flex;flex-direction:column;justify-content:space-between;height:100%}.loop-cp-vd-addproduct-stepper-section{background-color:#d9d9d9;border-radius:15px;padding:20px}