.sl-mark{--sl-size:160px;--sl-a:#64ffda;--sl-b:#a0c4e8;--sl-speed:1;--sl-churn:6.5s;--sl-scan-dur:2s;--sl-pulse-dur:2.6s;--sl-fill-dur:2.2s;--sl-stroke:0.9;width:var(--sl-size);aspect-ratio:67.2/21.5;position:relative;display:block;filter:saturate(1.1) brightness(1.1);user-select:none;-webkit-user-select:none}.sl-mark svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:hidden}.sl-layer{transform-box:fill-box;transform-origin:50% 50%;mix-blend-mode:difference;animation:sl-rotate calc(var(--sl-churn) / var(--sl-speed)) linear infinite}.sl-layer.l2{animation-duration:calc(10s / var(--sl-speed));animation-direction:reverse;mix-blend-mode:color-dodge;opacity:.85}.sl-layer.l3{animation-duration:calc(4.2s / var(--sl-speed));opacity:.55}@keyframes sl-rotate{to{transform:rotate(1turn)}}.sl-light{fill:hsla(0,0%,100%,.55);filter:blur(2.4px);animation:sl-pulse calc(var(--sl-pulse-dur) / var(--sl-speed)) ease-in-out infinite}@keyframes sl-pulse{0%,to{opacity:.85}50%{opacity:.1}}.sl-scan{mix-blend-mode:screen;animation:sl-scan calc(var(--sl-scan-dur) / var(--sl-speed)) cubic-bezier(.4,0,.2,1) infinite}@keyframes sl-scan{0%{transform:translateX(-30px)}to{transform:translateX(100px)}}.sl-revealRect{transform-box:fill-box;transform-origin:0 50%;transform:scaleX(1)}@keyframes sl-load{0%{transform:scaleX(0)}60%{transform:scaleX(1)}to{transform:scaleX(1)}}.sl-leadEdge{fill:var(--sl-a);transform-box:fill-box}@keyframes sl-leadmove{0%{transform:translateX(0);opacity:0}8%{opacity:1}58%{transform:translateX(64px);opacity:1}72%{opacity:0}to{transform:translateX(64px);opacity:0}}.sl-outline{fill:none;stroke-width:var(--sl-stroke,.9);stroke-linejoin:round;stroke-linecap:round}.sl-outline[data-draw]{stroke-dasharray:var(--sl-len);stroke-dashoffset:var(--sl-len);animation:sl-draw calc(2.8s / var(--sl-speed)) cubic-bezier(.32,.72,0,1) infinite}@keyframes sl-draw{0%{stroke-dashoffset:var(--sl-len)}55%{stroke-dashoffset:0}90%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.sl-mark[data-state=generating] .sl-revealRect{animation:sl-load calc(var(--sl-fill-dur) / var(--sl-speed)) cubic-bezier(.45,0,.55,1) infinite}.sl-mark[data-state=generating] .sl-leadEdge{animation:sl-leadmove calc(var(--sl-fill-dur) / var(--sl-speed)) cubic-bezier(.45,0,.55,1) infinite}.sl-mark[data-state=complete] .sl-layer,.sl-mark[data-state=complete] .sl-leadEdge,.sl-mark[data-state=complete] .sl-light,.sl-mark[data-state=complete] .sl-outline,.sl-mark[data-state=complete] .sl-revealRect,.sl-mark[data-state=complete] .sl-scan{animation-play-state:paused}.sl-mark[data-state=still] .sl-layer,.sl-mark[data-state=still] .sl-leadEdge,.sl-mark[data-state=still] .sl-light,.sl-mark[data-state=still] .sl-outline,.sl-mark[data-state=still] .sl-revealRect,.sl-mark[data-state=still] .sl-scan{animation:none}.sl-mark[data-state=still] .sl-light{opacity:.5}.sl-mark[data-state=still] .sl-leadEdge,.sl-mark[data-state=still] .sl-scan{opacity:0}.sl-mark[data-state=still] .sl-outline[data-draw]{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.sl-mark[data-state] .sl-layer,.sl-mark[data-state] .sl-leadEdge,.sl-mark[data-state] .sl-light,.sl-mark[data-state] .sl-outline,.sl-mark[data-state] .sl-scan{animation:none}.sl-mark[data-state] .sl-revealRect{animation:none;transform:scaleX(1)}.sl-mark .sl-light{opacity:.5}.sl-mark .sl-leadEdge,.sl-mark .sl-scan{opacity:0}.sl-mark .sl-outline[data-draw]{stroke-dashoffset:0}}