.customer-stories{padding-top:20px;padding-bottom:20px}.customer-stories__heading{font-size:1.6rem;margin-bottom:20px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;text-align:left}.customer-stories__slider{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.customer-stories__slider::-webkit-scrollbar{display:none}.customer-story__card{position:relative;flex:0 0 150px;height:250px;border-radius:12px;overflow:hidden;scroll-snap-align:start;cursor:pointer;background-color:#f4f4f4;border:none;outline:none}.customer-story__card:focus,.customer-story__card:focus-visible,.customer-story__card:focus-within{outline:none;border:none;box-shadow:none}.customer-story__media{width:100%;height:100%;object-fit:cover;border:none;outline:none}.customer-story__media:focus{outline:none}.customer-story__play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none;transition:opacity .3s ease;box-shadow:0 2px 5px #0003}.customer-story__play-icon svg{width:16px;height:16px;margin-left:2px;fill:#000}.customer-story__play-icon .play-icon-image{width:100%;height:100%;object-fit:contain}.customer-stories__progress-container{margin-top:15px;height:20px;position:relative;width:100%;cursor:pointer;user-select:none;-webkit-user-select:none}.customer-stories__progress-container.is-dragging{cursor:grabbing}.customer-stories__progress-container:before{content:"";position:absolute;top:50%;left:0;right:0;height:6px;background:#e0e0e0;border-radius:2px;transform:translateY(-50%);z-index:1}.customer-stories__progress-bar{position:absolute;top:50%;left:0;height:6px;background:linear-gradient(90deg,#2c0069,#ff8900);width:50%;border-radius:2px;transform:translateY(-50%);transition:left .05s ease-out,width .05s ease-out;pointer-events:none;z-index:2}
/*# sourceMappingURL=/cdn/shop/t/33/assets/customer-stories.css.map */