.promo-hero{border-radius:var(--radius-xl);width:100%;height:156px;box-shadow:var(--shadow-sm);background-color:var(--color-neutral-surface-low);flex-direction:column;justify-content:center;align-items:start;padding:16px;display:flex;position:relative;overflow:hidden}.promo-hero .content{z-index:1;position:relative}.promo-hero h1{color:var(--color-neutral-content-primary);font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);font-weight:var(--font-weight-semibold)}.promo-hero .hero-image{z-index:0;width:100%;height:100%;position:absolute;inset:0}.promo-hero .hero-image img{object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%}html[dir=rtl] .promo-hero .hero-image img{transform:scaleX(-1)}
.promo-hero-v2{background-color:var(--color-neutral-surface-low);border-radius:var(--radius-xl);width:100%;height:196px;box-shadow:var(--shadow-md);isolation:isolate;justify-content:center;display:flex;position:relative;overflow:hidden}.promo-hero-v2 .wrapper{display:none}.promo-hero-v2 .hero-image{z-index:0;flex-shrink:0;width:auto;height:100%;position:relative}.promo-hero-v2 .hero-image img{object-fit:cover;object-position:bottom;pointer-events:none;width:100%;height:100%}html[dir=rtl] .promo-hero-v2 .hero-image img{transform:scaleX(-1)}.promo-stepper{flex-direction:column;gap:8px;width:100%;display:flex}.promo-stepper .steps{align-items:center;width:100%;display:flex}.promo-stepper .step{flex:1;align-items:center;gap:24px;display:flex}.promo-stepper .step-number{border-radius:var(--radius-full,1000px);width:28px;height:28px;font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-semibold);text-align:center;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.promo-stepper .step.active .step-number{background-color:var(--color-brand-default);color:var(--color-brand-onDefault)}.promo-stepper .step:not(.active) .step-number{color:var(--color-neutral-content-tertiary);isolation:isolate;position:relative}.promo-stepper .step:not(.active) .step-number:before{content:"";border-radius:inherit;background-color:var(--color-neutral-content-tertiary);opacity:.1;z-index:-1;position:absolute;inset:0}.promo-stepper .step-line{background-color:var(--color-neutral-ring-subtle);border-radius:1px;flex:1;height:2px}.promo-stepper .labels{width:100%;display:flex}.promo-stepper .label{font-size:var(--text-xs);line-height:var(--text-xs--line-height);text-align:center;color:var(--color-neutral-content-secondary);flex:1}.promo-stepper .label.active{color:var(--color-neutral-content-primary);font-weight:var(--font-weight-semibold)}