.process-steps{max-width:1100px;margin:0 auto 20px;display:flex;justify-content:center}.process-steps-wrapper{display:inline-flex;flex-direction:column;width:100%}.process-steps .process-steps-heading{font-size:24px;line-height:1;margin-bottom:10px}.process-steps-container{position:relative}.start-over-button{position:absolute;right:0;top:-30px;color:var(--color-anchor-text);display:none}#start-over{color:var(--color-anchor-text);cursor:pointer;font-size:14px;font-weight:600;letter-spacing:1px}.steps-wrapper{display:flex;flex-wrap:wrap;align-items:center}.step{position:relative;display:flex;flex:1 1 auto;cursor:pointer;height:100%;width:33.33%;opacity:.5}.step.active{opacity:1}.step-container{position:relative;display:flex;width:100%;min-height:48px;justify-content:center}.step.first-step{order:-1}.step-count{display:flex;align-items:center;justify-content:center}.step-count .product-link{display:none}.step-count .product-img{display:flex}.step .count{font-size:18px;line-height:1;position:relative;font-weight:600;padding:0 15px}.step .count:after{content:"";height:120%;width:1px;background-color:#000;position:absolute;right:0;top:50%;transform:translateY(-50%)}.step-3 .product-link{pointer-events:none}.title-wrapper{margin-left:15px}.title-wrapper .title{font-size:14px;text-transform:uppercase;font-weight:600;letter-spacing:.5px;line-height:1}.product-selection{flex:1 1 auto;display:none;align-items:center;justify-content:flex-end}.product-selection .icon-wrapper{display:flex;padding:8px 15px;border:1px dashed #c6c8ce;border-radius:4px}.has-active-item .product-selection .icon-wrapper{display:none}.has-active-item .product-selection{display:flex}.product-selection svg{width:30px;height:30px;fill:#c6c8ce}.product-img{overflow:hidden;border-radius:50%;display:flex}.current-diamond-option,.current-ring-setting{display:none;flex-direction:column;align-items:center;justify-self:center}.has-active-item .current-diamond-option,.has-active-item .current-ring-setting{display:flex}.current-diamond-option img,.current-ring-setting img{max-width:40px;border-radius:50%;scale:1.4}.current-diamond-option .product-link,.current-ring-setting .product-link{font-size:14px;display:flex;line-height:1}.step-count .product-link a{text-decoration:underline;flex:1 1 auto}.product-selection .product-link a{text-decoration:underline;font-size:8px}.current-diamond-option .product-link span,.current-ring-setting .product-link span{display:block;margin:0 3px;font-size:8px}@media screen and (max-width: 767px){.process-steps{margin-bottom:10px;padding:0}.process-steps .process-steps-heading{font-size:14px;margin-bottom:10px;padding-left:10px;font-weight:500;letter-spacing:.5px}.start-over-button{top:-20px;right:10px}.start-over-button p{font-weight:700!important;line-height:1;text-decoration:underline}#start-over{font-size:12px}.steps-wrapper{box-shadow:0 0 6px #00000029}.steps-wrapper .step{width:40px;max-width:40px;background-color:#ebebeb;border-right:2px solid #fff}.steps-wrapper .step:last-child{border-right:0 solid}.step .count:after{display:none}.step .count{font-size:16px;padding:0 12px}.step.active .step-count{flex-wrap:wrap;justify-content:left}.step-count .product-link{text-align:center}.step:not(.active) .product-selection{display:none}.current-diamond-option .product-link span,.current-ring-setting .product-link span{display:block;margin:0 3px;font-size:10px}.title-wrapper{display:none}.title-wrapper{margin-left:10px}.title-wrapper .title{font-size:10px;letter-spacing:0}.step-container{align-items:center;justify-content:left}.has-active-item .product-selection{padding-right:10px}.product-selection .product-link a{text-decoration:underline;font-size:10px}.steps-wrapper .step.active{background-color:#fff;width:calc(100% - 80px);max-width:calc(100% - 80px);border-right:0px solid}.step.active .title-wrapper,.step.active .count:after{display:block}.has-active-item .step-count .product-link{display:block;text-align:center}.current-diamond-option img,.current-ring-setting img{width:25px;object-fit:cover;height:25px}.current-diamond-option .product-img{display:flex}.product-selection .icon-wrapper{padding:5px}.product-selection svg{width:15px;height:15px;fill:#c6c8ce}}@media (max-width: 420px){.product-selection .icon-wrapper{padding:2px}}@media (max-width: 360px){.step-count .product-link a{font-size:8px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/custom-ring-steps.css.map */