.nb-card-flow{--card-pad:5vw;--peek:7.5;color:#fff;background:#000;flex-direction:column;height:100vh;display:flex;position:relative}.nb-card-flow__body{flex:1;min-height:0;display:flex;position:relative}.nb-card-flow__track{scroll-snap-type:x mandatory;scrollbar-width:none;--scroll-progress:0;flex:1;min-height:0;display:flex;overflow:auto hidden}.nb-card-flow__track::-webkit-scrollbar{display:none}.nb-card-flow__panel{scroll-snap-align:start;width:100%;height:100%;padding:2.75rem var(--card-pad) 0;flex:0 0 100%;align-items:center;display:flex;overflow:visible}.nb-card-flow__panel:first-child .nb-card-flow__cards{transform:translateX(calc(var(--peek) * 1% * var(--scroll-progress)))}.nb-card-flow__panel:nth-child(2) .nb-card-flow__cards{transform:translateX(calc(var(--peek) * -1% * (1 - var(--scroll-progress))))}.nb-card-flow__bars{width:calc(2 * var(--card-pad) - var(--peek) / 100 * (100vw - 2 * var(--card-pad)));gap:var(--spacing-space-md);transform:translateX(calc(var(--card-pad) - 100%));z-index:10;transition:opacity var(--motion-duration-normal);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0}.nb-card-flow__bars--hidden{opacity:0}.nb-card-flow__bar{border-radius:var(--spacing-radius-pill);width:4px;height:3.5rem;opacity:var(--motion-opacity-tertiary);transition:opacity var(--motion-duration-normal);background:#fff}.nb-card-flow__bar--active{opacity:var(--motion-opacity-full)}.nb-card-flow__cards{scroll-snap-type:y mandatory;scrollbar-width:none;gap:var(--spacing-space-2xl);flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden auto}.nb-card-flow__cards::-webkit-scrollbar{display:none}.nb-card-flow__step{scroll-snap-align:start;width:100%;height:100%;font-family:var(--font-family);color:#000;border-radius:var(--spacing-radius-xl);background:#fff;flex:0 0 100%;justify-content:center;align-items:center;display:flex;overflow:hidden}.nb-card-flow__step--dark{color:#fff;background:#1a1a1a}.nb-card-flow__dots{justify-content:center;align-items:center;gap:var(--spacing-space-md);flex-shrink:0;height:2.75rem;display:flex}.nb-card-flow__dot{width:var(--spacing-space-md);height:var(--spacing-space-md);opacity:var(--motion-opacity-tertiary);transition:opacity var(--motion-duration-normal);background:#fff;border-radius:50%}.nb-card-flow__dot--active{opacity:var(--motion-opacity-full)}