react-product-glider/dist/assets/index-DGsFV8Vo.css

A customizable responsive product slider for React

*{margin:0;padding:0;box-sizing:border-box}.product-slider{position:relative;width:100%;height:auto;overflow:hidden}.slider-window{overflow:hidden;width:100%}.slider-track{display:flex;width:100%}.slide{flex-shrink:0;flex-grow:0;box-sizing:border-box;padding:10px;width:100%}.arrow{position:absolute;top:50%;font-size:2rem;color:#333;border:none;border-radius:50%;width:50px;height:50px;background-color:#fff;cursor:pointer;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;z-index:1;border:1px solid #ccc}.arrow.left{left:10px}.arrow.right{right:10px}.dots{display:flex;justify-content:center;margin-top:10px}.dot{width:12px;height:12px;background:gray;margin:0 4px;border-radius:50%;cursor:pointer}.dot.active{background:#8a2be2}.product-card{width:100%;height:300px;background-color:#fff;color:#fff;border-radius:4px;padding:10px;box-shadow:#0000000b 3px 3px 15px;border:1px solid #f7f7f7;position:relative}.product-card img{width:100%;height:50pxs;object-fit:cover;border-radius:4px}