.blaze-slider{--slides-to-show:1;--slide-gap:20px;direction:ltr}.blaze-container{position:relative}.blaze-track-container{overflow:hidden}.blaze-track{will-change:transform;touch-action:pan-y;gap:var(--slide-gap);--slide-width:calc((100% - (var(--slides-to-show) - 1)*var(--slide-gap))/var(--slides-to-show));box-sizing:border-box;display:flex}.blaze-track>*{box-sizing:border-box;width:var(--slide-width);flex-shrink:0}
.example-slider{margin:1.5rem 0}.example-slider .blaze-slider>.blaze-prev,.example-slider .blaze-slider>.blaze-next{display:none}.example-slider .blaze-track>*{border:1px solid var(--color-fd-border);background:var(--color-fd-card);height:180px;color:var(--color-fd-muted-foreground);border-radius:8px;justify-content:center;align-items:center;font-size:4rem;font-weight:600;transition:color .2s,border-color .2s;display:flex}.example-slider .blaze-track>:hover{border-color:var(--color-fd-primary);color:var(--color-fd-foreground)}.example-slider .slider-controls{justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.example-slider .blaze-prev,.example-slider .blaze-next{border:1px solid var(--color-fd-border);background:var(--color-fd-card);width:2rem;height:2rem;color:var(--color-fd-foreground);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:background .2s,border-color .2s;display:flex}.example-slider .blaze-prev:hover,.example-slider .blaze-next:hover{background:var(--color-fd-accent);border-color:var(--color-fd-primary)}.example-slider .blaze-prev:before,.example-slider .blaze-next:before{content:"";border-bottom:2px solid;border-right:2px solid;width:8px;height:8px}.example-slider .blaze-prev:before{margin-left:2px;transform:rotate(135deg)}.example-slider .blaze-next:before{margin-right:2px;transform:rotate(-45deg)}.example-slider .blaze-pagination{gap:.5rem;display:flex}.example-slider .blaze-pagination button{background:var(--color-fd-muted-foreground);opacity:.3;cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;font-size:0;transition:opacity .2s,transform .2s}.example-slider .blaze-pagination button:hover{opacity:.6}.example-slider .blaze-pagination button.active{opacity:1;background:var(--color-fd-primary);transform:scale(1.2)}.layout-shift-demo{margin:1.5rem 0}.layout-shift-demo .demo-toggle{justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.layout-shift-demo .demo-toggle button{border:1px solid var(--color-fd-border);background:var(--color-fd-card);color:var(--color-fd-muted-foreground);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.layout-shift-demo .demo-toggle button:hover{background:var(--color-fd-accent)}.layout-shift-demo .demo-toggle button.active{background:var(--color-fd-primary);color:var(--color-fd-primary-foreground);border-color:var(--color-fd-primary)}.layout-shift-demo .demo-hint{text-align:center;color:var(--color-fd-muted-foreground);margin-top:.75rem;font-size:.875rem}.cls-fixed.example-slider .blaze-slider{--slides-to-show:3}@media (max-width:500px){.cls-fixed.example-slider .blaze-slider{--slides-to-show:2}}