@property --maturity-p{syntax:"<number>";inherits:true;initial-value:0}.sap-maturity-slot{--maturity-p:0;z-index:0;flex-grow:calc(1 + var(--maturity-p) * .79);flex-shrink:1;flex-basis:0%;min-width:0;transition:--maturity-p .76s cubic-bezier(.45,.05,.15,1);position:relative;container-type:inline-size}.sap-maturity-slot[data-active=true]{--maturity-p:1;z-index:1}.sap-maturity-slot .sap-maturity-card{height:calc(100cqw * (1.0112 - var(--maturity-p) * .3059));box-shadow:0 0 #00303f00}.sap-maturity-slot[data-active=true] .sap-maturity-card{box-shadow:0 12px 32px #00303f14,0 2px 8px #00303f0d}.dark .sap-maturity-slot[data-active=true] .sap-maturity-card{box-shadow:0 16px 36px #08283466}.sap-maturity-card{text-align:left;background:0 0;border-radius:.75rem;width:100%;min-width:0;position:relative}.sap-maturity-art-rest{opacity:calc(1 - var(--maturity-p))}.sap-maturity-art-live{opacity:var(--maturity-p)}.sap-maturity-face{z-index:1;min-height:0;padding-inline:calc((1 - var(--maturity-p)) * 10% + var(--maturity-p) * 1.15rem);flex-direction:column;align-items:flex-start;display:flex;position:absolute;inset:0;overflow:hidden}.sap-maturity-space-top{flex-grow:0;flex-shrink:0;flex-basis:calc((1 - var(--maturity-p)) * 19.7% + var(--maturity-p) * 1.05rem);width:100%;min-height:0}.sap-maturity-space-mid{flex:1;width:100%;min-height:.65rem}.sap-maturity-space-bottom{flex-grow:calc(var(--maturity-p) * .45);flex-shrink:1;flex-basis:calc((1 - var(--maturity-p)) * 16.6%);width:100%;min-height:1.05rem}.sap-maturity-icon{width:calc(1.875rem + var(--maturity-p) * .375rem);height:calc(1.875rem + var(--maturity-p) * .375rem);color:#fff;background:linear-gradient(145deg,#f5a623 0%,#f07a3a 55%,#e8682e 100%);border:0;border-radius:.45rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 4px 12px #f07a3a4d}.dark .sap-maturity-icon{color:#fff;border:0}.sap-maturity-icon svg{width:calc(.875rem + var(--maturity-p) * .125rem);height:calc(.875rem + var(--maturity-p) * .125rem)}.sap-maturity-number{z-index:2;font-family:var(--font-heading,inherit);font-size:calc(1.65rem + var(--maturity-p) * .45rem);letter-spacing:-.04em;color:#d9e1e5;pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:300;line-height:1;position:absolute;top:.65rem;right:.75rem}.dark .sap-maturity-number{color:#ffffff2e}.sap-maturity-slot[data-active=true] .sap-maturity-number{color:#c5ced3}.dark .sap-maturity-slot[data-active=true] .sap-maturity-number{color:#ffffff59}.sap-maturity-title{font-size:calc(.875rem + var(--maturity-p) * .0625rem);font-weight:calc(400 + var(--maturity-p) * 300);letter-spacing:-.02em;color:color-mix(in srgb, var(--landing-ink) calc(var(--maturity-p) * 100%), #797979);line-height:1.25}.dark .sap-maturity-title{color:color-mix(in srgb, #fff calc(var(--maturity-p) * 100%), #c8c8c8)}.sap-maturity-desc{min-height:0;max-height:calc(var(--maturity-p) * 4.75rem);margin-top:calc(var(--maturity-p) * .4rem);color:var(--landing-muted);opacity:max(0, min(1, var(--maturity-p)));font-size:.8125rem;line-height:1.45;overflow:hidden}@media (prefers-reduced-motion:reduce){.sap-maturity-slot{transition:none}}