.blockStepper{container:stepper-block / inline-size;counter-reset:stepperCounter 0;}.stepper-block{display:flex;flex-direction:column;}.stepper-block .seperator:first-child{display:none;}.stepper-item{counter-increment:stepperCounter;}.stepper-item:before{content:counter(stepperCounter);margin-bottom:25px;display:inline-flex;}@container stepper-block ( width > 720px){.stepper-block{flex-direction:row;}}:root .blockStepper,:host .blockStepper{--component-color:var(--color-primary);--component-color-inverse:var(--color-primary-inverse);--line-width:1px;}.separator{display:none;}.stepper-item{flex-grow:1;flex-basis:0;position:relative;padding-left:45px;padding-top:3px;padding-right:32px;}.stepper-item:before{background-color:var(--component-color);color:var(--component-color-inverse);border-radius:100%;aspect-ratio:1/1;width:30px;justify-content:center;align-items:center;position:absolute;left:0;top:0;z-index:5;}.stepper-item:after{content:'';background-color:var(--component-color);width:var(--line-width);right:0;position:absolute;top:15px;z-index:1;left:15px;bottom:0;}.stepper-block .stepper-item:last-child:after{display:none;}@container stepper-block ( width > 720px){.stepper-item{padding-left:0;}.stepper-item:before{position:relative;margin-left:0;}.stepper-item:after{position:absolute;top:17px;left:15px;right:0;height:var(--line-width);width:initial;}}:root .blockStepper,:host .blockStepper{--stepper-dot-size:76px;--stepper-numeral-size:28px;--stepper-line-width:2px;--stepper-gap:32px;--stepper-ring:#e8dfc9;--stepper-line:linear-gradient(90deg,#c6d2e2,#dcd2ba,#ecd5a4,#e9c684);--stepper-line-stacked:linear-gradient(180deg,#dcd2ba,#e9c684);--stepper-measure:210px;}.stepper-block{gap:var(--stepper-gap);text-align:center;}.stepper-block .seperator,.stepper-block .separator{display:none;}.stepper-item{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;flex:0 1 auto;padding:0;}.stepper-item:before{content:counter(stepperCounter,decimal-leading-zero);flex:none;width:var(--stepper-dot-size);height:var(--stepper-dot-size);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;border-radius:50%;background-color:var(--color-surface,#FFF);border:1px solid var(--stepper-ring);box-shadow:0 12px 26px rgba(1,28,64,.08);font-family:var(--font-heading);font-size:var(--stepper-numeral-size);font-weight:700;line-height:1;color:var(--color-gold);margin-bottom:0;}.stepper-item:after{content:'';position:absolute;top:100%;left:50%;width:var(--stepper-line-width);height:var(--stepper-gap);transform:translateX(-50%);background-image:var(--stepper-line-stacked);z-index:0;}.stepper-block .stepper-item:last-child:after{display:none;}.stepper-item > a,.stepper-item > .umb-block-list{width:100%;}.stepper-item > a{display:block;color:inherit;text-decoration:none;}.stepper-item > a:hover h1,.stepper-item > a:hover h2,.stepper-item > a:hover h3,.stepper-item > a:hover h4,.stepper-item > a:hover h5,.stepper-item > a:hover h6{color:var(--color-gold-text);}.stepper-item > a:focus-visible{outline:2px solid var(--color-navy);outline-offset:4px;border-radius:8px;}.stepper-item h1,.stepper-item h2,.stepper-item h3,.stepper-item h4,.stepper-item h5,.stepper-item h6{font-family:var(--font-body);font-size:1.1875rem;font-weight:700;line-height:1.3;color:var(--color-navy);margin:18px 0 8px;}.stepper-item p,.stepper-item li{font-size:.875rem;line-height:1.5;color:var(--color-body-muted);}.stepper-item p{max-width:var(--stepper-measure);margin-left:auto;margin-right:auto;}.stepper-item p:last-child{margin-bottom:0;}@container stepper-block (width > 720px){.stepper-block{--stepper-gap:20px;}.stepper-item{flex:1 1 0;}.stepper-item:after{top:calc(var(--stepper-dot-size) / 2);left:50%;width:calc(100% + var(--stepper-gap));height:var(--stepper-line-width);transform:translateY(-50%);background-image:var(--stepper-line);}}:root .stepper-card,:host .stepper-card{--stepper-card-border:var(--color-surface-border);--stepper-card-radius:var(--radius-card);--stepper-card-shadow:var(--shadow-card);--stepper-card-padding-y:1.625rem;--stepper-card-padding-x:1.5rem;--stepper-card-gap:24px;--stepper-card-numeral-size:1.375rem;--stepper-card-numeral-gap:.625rem;}.stepper-card .stepper-block{gap:var(--stepper-card-gap);flex-wrap:wrap;text-align:left;align-items:stretch;}.stepper-card .stepper-block .seperator,.stepper-card .stepper-block .separator{display:none;}.stepper-card .stepper-item{display:flex;flex-direction:column;align-items:stretch;background-color:var(--color-surface);border:1px solid var(--stepper-card-border);border-radius:var(--stepper-card-radius);box-shadow:var(--stepper-card-shadow);padding:var(--stepper-card-padding-y) var(--stepper-card-padding-x);text-align:left;}.stepper-card .stepper-item:before{content:counter(stepperCounter,decimal-leading-zero);position:static;left:auto;top:auto;z-index:auto;display:block;width:auto;height:auto;aspect-ratio:auto;background:none;border:0;border-radius:0;box-shadow:none;font-family:var(--font-heading);font-size:var(--stepper-card-numeral-size);font-weight:700;line-height:1.2;color:var(--color-gold);margin:0 0 var(--stepper-card-numeral-gap);}.stepper-card .stepper-item:after{display:none;}.stepper-card .stepper-item > a,.stepper-card .stepper-item > .umb-block-list{width:100%;flex:1 1 auto;}.stepper-card .stepper-item > a{display:block;color:inherit;text-decoration:none;}.stepper-card .stepper-item > a:focus-visible{outline:2px solid var(--color-navy);outline-offset:4px;border-radius:var(--stepper-card-radius);}.stepper-card .stepper-item h1,.stepper-card .stepper-item h2,.stepper-card .stepper-item h3,.stepper-card .stepper-item h4,.stepper-card .stepper-item h5,.stepper-card .stepper-item h6{font-family:var(--font-body);font-size:1.125rem;font-weight:700;line-height:1.3;color:var(--color-navy);margin:0 0 .5rem;}.stepper-card .stepper-item p,.stepper-card .stepper-item li{font-size:.90625rem;line-height:1.55;color:var(--color-body-muted);}.stepper-card .stepper-item p{max-width:none;margin-left:0;margin-right:0;}.stepper-card .stepper-item p:last-child{margin-bottom:0;}@container stepper-block (width > 720px){.stepper-card .stepper-item{flex:1 1 0;}.stepper-card .stepper-block:has(> .stepper-item ~ .stepper-item ~ .stepper-item ~ .stepper-item ~ .stepper-item ~ .stepper-item) .stepper-item{flex:0 0 calc((100% - (2 * var(--stepper-card-gap))) / 3);}}