.ring-builder-steps{max-width:1200px;margin:0 auto;padding:32px 20px 8px}.ring-builder-steps__intro{text-align:center;font-size:15px;line-height:1.6;color:#555;max-width:720px;margin:0 auto 28px}.ring-builder-steps__row{display:flex;align-items:stretch;gap:4px}.ring-builder-steps__step{position:relative;flex:1;display:flex;align-items:center;gap:16px;text-decoration:none;color:#333;background:#f7f7f7;padding:18px 28px 18px 32px;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 50%,calc(100% - 24px) 100%,0 100%,24px 50%);transition:background-color .2s ease}.ring-builder-steps__step:first-child{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 50%,calc(100% - 24px) 100%,0 100%);padding-left:20px}.ring-builder-steps__step:not(:first-child){margin-left:-20px}.ring-builder-steps__step--active{background:#eaf2fd;color:#1d6fd6}.ring-builder-steps__number{font-size:26px;font-weight:300;min-width:20px;color:inherit}.ring-builder-steps__step--active .ring-builder-steps__number{color:#1d6fd6}.ring-builder-steps__step:not(.ring-builder-steps__step--active) .ring-builder-steps__number{color:#aaa}.ring-builder-steps__text{display:flex;flex-direction:column;gap:2px;flex:1}.ring-builder-steps__title{font-size:15px;font-weight:600}.ring-builder-steps__step--active .ring-builder-steps__title{color:#1d6fd6}.ring-builder-steps__step:not(.ring-builder-steps__step--active) .ring-builder-steps__title{color:#333}.ring-builder-steps__subtitle{font-size:12px;color:#888}.ring-builder-steps__icon{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.85}.ring-builder-steps__step:not(.ring-builder-steps__step--active) .ring-builder-steps__icon{opacity:.35}.ring-builder-steps__icon img,.ring-builder-steps__icon svg{width:100%;height:100%;object-fit:contain}@media screen and (max-width:989px){.ring-builder-steps__row{flex-direction:column;gap:8px}.ring-builder-steps__step,.ring-builder-steps__step:first-child{clip-path:none;border-radius:8px;margin-left:0;padding:16px 20px}}@media screen and (max-width:599px){.ring-builder-steps__intro{font-size:13px;margin-bottom:20px}.ring-builder-steps__title{font-size:14px}.ring-builder-steps__subtitle{font-size:11px}.ring-builder-steps__number{font-size:22px}.ring-builder-steps__icon{width:24px;height:24px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/ring-builder-steps.css.map */