.content-with-steps{--cws-timeline-color: var(--color-brand-purple-300);--cws-marker-core: 4rem;--cws-marker-ring-offset: .8rem;--cws-marker-outer: calc(var(--cws-marker-core) + 2 * var(--cws-marker-ring-offset) * 2);--cws-marker-half-outer: calc(var(--cws-marker-outer) / 2);--cws-line-gap: 32px;--cws-mobile-line-cap: 2.4rem;--cws-line-thickness: 4px;--cws-line-radius: calc(var(--cws-line-thickness) / 2);--cws-steps-gap: 2.4rem;--cws-track-gap: 2rem;--cws-segment-span: calc((100% - 2 * var(--cws-track-gap)) / 3 + var(--cws-track-gap) - 2 * (var(--cws-marker-half-outer) + var(--cws-line-gap)));--cws-segment-span-2: calc((100% - var(--cws-track-gap)) / 2 + var(--cws-track-gap) - 2 * (var(--cws-marker-half-outer) + var(--cws-line-gap)));--cws-single-track-max: 42rem;--cws-line-gradient-vertical: linear-gradient(180deg, #ffffff 0%, #8b95da 100%);--cws-line-gradient-horizontal: linear-gradient(90deg, #ffffff 0%, #8b95da 100%);color:rgb(var(--color-brand-navy-blue))}.content-with-steps__header{display:flex;flex-direction:column;gap:1.6rem;margin-bottom:3.2rem;text-align:center;max-width:77rem;margin-left:auto;margin-right:auto}.content-with-steps__heading{margin:0}.content-with-steps__intro{margin:0;color:rgb(var(--color-brand-navy-blue-500))}.content-with-steps__intro p{margin:0 0 1.2rem}.content-with-steps__intro p:last-child{margin-bottom:0}.content-with-steps__layout{display:flex;flex-direction:column;gap:3.2rem}.content-with-steps__steps-wrap{position:relative;padding-top:var(--cws-mobile-line-cap);padding-bottom:var(--cws-mobile-line-cap)}.content-with-steps__connectors{display:none}.content-with-steps__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--cws-steps-gap);position:relative;z-index:1}.content-with-steps__step{display:grid;grid-template-columns:var(--cws-marker-outer) 1fr;gap:1.2rem 1.6rem;align-items:start}.content-with-steps__step-aside{display:flex;justify-content:center;align-items:center;align-self:stretch;position:relative;width:var(--cws-marker-outer);min-height:var(--cws-marker-outer);z-index:1}.content-with-steps__step:first-child .content-with-steps__step-aside:before,.content-with-steps__step:not(:last-child) .content-with-steps__step-aside:after,.content-with-steps__step:last-child .content-with-steps__step-aside:after{content:"";position:absolute;left:50%;width:var(--cws-line-thickness);border-radius:var(--cws-line-radius);transform:translate(-50%);background:var(--cws-line-gradient-vertical);pointer-events:none}.content-with-steps__step:first-child .content-with-steps__step-aside:before{top:calc(-1 * var(--cws-mobile-line-cap));bottom:calc(50% + var(--cws-marker-half-outer) + var(--cws-line-gap))}.content-with-steps__step:not(:last-child) .content-with-steps__step-aside:after{top:calc(50% + var(--cws-marker-half-outer) + var(--cws-line-gap));bottom:calc(-1 * var(--cws-steps-gap) - var(--cws-marker-half-outer) - var(--cws-line-gap))}.content-with-steps__step:last-child .content-with-steps__step-aside:after{top:calc(50% + var(--cws-marker-half-outer) + var(--cws-line-gap));bottom:calc(-1 * var(--cws-mobile-line-cap))}.content-with-steps__marker{flex-shrink:0;width:var(--cws-marker-core);height:var(--cws-marker-core);border-radius:50%;background-color:rgb(var(--cws-timeline-color));color:rgb(var(--color-white));display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.content-with-steps__marker:before,.content-with-steps__marker:after{content:"";position:absolute;border-radius:50%;background-color:rgb(var(--cws-timeline-color));pointer-events:none}.content-with-steps__marker:before{inset:calc(-1 * var(--cws-marker-ring-offset));opacity:.3;z-index:-1}.content-with-steps__marker:after{inset:calc(-2 * var(--cws-marker-ring-offset));opacity:.25;z-index:-2}.content-with-steps__marker-num{font-size:1.6rem;font-weight:600;line-height:1;position:relative;z-index:1}.content-with-steps__card{background:var(--cws-step-bg, rgb(var(--color-light-grey)));border-radius:var(--radius-medium);padding:1.6rem 2rem}.content-with-steps__card-title{margin:0 0 .8rem}.content-with-steps__card-body{margin:0;color:rgb(var(--color-brand-navy-blue-500))}.content-with-steps__card-body p{margin:0}.content-with-steps__highlight{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--cws-highlight-bg, rgb(var(--color-brand-purple-100)));border:.1rem solid rgb(var(--color-brand-navy-blue-200));border-radius:var(--cws-highlight-radius, var(--radius-large));overflow:hidden;padding:2.4rem 2rem}.content-with-steps__highlight:has(.content-with-steps__highlight-media){padding-bottom:0}.content-with-steps__highlight-title{margin:0 0 2rem;max-width:28rem}.content-with-steps__highlight-media{width:100%;margin-top:auto;line-height:0;overflow:hidden}.content-with-steps__highlight-media img{display:block;width:100%;max-width:32rem;height:auto;margin:0 auto;object-fit:contain;object-position:bottom center}@media screen and (max-width:989px){.content-with-steps{--cws-marker-core: 28px;--cws-marker-ring-offset: 5px;--cws-marker-outer: calc(var(--cws-marker-core) + 4 * var(--cws-marker-ring-offset));--cws-marker-half-outer: calc(var(--cws-marker-outer) / 2);--cws-line-gap: 12px}.content-with-steps__step{position:relative;align-items:center}.content-with-steps__step-aside{align-self:center;min-height:0;height:var(--cws-marker-outer)}.content-with-steps__step:first-child .content-with-steps__step-aside:before,.content-with-steps__step:not(:last-child) .content-with-steps__step-aside:after,.content-with-steps__step:last-child .content-with-steps__step-aside:after{content:none;display:none}.content-with-steps__step:before,.content-with-steps__step:after{content:"";position:absolute;left:calc(var(--cws-marker-outer) / 2);width:var(--cws-line-thickness);border-radius:var(--cws-line-radius);transform:translate(-50%);background:var(--cws-line-gradient-vertical);pointer-events:none;z-index:0}.content-with-steps__step:first-child:before{top:calc(-1 * var(--cws-mobile-line-cap));bottom:calc(50% + var(--cws-marker-half-outer) + var(--cws-line-gap))}.content-with-steps__step:not(:last-child):after{top:calc(50% + var(--cws-marker-half-outer) + var(--cws-line-gap));bottom:calc(-1 * var(--cws-steps-gap) - 50% + var(--cws-marker-half-outer) + var(--cws-line-gap))}.content-with-steps__step:last-child:after{top:calc(50% + var(--cws-marker-half-outer) + var(--cws-line-gap));bottom:calc(-1 * var(--cws-mobile-line-cap))}.content-with-steps__step-aside,.content-with-steps__card{position:relative;z-index:1}.content-with-steps__marker-num{font-size:16px}.content-with-steps--count-1 .content-with-steps__steps-wrap{max-width:var(--cws-single-track-max);margin-inline:auto}}@media screen and (min-width:990px){.content-with-steps__header{margin-bottom:4.8rem}.content-with-steps__layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(26rem,32rem);grid-template-rows:auto 1fr;column-gap:2rem;row-gap:2rem;align-items:stretch}.content-with-steps__steps-wrap{grid-column:1 / 4;grid-row:1 / 3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:var(--cws-marker-outer) 1fr;column-gap:var(--cws-track-gap);row-gap:2rem;align-items:center;padding-top:0;padding-bottom:0}.content-with-steps__connectors{display:block;position:absolute;top:0;left:0;right:0;height:var(--cws-marker-outer);z-index:0;pointer-events:none}.content-with-steps__connector{position:absolute;top:0;bottom:0;height:var(--cws-line-thickness);border-radius:var(--cws-line-radius);margin-block:auto;background:var(--cws-line-gradient-horizontal)}.content-with-steps__connector--leading{left:0;width:calc((100% - 2 * var(--cws-track-gap)) / 6 - var(--cws-marker-half-outer) - var(--cws-line-gap))}.content-with-steps__connector--between:nth-of-type(2){left:calc((100% - 2 * var(--cws-track-gap)) / 6 + var(--cws-marker-half-outer) + var(--cws-line-gap));width:var(--cws-segment-span)}.content-with-steps__connector--between:nth-of-type(3){left:calc(50% + var(--cws-marker-half-outer) + var(--cws-line-gap));width:var(--cws-segment-span)}.content-with-steps__connector--trailing{left:calc((100% - 2 * var(--cws-track-gap)) * 5 / 6 + 2 * var(--cws-track-gap) + var(--cws-marker-half-outer) + var(--cws-line-gap));right:0;width:auto}.content-with-steps__steps,.content-with-steps__step{display:contents}.content-with-steps__step-aside{grid-row:1;align-self:center;justify-self:center;padding-top:0;width:var(--cws-marker-outer);min-height:var(--cws-marker-outer)}.content-with-steps__step:first-child .content-with-steps__step-aside:before,.content-with-steps__step:not(:last-child) .content-with-steps__step-aside:after,.content-with-steps__step:last-child .content-with-steps__step-aside:after,.content-with-steps__step:before,.content-with-steps__step:after{content:none;display:none}.content-with-steps__step:nth-child(1) .content-with-steps__step-aside{grid-column:1}.content-with-steps__step:nth-child(2) .content-with-steps__step-aside{grid-column:2}.content-with-steps__step:nth-child(3) .content-with-steps__step-aside{grid-column:3}.content-with-steps__step:nth-child(1) .content-with-steps__card{grid-column:1;grid-row:2}.content-with-steps__step:nth-child(2) .content-with-steps__card{grid-column:2;grid-row:2}.content-with-steps__step:nth-child(3) .content-with-steps__card{grid-column:3;grid-row:2}.content-with-steps__card{height:100%;padding:2rem 2.4rem;align-self:start}.content-with-steps__highlight{grid-column:4;grid-row:1 / -1;min-height:100%;padding:2.4rem 2rem 0}.content-with-steps__highlight:has(.content-with-steps__highlight-media){padding-bottom:0}.content-with-steps__highlight-media img{max-width:100%}.content-with-steps--count-2 .content-with-steps__steps-wrap{grid-column:1 / 4;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,86rem);max-width:86rem;margin-inline:auto;justify-self:center}.content-with-steps--count-2 .content-with-steps__connector--leading{width:calc((100% - var(--cws-track-gap)) / 4 - var(--cws-marker-half-outer) - var(--cws-line-gap))}.content-with-steps--count-2 .content-with-steps__connector--between:nth-of-type(2){left:calc((100% - var(--cws-track-gap)) / 4 + var(--cws-marker-half-outer) + var(--cws-line-gap));width:var(--cws-segment-span-2)}.content-with-steps--count-2 .content-with-steps__connector--trailing{left:calc((100% - var(--cws-track-gap)) * 3 / 4 + var(--cws-track-gap) + var(--cws-marker-half-outer) + var(--cws-line-gap))}.content-with-steps--count-1 .content-with-steps__steps-wrap{grid-column:1 / 4;grid-template-columns:minmax(0,1fr);width:min(100%,var(--cws-single-track-max));max-width:var(--cws-single-track-max);margin-inline:auto;justify-self:center}.content-with-steps--count-1 .content-with-steps__connector--leading{width:calc(50% - var(--cws-marker-half-outer) - var(--cws-line-gap))}.content-with-steps--count-1 .content-with-steps__connector--trailing{left:calc(50% + var(--cws-marker-half-outer) + var(--cws-line-gap));right:0;width:auto}.content-with-steps--count-1 .content-with-steps__step:nth-child(1) .content-with-steps__step-aside,.content-with-steps--count-1 .content-with-steps__step:nth-child(1) .content-with-steps__card{grid-column:1}}@media screen and (min-width:1200px){.content-with-steps__layout{column-gap:2.4rem}.content-with-steps__steps-wrap{--cws-track-gap: 2.4rem}}.content-with-steps--marker-badge .content-with-steps__marker:before,.content-with-steps--marker-badge .content-with-steps__marker:after{content:none;display:none}.content-with-steps__marker--badge{width:5.7rem;height:4rem;border-radius:0;background:none;color:rgb(var(--cws-timeline-color));position:relative;display:block;flex-shrink:0}.content-with-steps__marker-shape{display:block;width:100%;height:auto}.content-with-steps__marker-shape--desktop{display:none}.content-with-steps__marker-badge-content{position:absolute;top:0;left:0;width:4.9rem;height:4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgb(var(--color-white));pointer-events:none}.content-with-steps--marker-badge .content-with-steps__marker-label{display:block;font-size:1rem;font-weight:600;line-height:1.2;letter-spacing:.02em}.content-with-steps--marker-badge .content-with-steps__marker-num{font-size:1.6rem;font-weight:600;line-height:1}@media screen and (max-width:989px){.content-with-steps--marker-badge{--cws-marker-outer: 5.7rem;--cws-marker-half-outer: 2rem}}@media screen and (min-width:990px){.content-with-steps--marker-badge{--cws-marker-outer: 9.3rem;--cws-marker-half-outer: 4.65rem;--cws-badge-track-height: 5.8rem}.content-with-steps--marker-badge .content-with-steps__steps-wrap{grid-template-rows:7.1rem 1fr}.content-with-steps--marker-badge .content-with-steps__connectors{height:var(--cws-badge-track-height)}.content-with-steps--marker-badge .content-with-steps__step-aside{width:9.3rem;min-height:7.1rem;align-self:end}.content-with-steps__marker--badge{width:9.3rem;height:7.1rem}.content-with-steps__marker-shape--mobile{display:none}.content-with-steps__marker-shape--desktop{display:block}.content-with-steps--marker-badge .content-with-steps__marker-badge-content{top:0;right:0;left:0;width:auto;height:5.8rem;gap:.2rem;justify-content:center}.content-with-steps--marker-badge .content-with-steps__marker-num{font-size:2.4rem;font-weight:700;line-height:1}}
/*# sourceMappingURL=/cdn/shop/t/322/assets/section-content-with-steps.css.map */