.oc-mr-demo-steps{--oc-mr-ds-text: #2f2725;--oc-mr-ds-muted: #464a4b;--oc-mr-ds-border: #e0e0e0;--oc-mr-ds-accent: #00a5ff;--oc-mr-ds-number-bg: #edf9ff;--oc-mr-ds-connector: #e0e0e0;--oc-mr-ds-gap-pc: 40px;--oc-mr-ds-gap-mobile: 30px;background-color:#fff}.oc-mr-demo-steps .index-section--title{margin:0;color:var(--oc-mr-ds-text);font-size:36px;font-weight:700;line-height:36px}.oc-mr-demo-steps .index-section--subtitle,.oc-mr-demo-steps .index-section--subtitle p{margin:0;color:var(--oc-mr-ds-muted);font-size:18px;line-height:27px}.oc-mr-demo-steps__header{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:40px}.oc-mr-demo-steps__list{display:flex;align-items:center;width:100%;overflow:visible}.oc-mr-demo-steps__item{display:flex;flex:1 1 0;align-self:stretch;min-width:0;overflow:visible}.oc-mr-demo-steps__card{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;height:100%;padding:20px;border:1px solid var(--oc-mr-ds-border);border-radius:8px;background:#fff;box-sizing:border-box;color:inherit;text-decoration:none;transition:border-color .2s ease}a.oc-mr-demo-steps__card{cursor:pointer}a.oc-mr-demo-steps__card:hover,a.oc-mr-demo-steps__card:focus-visible,a.oc-mr-demo-steps__card:active,.oc-mr-demo-steps__card:hover,.oc-mr-demo-steps__card:focus-visible,.oc-mr-demo-steps__card:active{border-color:var(--oc-mr-ds-accent);text-decoration:none;color:inherit;outline:none}.oc-mr-demo-steps__number{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--oc-mr-ds-number-bg);color:var(--oc-mr-ds-accent);font-size:24px;font-weight:700;line-height:29px}.oc-mr-demo-steps__body{display:flex;align-items:flex-start;gap:12px;width:100%;min-width:0}.oc-mr-demo-steps__icon{display:block;flex-shrink:0;width:40px;height:40px}.oc-mr-demo-steps__icon img{display:block;width:100%;height:100%;object-fit:contain}.oc-mr-demo-steps__copy{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.oc-mr-demo-steps__subtitle{margin:0;color:var(--oc-mr-ds-text);font-size:24px;font-weight:700;line-height:29px}.oc-mr-demo-steps__desc{margin:0;color:var(--oc-mr-ds-muted);font-size:18px;font-weight:400;line-height:27px}.oc-mr-demo-steps__connector{position:relative;flex:0 0 var(--oc-mr-ds-gap-pc);align-self:center;width:var(--oc-mr-ds-gap-pc);height:0;overflow:visible;box-sizing:border-box}.oc-mr-demo-steps__connector-line{position:absolute;left:0;right:0;top:0;height:1px;transform:translateY(-50%);background-image:var(--oc-mr-ds-line-url);background-repeat:repeat-x;background-position:center;background-size:40px 1px}.oc-mr-demo-steps__connector-dot{position:absolute;top:0;display:block;width:8px;height:8px;max-width:none;object-fit:contain;transform:translate(-50%,-50%)}.oc-mr-demo-steps__connector-dot:first-child{left:0}.oc-mr-demo-steps__connector-dot:last-child{left:100%}@media screen and (max-width:1660px)and (min-width:769px){.oc-mr-demo-steps .index-section--title{font-size:3.6rem;line-height:3.6rem}.oc-mr-demo-steps .index-section--subtitle,.oc-mr-demo-steps .index-section--subtitle p{font-size:1.8rem;line-height:2.7rem}.oc-mr-demo-steps__header{gap:.4rem;margin-bottom:4rem}.oc-mr-demo-steps__card{gap:2.4rem;padding:2rem;border-radius:.8rem}.oc-mr-demo-steps__number{width:4rem;height:4rem;font-size:2.4rem;line-height:2.9rem}.oc-mr-demo-steps__body{gap:1.2rem}.oc-mr-demo-steps__icon{width:4rem;height:4rem}.oc-mr-demo-steps__copy{gap:.6rem}.oc-mr-demo-steps__subtitle{font-size:2.4rem;line-height:2.9rem}.oc-mr-demo-steps__desc{font-size:1.8rem;line-height:2.7rem}.oc-mr-demo-steps__connector{flex-basis:4rem;width:4rem}.oc-mr-demo-steps__connector-dot{width:.8rem;height:.8rem;max-width:none}}@media screen and (max-width:768px){.oc-mr-demo-steps .page-width{padding-left:1.6rem;padding-right:1.6rem}.oc-mr-demo-steps .index-section--title{font-size:2.4rem;line-height:2.9rem}.oc-mr-demo-steps .index-section--subtitle,.oc-mr-demo-steps .index-section--subtitle p{font-size:1.6rem;line-height:2.24rem}.oc-mr-demo-steps__header{gap:.4rem;margin-bottom:3rem}.oc-mr-demo-steps__list{flex-direction:column;align-items:stretch}.oc-mr-demo-steps__item{flex:none;align-self:stretch;width:100%}.oc-mr-demo-steps__card{gap:2rem;padding:2rem;border-radius:.8rem}.oc-mr-demo-steps__number{width:4rem;height:4rem;font-size:2.4rem;line-height:2.9rem}.oc-mr-demo-steps__body{gap:1.2rem}.oc-mr-demo-steps__icon{width:2.4rem;height:2.4rem}.oc-mr-demo-steps__copy{gap:.6rem}.oc-mr-demo-steps__subtitle{font-size:2rem;line-height:2.4rem}.oc-mr-demo-steps__desc{font-size:1.6rem;line-height:2.24rem}.oc-mr-demo-steps__connector{flex:0 0 var(--oc-mr-ds-gap-mobile);align-self:center;width:0;height:var(--oc-mr-ds-gap-mobile)}.oc-mr-demo-steps__connector-line{left:0;right:auto;top:0;bottom:0;width:0;height:auto;transform:translate(-50%);background:none;border-left:1px dashed var(--oc-mr-ds-connector)}.oc-mr-demo-steps__connector-dot{width:.8rem;height:.8rem;max-width:none;left:0;transform:translate(-50%,-50%)}.oc-mr-demo-steps__connector-dot:first-child{top:0}.oc-mr-demo-steps__connector-dot:last-child{top:100%;left:0}}
/*# sourceMappingURL=/cdn/shop/t/208/assets/oc-mr-demo-steps.css.map */