@layer theme,base;@layer components{.reels-strip-card.is-playing:before{content:"";border-radius:inherit;background:conic-gradient(from 200deg, var(--color-brand-primary-400), var(--color-brand-secondary-400), var(--color-brand-primary-300), var(--color-brand-primary-400));z-index:2;pointer-events:none;padding:2.5px;position:absolute;inset:-2.5px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-image:linear-gradient(lab(100% 0 0) 0 0),linear-gradient(lab(100% 0 0) 0 0);mask-image:linear-gradient(lab(100% 0 0) 0 0),linear-gradient(lab(100% 0 0) 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.reels-strip-progress{transform-origin:0;background:var(--color-white);z-index:3;height:3px;transition:transform .12s linear;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 6px #fff9;box-shadow:0 0 6px lab(100% 0 0/.6)}}@layer utilities;