.credentials-photos{position:relative}.credentials-card,.credentials-shadow{transform-origin:78% 86%;inset:0}.credentials-card:before,.credentials-shadow:before{content:"";border-radius:inherit;box-shadow:12px 16px 16px 0 color-mix(in srgb, var(--color-primary-blue-800) 20%, transparent);position:absolute;inset:0}.credentials-photo{border-radius:inherit;position:absolute;inset:0;overflow:hidden}@container not (min-width:896px){.credentials-photos{--credentials-gap:1rem;top:var(--credentials-gap);z-index:1;position:sticky}.credentials-card{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.credentials-card[data-current=true]{z-index:1}.credentials-card[data-current=false]{opacity:0;transition-delay:.3s}.credentials-card:before{content:none}.credentials-text{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.credentials-text[data-covered]{opacity:0}.credentials-photos:before{content:"";top:calc(-1 * var(--credentials-gap));height:var(--credentials-gap);z-index:-1;background:var(--dlubal-workspace-bg);position:absolute;bottom:auto;left:0;right:0}}@container (min-width:896px){.credentials-photos{--credentials-ease:cubic-bezier(.16, 1, .3, 1);--credentials-ease-out:cubic-bezier(.33, 1, .68, 1);--credentials-transform:.78s var(--credentials-ease);--credentials-box:.78s var(--credentials-ease);--credentials-translate:.55s var(--credentials-ease) .3s;--credentials-handoff:.2s ease-out .3s;--credentials-geometry:transform var(--credentials-transform), translate var(--credentials-translate), left var(--credentials-box), top var(--credentials-box), width var(--credentials-box), height var(--credentials-box)}.credentials-photos[data-focused]{--credentials-translate:.3s var(--credentials-ease-out);--credentials-box:.3s var(--credentials-ease-out);--credentials-transform:.45s var(--credentials-ease-out) .3s;--credentials-handoff:.15s ease-out .2s}.credentials-card,.credentials-shadow{--credentials-shrink:1;inset:auto;left:var(--credentials-x,calc(var(--card) * 2.5 / 41.25 * 100% + .78 * (1 - var(--credentials-shrink)) * 36.25 / 41.25 * 100%));top:var(--credentials-y,calc(var(--card) * 2.47 / 29.75 * 100% + .86 * (1 - var(--credentials-shrink)) * 24.8125 / 29.75 * 100%));width:var(--credentials-w,calc(var(--credentials-shrink) * 36.25 / 41.25 * 100%));height:var(--credentials-h,calc(var(--credentials-shrink) * 24.8125 / 29.75 * 100%));transform:translate(0)scale(1)}.credentials-shadow{display:none}.credentials-card{transition:var(--credentials-geometry), opacity .5s ease-out, visibility 0s linear 0s}.credentials-card:before{transition:opacity var(--credentials-handoff)}.credentials-text{transition:opacity .58s ease-out .14s,transform .78s cubic-bezier(.16,1,.3,1) .14s}.credentials-card[data-depth="1"]{--credentials-shrink:.988}.credentials-card[data-depth="2"]{--credentials-shrink:.976}@media (hover:hover){.credentials-card,.credentials-shadow{will-change:transform, translate, opacity}.credentials-shadow{--credentials-shrink:.988;opacity:0;pointer-events:none;transition:var(--credentials-geometry), opacity var(--credentials-handoff);display:block}.credentials-photos[data-focused] .credentials-shadow,.credentials-photos[data-focused] .credentials-card[data-state=shown]{left:var(--credentials-focus-x);top:var(--credentials-focus-y);width:var(--credentials-focus-w);height:var(--credentials-focus-h);translate:var(--credentials-gather);transform:var(--credentials-grown)}.credentials-photos[data-focused] .credentials-shadow{opacity:1}.credentials-photos[data-focused] .credentials-card[data-state=shown]:before{opacity:0}.credentials-photos[data-focused] .credentials-card[data-state=shown]{opacity:0;animation:credentials-keep-order var(--credentials-settle);transition:var(--credentials-geometry), opacity .3s cubic-bezier(.4, 0, .2, 1) .3s}.credentials-photos[data-focused] .credentials-card[data-focused]{z-index:1;opacity:1;transition:var(--credentials-geometry), opacity .45s cubic-bezier(.4, 0, .2, 1)}}@media (prefers-reduced-motion:no-preference){.credentials-card[data-state=hidden]{opacity:0;visibility:hidden;transition:transform .34s cubic-bezier(.4,0,1,1),opacity .26s ease-in,visibility 0s linear .34s;transform:translate(66px,48px)scale(.94)rotate(2.4deg)}.credentials-text[data-shown=false]{opacity:0;transition:opacity .24s ease-in,transform .3s ease-in;transform:translateY(22px)}}}@keyframes credentials-keep-order{0%,to{z-index:0}}@media (prefers-reduced-motion:reduce){.credentials-card,.credentials-card:before,.credentials-shadow,.credentials-text{transition:none}}
.how-it-works-step{height:7.25rem}@media (prefers-reduced-motion:no-preference){.how-it-works-step{height:calc(7.25rem + var(--step) * 3.625rem * (1 - var(--progress,1)))}}
