.usage-highlights{display:flex;flex-direction:column}.usage-carousel{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-inline:var(--page-margin);padding:32px var(--page-margin) 0;-ms-overflow-style:none;scrollbar-width:none}.usage-carousel::-webkit-scrollbar{display:none}.usage-dots{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px var(--page-margin) 32px}.usage-dots__dot{flex-shrink:0;position:relative;width:10px;height:10px;padding:0;border:none;border-radius:999px;overflow:hidden;background-color:#858585;cursor:pointer;transition:width .25s ease}.usage-dots__dot.is-active{width:45px}.usage-dots__progress{position:absolute;top:0;left:0;height:100%;width:0%;background-color:#000}.usage-dots__dot.is-active .usage-dots__progress{animation:usage-dots-progress linear forwards;animation-duration:var(--usage-dot-duration, 5s)}.usage-dots__dot.is-paused .usage-dots__progress{animation-play-state:paused}@keyframes usage-dots-progress{0%{width:0%}to{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/usage-highlights.css.map */