.process-steps{margin-bottom:20px}.process-steps h2{font-size:32px;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;height:76px;border:1px solid #bebebe;border-width:1px 0 1px 1px}.step{position:relative;display:flex;background-color:#fafbfc;flex:1 1 auto;cursor:pointer;height:100%;width:33.33%}.step-container{position:relative;padding:0 20px 0 30px;display:flex;width:100%}.arrow-line{position:absolute;right:-8px;top:0;height:100%}.arrow-line:before{content:"";position:absolute;height:38px;width:1px;background:#bebebe;z-index:2;top:0;right:0;transform:skew(20deg)}.arrow-line:after{content:"";position:absolute;height:38px;width:1px;background:#bebebe;z-index:8;right:0;bottom:0;transform:skew(-20deg)}.step:after{content:"";position:absolute;z-index:1;border-left:var(--arrow-border-left-width) solid #fafbfc;border-top:var(--arrow-border-top-width) solid transparent;border-bottom:var(--arrow-border-top-width) solid transparent;right:-14px}.step.active{background:#d5ebec;height:100%}.step.first-step{order:-1}.step.active:after{border-left:var(--arrow-border-left-width) solid #d5ebec;border-top:var(--arrow-border-top-width) solid transparent;border-bottom:var(--arrow-border-top-width) solid transparent;right:-14px;top:0}.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:40px;margin-right:10px;line-height:1}.step-3 .product-link{pointer-events:none}.title-wrapper p{margin:0;line-height:1}.title-wrapper .subtitle{font-size:18px}.title-wrapper .title{font-size:22px;text-transform:capitalize;font-weight:400}.product-selection{flex:1 1 auto;align-items:center;justify-content:flex-end;display:flex}.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}.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}.step-count .product-link a{text-decoration:underline;flex:1 1 auto}.current-diamond-option .product-link span,.current-ring-setting .product-link span{display:block;margin:0 5px}@media screen and (max-width: 767px){.process-steps{margin-bottom:10px}.process-steps h2{font-size:22px;padding-right:75px;margin-bottom:15px}.start-over-button{top:-30px}#start-over{font-size:12px}.steps-wrapper{height:50px;max-width:98%}.step .count{font-size:24px;margin-right:5px;position:absolute;left:14px}.step-count{flex-wrap:wrap;justify-content:left}.step-count .product-link{text-align:center}.step-count .remove-span,.step-count .remove{display:none}.title-wrapper .title,.title-wrapper .subtitle{font-size:12px}.step-container{padding:0 1px 0 30px;align-items:center}.step-container .product-link{font-size:10px}.has-active-item .step-count .product-link{display:block;text-align:center}.current-diamond-option .product-link,.current-ring-setting .product-link{display:none}.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}.step:after{border-left:10px solid #fafbfc;border-top:25px solid transparent;border-bottom:25px solid transparent;right:-9px}.step.active:after{border-left:10px solid #d5ebec;border-top:25px solid transparent;border-bottom:25px solid transparent;right:-9px}.arrow-line:after{height:24px;right:3px;bottom:0;transform:skew(-21deg)}.arrow-line:before{height:24px;right:3px;transform:skew(21deg)}}@media (max-width: 420px){.title-wrapper .subtitle{font-size:10px}.product-selection .icon-wrapper{padding:2px}}@media (max-width: 360px){.step-count .product-link a{font-size:8px}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/custom-ring-steps.css.map */