.pattern-preview.parallax-preview{position:relative;display:grid;grid-template-columns:1fr;align-content:stretch;grid-gap:10px;gap:10px;padding:14px;height:180px;overflow:hidden;isolation:isolate}.parallax-badge{position:absolute;top:8px;right:10px;z-index:4;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.92);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.parallax-frame{position:relative;width:100%;height:100%;overflow:hidden;border-radius:12px;border:1px solid rgba(248,250,252,.06);isolation:isolate}.parallax-scene{position:absolute;inset:0;width:100%;height:100%;z-index:0}.parallax-track{position:absolute;inset:0;overflow:hidden;z-index:1;display:flex;justify-content:center}.parallax-stack{position:absolute;top:0;width:66%;display:flex;flex-direction:column;gap:10px;padding:12px 0;animation-name:parallaxStackScroll;animation-duration:var(--parallax-duration,9s);animation-iteration-count:infinite;animation-timing-function:var(--parallax-timing,linear)}.parallax-preview--motion-eased .parallax-stack{width:88%;gap:16px;padding:18px 0}.parallax-preview--motion-steps .parallax-stack{width:94%;gap:0;padding:0}@keyframes parallaxStackScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.parallax-card{padding:9px 11px 11px;display:grid;grid-gap:5px;gap:5px;background:rgba(15,23,42,.96);border:1px solid rgba(248,250,252,.12);border-radius:8px;box-shadow:0 6px 14px rgba(0,0,0,.45);flex-shrink:0}.parallax-card span{display:block;height:4px;border-radius:999px;background:rgba(226,232,240,.4)}.parallax-card span:first-child{width:78%;background:rgba(226,232,240,.78)}.parallax-card span:last-child{width:54%}.parallax-card:nth-child(4n+2) span:first-child{width:88%}.parallax-card:nth-child(4n+2) span:last-child{width:42%}.parallax-card:nth-child(4n+3) span:first-child{width:70%}.parallax-card:nth-child(4n+3) span:last-child{width:60%}.parallax-card:nth-child(4n+4) span:last-child{width:36%}.parallax-preview--motion-eased .parallax-card{padding:14px 18px 16px;gap:8px;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.5)}.parallax-preview--motion-eased .parallax-card span{height:7px;border-radius:999px}.parallax-preview--motion-eased .parallax-card span:first-child{width:88%;height:9px;background:rgba(226,232,240,.92)}.parallax-preview--motion-eased .parallax-card span:nth-child(2){width:64%;background:rgba(226,232,240,.36)}.parallax-preview--motion-eased .parallax-card span:nth-child(3){width:32%;height:5px;background:rgba(167,139,250,.78)}.parallax-preview--motion-steps .parallax-card{padding:11px 16px;gap:6px;margin-bottom:14px;border-radius:10px;box-shadow:0 8px 18px rgba(0,0,0,.48)}.parallax-preview--motion-steps .parallax-card span:first-child{width:56%;height:6px}.parallax-preview--motion-steps .parallax-card span:last-child{width:78%;height:3px;opacity:.6}.parallax-preview--motion-steps .parallax-card:nth-child(6n+1){background:rgba(20,25,50,.96)}.parallax-preview--motion-steps .parallax-card:nth-child(6n+2){background:rgba(28,22,56,.96)}.parallax-preview--motion-steps .parallax-card:nth-child(6n+3){background:rgba(34,28,60,.96)}.parallax-preview--motion-steps .parallax-card:nth-child(6n+4){background:rgba(40,32,64,.96)}.parallax-preview--motion-steps .parallax-card:nth-child(6n+5){background:rgba(28,22,56,.96)}.parallax-preview--motion-steps .parallax-card:nth-child(6n+6){background:rgba(20,25,50,.96)}.parallax-preview--motion-steps .parallax-card:nth-child(6n+1) span:first-child{background:rgba(167,139,250,.92);width:64%}.parallax-preview--motion-steps .parallax-card:nth-child(6n+2) span:first-child{background:rgba(103,232,249,.92);width:48%}.parallax-preview--motion-steps .parallax-card:nth-child(6n+3) span:first-child{background:rgba(244,114,182,.92);width:70%}.parallax-preview--motion-steps .parallax-card:nth-child(6n+4) span:first-child{background:rgba(251,191,36,.92);width:52%}.parallax-preview--motion-steps .parallax-card:nth-child(6n+5) span:first-child{background:rgba(34,197,94,.92);width:60%}.parallax-preview--motion-steps .parallax-card:nth-child(6n+6) span:first-child{background:rgba(248,250,252,.92);width:44%}@media (prefers-reduced-motion:reduce){.parallax-stack{animation:none;top:50%;transform:translateY(-50%)}}