.story-ring-trigger{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .18s;display:flex;position:relative}.story-ring-trigger:active{animation:.22s cubic-bezier(.16,1,.3,1) storyPress}.story-ring-svg{pointer-events:none;width:80px;height:80px;position:absolute;inset:-4px;overflow:visible;transform:rotate(-90deg)}.story-ring-track,.story-ring-spinner,.story-ring-complete{fill:none;stroke-width:2.4px}.story-ring-track{stroke:var(--color-border)}.story-ring-spinner,.story-ring-complete{stroke:var(--store-primary);stroke-linecap:round;transform-origin:50%;transform-box:fill-box}.story-ring-spinner{opacity:0;stroke-dasharray:42 184}.story-ring-complete{opacity:1;stroke-dasharray:226;stroke-dashoffset:0}.story-ring-loading .story-ring-spinner{opacity:1;animation:.62s linear infinite storyRingSpinLoading}.story-ring-loading .story-ring-complete{opacity:.22;animation:none}.story-ring-enter .story-ring-spinner{animation:.54s linear 2 storyRingSpinIntro,.22s 1.08s both storyRingSpinnerOut}.story-ring-enter .story-ring-complete{animation:.52s cubic-bezier(.16,1,.3,1) 1.08s both storyRingComplete}.story-ring-seen .story-ring-spinner,.story-ring-seen .story-ring-complete{display:none}.story-ring-seen .story-ring-track{stroke:var(--color-border);opacity:.75}.story-ring-content{z-index:2;background:#fff;border:3px solid #fff;border-radius:999px;width:70px;height:70px;position:relative;overflow:hidden}@keyframes storyRingSpinIntro{0%{opacity:1;transform:rotate(0)}to{opacity:1;transform:rotate(360deg)}}@keyframes storyRingSpinLoading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes storyRingSpinnerOut{0%{opacity:1}to{opacity:0}}@keyframes storyRingComplete{0%{opacity:1;stroke-dashoffset:226px}to{opacity:1;stroke-dashoffset:0}}@keyframes storyPress{0%{transform:scale(1)}45%{transform:scale(.94)}to{transform:scale(1)}}.story-product-marquee{white-space:nowrap;width:100%;display:block;overflow:hidden}.story-product-marquee-track{white-space:nowrap;will-change:transform;animation:storyProductMarquee var(--story-marquee-duration,5s) ease-in-out infinite alternate;display:inline-block}@keyframes storyProductMarquee{0%{transform:translate(0,0)}to{transform:translate3d(var(--story-marquee-distance,0px), 0, 0)}}@media (prefers-reduced-motion:reduce){.story-ring-spinner,.story-ring-complete,.story-ring-trigger,.story-product-marquee-track{transition:none!important;animation:none!important}}